Verkkosivujen suunnittelu – näin suunnittelet yrityksellesi toimivan sivuston

1. Päätä, millaisia yhteydenottoja haluat

Kirjaa ensin, mitä haluat verkkosivujen auttavan yritystäsi myymään. Jos kaikkea tarjontaa käsitellään yhtä tärkeänä, asiakkaan voi olla vaikea hahmottaa, mihin yritys erityisesti keskittyy.

Kuvitteellisen remonttiyrityksemme tavoite voisi olla tämä:

Haluamme enemmän tarjouspyyntöjä kylpyhuone- ja huoneistoremonteista omalla toimialueellamme. Tarjouspyynnöstä pitäisi selvitä kohteen sijainti, remontin laajuus ja toivottu ajankohta.

Tämä tavoite auttaa jo tekemään päätöksiä. Kylpyhuone- ja huoneistoremontit tarvitsevat kunnolliset esittelyt, niihin liittyvät työnäytteet pitää löytää helposti ja lomakkeessa kannattaa kysyä juuri tarjouksen arviointiin tarvittavat tiedot.

Valitse myös, miten seuraat onnistumista. Palveluyritykselle hyödyllinen lähtökohta on saapuneiden tarjouspyyntöjen määrä ja niiden sopivuus yrityksen töiksi. Pelkkä kävijämäärä kertoo vasta osan tilanteesta.

2. Rakenna sivusto asiakkaan kysymysten ympärille

Kirjoita ylös kysymykset, joita asiakkaat esittävät ennen tilaamista. Apua löytyy tarjouspyynnöistä, puheluista ja myyntikeskusteluista.

Kylpyhuoneremonttia harkitseva voi kysyä:

• Teettekö kokonaisia kylpyhuoneremontteja vai vain laatoitusta?
• Hoidatteko työn eri vaiheet ja tarvittavien ammattilaisten koordinoinnin?
• Onko teillä kuvia vastaavista kohteista?
• Miten kustannukset ja aikataulu selvitetään?
• Mitä tietoja tarvitsette tarjousta varten?

Vastaa sivustolla niihin asioihin, jotka oikeasti kuuluvat yrityksesi palveluun. Kerro myös rajaukset, jos esimerkiksi asiakas hankkii materiaalit itse tai osa töistä sovitaan erikseen.

Selkeä suunnitelma kertoo jokaisesta tärkeästä sivusta kolme asiaa: kenelle se on tarkoitettu, mihin kysymyksiin se vastaa ja mikä on kävijän seuraava askel.

Sama lähtökohta näkyy Googlen ohjeessa hyödyllisestä sisällöstä: sisältö tehdään ensisijaisesti ihmisille, ei hakukoneille.

3. Valitse sivut palveluiden ja ostotilanteiden mukaan

Etusivu kokoaa yrityksen tarjonnan. Yksittäinen palvelusivu antaa tilaa niille yksityiskohdille, joita juuri kyseistä työtä harkitseva tarvitsee.

Remonttiyrityksen sivurakenne voisi näyttää tältä:

Rakenne on havainnollistava esimerkki, ei kaikille sopiva sivulista. Jos yritys ei tee keittiöremontteja, kyseistä sivua ei tarvita.

Hakukoneoptimointi huomioidaan jo tässä vaiheessa: selvitetään, millaisia palveluita asiakkaat etsivät ja millainen sisältö vastaa heidän tarpeeseensa. Sama palvelu ei tarvitse erillistä sivua jokaiselle lähes samaa tarkoittavalle hakusanalle. Googlen SEO-aloitusopas neuvoo järjestämään sivuston niin, että sekä kävijä että hakukone ymmärtävät sen rakenteen.

Yhden sivun kokonaisuus voi riittää yrityksen ja yhteystietojen esittelyyn. Kun tavoitteena on asiakashankinta useilla eri palveluilla, omat palvelusivut ovat usein perusteltu lähtökohta. Sivumäärä seuraa sisällön tarvetta.

4. Suunnittele etusivu ja palvelusivu eri tehtäviin

Etusivu auttaa löytämään oikean palvelun

Etusivun alkuun tarvitaan ymmärrettävä kuvaus yrityksestä: mitä teette, kenelle ja missä. Sen jälkeen kävijä voi tutustua tärkeimpiin palveluihin, työnäytteisiin, asiakaspalautteisiin ja toimintatapaan.

Kuvitteellisen remonttiyrityksen aloitusteksti voisi olla:

Kylpyhuone- ja huoneistoremontit Helsingissä ja Espoossa
Remontoimme koteja sovitun suunnitelman mukaan. Tutustu kohteisiimme ja kerro, millaista remonttia suunnittelet.

Tällainen aloitus kertoo nopeasti, onko kävijä sopivassa paikassa. Visuaalinen ilme ja kohdekuvat täydentävät viestiä.

Palvelusivu auttaa arvioimaan työn sopivuutta

Kylpyhuoneremontin palvelusivulle suunnittelisimme seuraavat sisällöt:

