Stap 1

Kick-off

Kick-off

Tijdens de kick-off meeting hebben we gekeken naar wat essentiële dingen waren die in de website moesten terug komen en wat de ze website moest uitstralen.

Daar kwam uit dat de doelgroep kleine ondernemers zijn en dus laagdrempelig en toegankelijk moet zijn.

Stap 2

Positionering

Positionering

Bij deze klant heb ik een archetype gebruikt voor de positionering. Daar naast heb ik nog een aantal dingen uitgeschreven die uit de kick-off meeting kwamen.

Stap 2

Inspiratie

Inspiratie

Ik ben naar soortgelijke website's gaan kijken en heb die geanalyseerd.

Stap 3

Web-flow

Web-flow

Na aanleiding van de inspiratie en de positionering ben ik aan de slag gegaan met de website in kaart te brengen.

Stap 4

Wireframe

Wireframe

Het wireframe heb ik dit keer voor mobiel ontworpen omdat ik merk dat ik bij het maken van een wireframe al snel de neiging heb om dingen al helemaal perfect te ontwerpen. En bij een mobiele versie heb je later nog alle vrijheid om het design aan te passen.

Stap 5

Design dump

Design dump

In figma ben ik toen aan de gang gegaan met onderdelen van de site te ontwerpen waar ik al een idee over had om gewoon mijn gedachten even snel vorm te geven en te experimenteren met wat mooi is.

Stap 6

Web design

Web design

Daar na ben ik aan de slag gegaan om de site volledig te ontwerpen met onderdelen van de vorige stap, Hier ben ik ook naderhand met de klant doorheen gelopen.

Stap 7

Website Bouwen

Website Bouwen

In Framer ben ik aan de slag gegaan met het bouwen van de site. En heb toen nog voor de laatste keer er na gekeken met de klant en heb ik uitgelegd hoe zij in de toekomst haar eigen site kan updaten.