Projektin alussa keskustelimme ominaisuuksista ja verkkosivuston sisällöstä, ja esittelin myös asiakkaalleni joitain nopeita rautalankamalle, joiden avulla pystyin antamaan paremman käsityksen keskustelemistamme ominaisuuksista. Keskustelumme jälkeen minulla on melko hyvä käsitys asiakkaan tarpeista ja siitä, millaisen verkkosivuston hän tarvitsee. Projektin tavoitteena on luoda käyttäjäystävällisemmät ja näppärät sivut, josta löytyy kaikki tarpeellinen. Asiakas toivoi Galleriaa sivuilleen, missä hän voi esitellä kuvia koiristansa
Seuraavaksi vuorossa on sivuston rakenteen hahmottaminen rautalankamallien ja sivukartan avulla. Tässä vaiheessa sivujen suunnitelmat ovat tylsän näköiset, mutta nyt rakenteeseen tehtävät muutokset on vielä erittäin helppo ja nopea tehdä.
.png)
.png)
Tässä vaiheessa päästään pohtimaan värejä ja fontteja. Keskustelimme asiakkaani kanssa sivuston tyylistä ja väreistä ja asiakkaan toiveena oli saada vaalean sininen värimaailma. Lisäksi hän toivo saavansa jonkinlaisen maisemakuvan sivun alkuun. Suunnitteluprosessissa minulla oli siis melko vapaat kädet, sillä asiakkalla ei värien ja kuvan lisäksi ollut paljoa muita toiveita.
Tavoittena oli saada selkeän näköiset sivut ja näin ollen myös fonttien täytyi olla selkeitä ja helppolukuisia. Harkinnan jälkeen päätin käyttää otsikoissa Bebas Neue fonttia ja leipätektissä Sourse Sans Pro fonttia.
Asiakas toivoi sinisiä värejä sivuilleen, erityisesti vaalean sinistä. Tästä syystä päädyin valitsemaan sinisen eri sävyjä sivulle luodakseni sinisen ja silti dynaamisen värimaailman
Värien ja fonttien valinnan jälkeen oli aika luoda lopulliset suunnitelmat verkkosivulle. Suunnittelun jälkeen pidimme asiakkaan kanssa palaverin, jossa varmistimme että ulkoasu ja sivun toiminnallisuudet vastaavat odotuksia. tarvittaessa tein pieniä muutoksia suunnitelmaan
.png)
Suunnitelman hyväksymisen jälkeen on aika toteuttaa sivut webflow alustalle. Sivujen toteutukseen webflowilla meni kaikenkaikkiaan 2 päivää. Hankimme asiakkaan kanssa hänelle domainin sekä ostimme hänen tarpeisiinsa sopivan webflow suunnitelman.
Verkkosivut julkaisitiin asiakkaan domainille ja julkaisun jälkeen varmistin että kaikki toimii niinkuin pitääkin.