Ennen kuin sivuja suunnitellaan, määritellään tavoite. Haluatko yhteydenottoja, tarjouspyyntöjä, ajanvarauksia vai verkkokauppamyyntiä? Sivuston rakenne kannattaa suunnitella tukemaan juuri tätä tavoitetta.
Toimivat verkkosivut rakentuvat yleensä samoista perusperiaatteista: selkeästä rakenteesta, hyvästä käytettävyydestä, helposti löydettävistä yhteystiedoista ja hakukoneystävällisestä toteutuksesta. Tässä ovat tärkeimmät asiat, joihin kiinnitän huomiota suunnitellessani verkkosivuja.
1. Selkeys — liikehdintä minimiin, tieto löytyy helposti
Pitkästä valikosta tai monista animaatioista ei ole hyötyä, jos kävijä ei löydä etsimäänsä. Suuret otsikot, riittävä riviväli ja yksinkertainen valikko auttavat käyttämään sivua nopeasti. Usein verkkosivujen tärkein tavoite on yhteydenotto. Siksi yhteydenottopainike tai -lomake kannattaa sijoittaa näkyvästi jo etusivulle.
Esimerkki: etusivulla yhteydenotto-painikkeet ja pääkohdat selkeillä linkeillä tai napeilla palvelusivuille.
2. Visuaalisesti brändin mukaiset nettisivut
Sivuston ilmeen tulisi heijastaa yrityksen brändiä. Värit, typografia, kuvat ja muut visuaaliset elementit valitaan yhdenmukaisesti yrityksen graafisen ohjeistuksen mukaisesti, mikäli sellainen on käytössä. Yhtenäinen ilme kaikissa kanavissa – myös verkkosivuilla – rakentaa uskottavuutta, vahvistaa yrityksen tunnistettavuutta ja luo ammattimaisen ensivaikutelman.
Esimerkki: 1–3 fonttia ja yhtenäinen väripaletti koko sivustolla. Usein yksikin fonttiperhe riittää, kun lihavointia ja eri kokoja hyödynnetään otsikoissa, alaotsikoissa ja leipätekstissä. Myös logon tulisi toimia hyvin verkkosivuilla sekä vaalealla että tummalla taustalla.
3. Helppokäyttöiset verkkosivut — looginen navigointi ja selkeä asiakaspolku
Navigaation tulisi viedä kävijän loogisesti eteenpäin. Tärkeimmät toiminnot (palvelut, hinnat, yhteydenotto) pitää löytyä muutamalla klikkauksella.
Esimerkki: Palvelut → Ratkaisu A → Pyydä tarjous -lomake
4. Helppo yhteydenotto — tiedot näkyy heti etusivulla
Yhteystiedot ja lomake pitäisi olla helposti saatavilla, mieluiten heti etusivulla. Mobiilissa suorat puhelulinkit ja lyhyet lomakkeet.
Esimerkki: Päivystyspalvelu → näkyvä “SOITA 000 000 0000” -painike yläreunassa.
5. Asiakaskeskeiset sivut — hyödyt kerrotaan ymmärrettävästi, ilman jargonia
Kieli, joka vastaa kävijän tarpeisiin: mitä hyötyä palvelusta on ja miten se ratkaisee ongelman. Konkreettiset luvut ja lyhyet referenssit toimivat hyvin. Asiakkaiden antamat suositukset ja referenssit lisäävät uskottavuutta, niitä kannattaa käyttää sivustolla.
Esimerkki: “Säästää 20 % käyttökustannuksissa” tai lyhyt asiakascase.
6. Nopeat, responsiiviset ja turvalliset (SSL) sivut — saavutettavat kaikille
Kuvien optimointi, oikeat tiedostomuodot ja responsiivinen toteutus varmistavat, että sivusto toimii nopeasti ja näyttää hyvältä kaikilla laitteilla. SSL ja varmuuskopiot ovat perusedellytys. Riittävä kontrasti, kuvien vaihtoehtoiset tekstit ja näppäimistöllä käytettävyys ovat myös perusjuttuja sivuston käytettävyydessä.
Esimerkki: WebP-muotoon optimoidut kuvat, lazy loading sekä selkeä mobiilivalikko.
7. Hakukoneystävälliset verkkosivut — otsikointi ja tekstit
Selkeät H1–H3-otsikot, kuvaavia meta-tietoja ja luonnollisesti sijoitettuja avainsanoja. Hyvä sisältörakenne auttaa löytymistä hakutuloksissa.
Esimerkki: Meta-otsikko ja kuvaava meta-kuvaus jokaiselle sivulle. Käytän WordPress-sivustoilla usein Yoast SEO -lisäosaa, joka helpottaa hakukoneoptimointia. Yrityksen Google Business -profiili tukee paikallista löydettävyyttä.
8. Elävät ja mitattavat — päivittyvät, laajennettavat ja seurattavat nettisivut
Verkkosivut eivät ole kertaprojekti, vaan niitä kannattaa kehittää jatkuvasti. Säännölliset päivitykset, laajennusmahdollisuudet ja analytiikka kertovat, mitä kehittää. Sivuston analytiikka kertoo, miten kävijät käyttävät sivustoa ja mitä kannattaa kehittää. Asennan sivustoille vähintään Google Analyticsin ja Google Search Consolen.
Esimerkki: Blogin tai vaikka yrityksen tapahtumista kirjoittaminen säännöllisesti pitää sivun elävänä.
🍪 Lisäksi huolehdin myös teknisistä perusasioista, kuten evästehallinnasta, lomakkeiden toimivuudesta, tietoturvasta, varmuuskopioista ja muista taustalla olevista asetuksista, jotka eivät välttämättä näy käyttäjälle, mutta vaikuttavat sivuston toimintaan.
VINKKI:
Pidä aihelistaa → asiakkaiden usein kysytyt kysymykset, referenssit, case-tarinat, vinkit ja alan uutiset. Valitse aiheita, jotka ratkaisevat asiakkaan ongelman.
REFERENSSI: EKA-SORVAUS.FI
Sivusto on selkeä, yksinkertainen käyttää ja visuaalisesti yhteneväinen muun ilmeen kanssa. Helppo yhteydenotto painike heti etusivulla ja yhteystiedot sivuston alaosassakin. Etusivulla on pääkohdat palveluista, joista pääsee napilla yksityiskohtiin. Sivusto on kaksikielinen.
Asiakas halusi myös erillisen kuvagallerian upeiden mustavalkokuvien ansiosta. Kuvat otti ammattikuvaaja – käy katsomassa miten hyvät kuvat vaikuttavat sivuston ulkoasuun.