• Palvelu ja toimialue. Millaisia kylpyhuoneita remontoidaan ja missä?
• Työn sisältö. Mitkä vaiheet yritys hoitaa ja mitä sovitaan erikseen?
• Vastaavat kohteet. Kuvia ja lyhyet kuvaukset tehdyistä remonteista.
• Hinnan muodostuminen. Mitkä kohteen ominaisuudet vaikuttavat arvioon?
• Työn eteneminen. Mitä tapahtuu ensimmäisestä yhteydenotosta luovutukseen?
• Tarjouspyyntö. Mitä asiakkaan kannattaa kertoa omasta kohteestaan?

Pelkkien yleisten laatulupausten rinnalle tarvitaan näyttöä: oikeita kohteita, ymmärrettävä työnjako ja selkeä kuvaus siitä, miten asiakkaan kanssa toimitaan.

Miltä tämä näyttää toteutettuna? Katso WebFinin verkkosivureferenssit.

5. Suunnittele yhteydenotto osaksi jokaista tärkeää sivua

Kävijä voi tulla suoraan palvelusivulle hakutuloksesta. Siksi myös sillä sivulla pitää kertoa, kuka palvelun tarjoaa ja miten työstä pääsee keskustelemaan.

Remonttipalvelun yhteydenottopolku voisi edetä näin: asiakas löytää palvelusivun, tarkistaa työn sisällön, tutustuu vastaavaan kohteeseen ja lähettää oman remonttinsa lähtötiedot.

Käytä painikkeessa toimintaa kuvaavaa tekstiä. Esimerkiksi ”Pyydä tarjous kylpyhuoneremontista” kertoo seuraavasta vaiheesta enemmän kuin ”Lue lisää”.

Lomakkeessa kannattaa kysyä tiedot, joiden avulla yritys pystyy palaamaan asiaan:

• Kohteen sijainti.
• Tarvittava palvelu ja lyhyt kuvaus työstä.
• Toivottu aikataulu.
• Nimi ja yhteystieto.

Tarkempia tietoja ja kuvia voidaan pyytää myöhemmin tai tarjota niille vapaaehtoinen kenttä. Kerro lähetyksen jälkeen myös, että viesti vastaanotettiin ja miten asian käsittely jatkuu.

6. Sovi ulkoasusta, mobiilista ja materiaaleista

Kun sisältörunko on selvillä, suunnittelija voi rakentaa sitä tukevan visuaalisen ilmeen. Valitse lähtökohdiksi yrityksen logo, tunnistettavat värit, luettava typografia ja omat valokuvat.

Palveluyrityksen kuvalistalle kannattaa kerätä valmiita töitä, yksityiskohtia työn laadusta sekä tekijöitä. Kirjaa kuvien yhteyteen, mitä kohteessa tehtiin. Näin kuvista saadaan myös hyödyllisiä referenssikuvauksia.

Mobiilinäkymä kannattaa käydä läpi jo suunnitelmasta. Löytyykö palvelu nopeasti? Onko teksti luettavaa? Pääseekö soittamaan? Onnistuuko lomakkeen täyttäminen puhelimella?

Animaatiot voivat tehdä sivustosta mieleenpainuvan. Suunnitelmassa pitää samalla varmistaa, että sisältö löytyy, käyttö pysyy sujuvana ja sivusto toimii myös käyttäjälle, joka vähentää liikettä laitteensa asetuksista. W3C:n saavutettavuusohje animaatioista kertoo, miksi liike voi haitata osaa käyttäjistä.

Sovi lisäksi, kuka toimittaa kuvat, kuka kirjoittaa tekstit ja kuka hyväksyy kokonaisuuden. Näiden vastuiden selkeys helpottaa projektin etenemistä.

Jos aiot rakentaa sivuston itse, käy toteutuksen vaiheet läpi oppaassa nettisivujen teko vaihe vaiheelta.

7. Täytä lyhyt suunnittelupohja

Voit kopioida tämän pohjan ja vastata kohtiin muutamalla lauseella. Sen avulla saat ajatukset talteen ja toteuttaja ymmärtää projektin lähtökohdat.

Esimerkki lyhyestä vastauksesta:

Olemme Helsingissä ja Espoossa toimiva remonttiyritys. Haluamme tarjouspyyntöjä erityisesti kylpyhuone- ja huoneistoremonteista. Meillä on kohdekuvia, mutta palvelutekstit pitää kirjoittaa. Asiakkaat kysyvät yleensä työn sisällöstä, aikataulusta ja kustannuksista. Tarvitsemme sivuille palvelukohtaiset esittelyt, referenssit ja helpon tarjouspyynnön.

Jo näillä tiedoilla voidaan arvioida sivurakennetta ja tunnistaa, mitä pitää selvittää tarkemmin. Kaikkien tekstien tai teknisten ratkaisujen ei tarvitse olla valmiina yhteydenottoa varten.

Budjetin arvioinnissa auttaa artikkeli verkkosivujen hinnasta. Jos vertailet useampaa toteuttajaa, käy tarjoukset läpi kotisivujen ostajan oppaan avulla.

Usein kysyttyä verkkosivujen suunnittelusta