Verkkosivujen suunnittelu ja konseptointi
Huolellisen suunnittelun avulla verkkosivuille saadaan tehtyä vankka pohja, joka huomioi sekä loppukäyttäjien että ylläpitäjien tarpeet.
Verkkosivuprojektille vankka pohja
- Kickoff ja workshopit
- Sivuston rakenteen ja navigaation suunnittelu
- Rautalankasuunnittelu ja käyttöliittymäelementtien suunnittelu
- Avainsana-analyysi – usein osa sisällönsuunnittelua
Suunnittelu ja konseptointi on helpoin ja kustannustehokkain vaihe miettiä sivuston toiminnot ja sisältötyypit kuntoon. Sisällöntuotanto voidaan tarvittaessa aloittaa heti tämän jälkeen, mikä jouduttaa projektin valmistumista huomattavasti. Kun käyttöliittymäsuunnittelu on valmis ja rautalangat on hyväksytty, voi visuaalinen suunnittelu käynnistää.
Löydät tarkemman kuvaukset toimintamallistamme Tapamme toimia-sivulta.
Konseptointi
- Mitkä ovat verkkosivujen tavoitteet?
- Mikä on uuden sivuston kohderyhmä?
- Mitä sivuilla halutaan viestiä?
- Mitä toiminnallisuuksia verkkosivuille tarvitaan?
- Mihin järjestelmiin sivusto täytyy integroida?


Rakenne, navigaatio ja sisältö
Rakenne on sisällön arkkitehtuuria ja eri sivujen suhdetta toisiinsa. Navigaatioon sivut asetetaan loogiseen ja käyttäjäystävälliseen järjestykseen. Se rakennetaan sivuston loppukäyttäjää ja osin myös (haku)koneita varten.
Voit tutustua tarkemmin rakenteen ja navigaation suunnitteluun Käyttöliittymäsuunnitteluun keskittyvän blogisarjan toisessa osassa.
Käyttöliittymäsuunnittelu
Rakenne ja navigaatio ovat lähtökohta sivuston käyttöliittymäsuunnittelulle. Käyttöliittymäsuunnittelussa tehdään valituista sivutyypeistä mallit, joihin suunnitellaan interaktiot, elementit, sisältöpaikat ja navigaatio.
Käyttöliittymäsuunnittelun lopputulos on klikkailtava UX-proto (UX = user experience, käyttäjäkokemus). Se on käytännössä interaktiivinen rautalanka ja siitä saa käsityksen siitä, mitä elementtejä ja sisältöjä sivustolle toteutetaan. Käyttöliittymäsuunnittelun yhteydessä voidaan tehdä jopa käyttäjätestausta UX-protoa hyödyntäen.
Haluatko tietää tarkemmin, millainen prototyyppi voisi olla? Testaa UX-prototyppiämme täällä

Ota yhteyttä!
