Een website ontwerpen doen we zo

Richt je pijlen op het doel

‘Hier heb je onze briefing, wanneer kunnen jullie aan de slag?’ Door dit enthousiasme of een te strakke deadline slaan sommigen één van de belangrijkste stappen binnen het ontwerpproces van een website over. Namelijk: het doel – of de doelen – van de website.

Welke rol vervult de website in je online strategie? Wat moet de website opleveren? En hoe maken we die doelen vervolgens concreet? Doelen en ambities vormen bij ons altijd het uitgangspunt van het ontwerp (en de realisatie) van de website.

Wat wil en zoekt je doelgroep?

Doelen duidelijk? Dan komt de doelgroep in beeld. Van inside-out gaan we over naar outside-in. Want wie wil je aanspreken met je website? En waar is je doelgroep naar op zoek?

Om de behoeften van je doelgroep(en) inzichtelijk te maken, gaan we samen op reis. Nee, niet naar een hagelwit strand of met de tent de bergen in, maar op klantreis. We stippelen de customer journey van je doelgroep uit, zodat we designkeuzes kunnen maken die aansluiten op de behoeften van de mensen voor wie je website is bedoeld. Alleen zo creëren we een optimale gebruikerservaring.

De vertaalslag

Wordt de nieuwe website informatief, een showcase of een puur conversiekanon? Op basis van de doelen en doelgroepbehoeften ontwikkelen we een websiteconcept waarmee we bezoekers informeren, inspireren en activeren én het onderscheidend vermogen van je merk overbrengen.

We maken in deze stap de vertaalslag van de doelen en de wensen van de doelgroep(en) naar keuzes voor de website. Dé basis voor het webdesign.

Time for design!

Zodra het concept van de website is bepaald, kunnen we de benodigde websitetemplates gaan bepalen en ontwerpen. En yes, daar word ik blij van. Want in deze fase komt alles samen. De navigatiestructuur, het functioneel ontwerp, de look & feel… De gemaakte keuzes gaan we nu tot leven wekken.

In de designfase starten we met het functioneel ontwerp van de website. Dit is als het ware een ‘blauwdruk’ van de website waarbij we vooral denken vanuit functionaliteiten. Nog niet per se vanuit vorm.

En het leuke is: tegenwoordig zijn er veel goede designtools beschikbaar waar we websites in kunnen ontwerpen. Een paar jaar geleden ontwierpen we ze nog in Photoshop, momenteel werken we met Figma. Dit is een cloud-based UX/UI designtool die niet alleen voor ons prettig werkt, maar ook voordelen heeft voor jou als opdrachtgever.

Een stoel aan de tekentafel

Door te werken met een designtool zoals Figma voelt het functioneel ontwerp jou als opdrachtgever al bijna aan als een echte website. Je krijgt als het ware een stoel aan onze tekentafel.

Waarom wij werken met Figma:

• Je kunt de designs vanaf elk device bekijken
• De designtemplates zijn klikbaar, zo lijkt ‘t net alsof de website al werkt
• Feedback geven is een eitje
• Real time veranderingen aanbrengen? Kan gewoon!

Van functioneel ontwerp naar webdesign

Functioneel ontwerp klaar? Dan is het tijd voor het webdesign. Het ‘échte’ design. De blauwdruk wordt omgetoverd naar een design in de huisstijl van je merk. Typografie, kleuren, beeld en conversie-elementen komen in deze fase samen. Dit is dus het ontwerp van de website zoals ‘ie er straks voor bezoekers uit komt te zien.

Uiteraard designen wij responsive: geschikt voor diverse devices. Net als bij het functioneel ontwerp werken we ook in deze fase met Figma. Zo kun je al vóór we de developmentfase ingaan de website bekijken en er doorheen klikken. Wel zo fijn!

Figma komt overigens ook weer goed van pas in de developmentfase – maar dat is weer inhoud voor een volgende blog.

In ’t kort

In grote lijnen zijn dit de stappen om tot een effectief webdesign te komen. Samenvattend: doelen bepalen, doelgroepbehoeften inzichtelijk krijgen, de vertaalslag maken met een sterk concept, een functioneel ontwerp ontwikkelen en tot slot het webdesign ontwerpen.