Fase 2 van 3

Design & Prototype

De goedgekeurde wireframestructuur wordt omgezet in een volledig uitgewerkte visuele ervaring, inclusief high-fidelity design en een klikbaar Figma-prototype dat je kunt doorlopen voordat er ook maar één regel code is geschreven.

Hier wordt structuur een ervaring

Fase 2 is waar jouw merk tot leven komt op het scherm. Met de in Fase 1 goedgekeurde UX blueprint voegen we nu het visuele design toe: typografie, kleur, hiërarchie, afbeeldingen, witruimte en interactie.

Het resultaat is een pixel-perfect, high-fidelity design en een klikbaar prototype waarmee je de site kunt ervaren voordat hij gebouwd is. Deze fase draait om verfijning en zekerheid. Tegen de tijd dat we klaar zijn, zijn er geen verrassingen meer in Fase 3.

1

High-fidelity design

We passen jouw merkidentiteit toe: kleuren, typografie, afbeeldingen en visuele taal, op de goedgekeurde wireframestructuur. Elk scherm wordt met pixelnauwkeurigheid ontworpen in Figma.

2

Typografie & hiërarchie

We stellen een duidelijk typografisch systeem op: kopschalen, bodytekst, contrastwaarden en visueel gewicht. Dit zorgt voor leesbaarheid en begeleidt gebruikers op een natuurlijke manier door elke pagina.

3

Klikbaar prototype

We verbinden de schermen tot een navigeerbaar Figma-prototype. Je kunt erdoorheen klikken als een echte website, de flow testen, overgangen bekijken en het design ervaren voordat de bouw begint.

4

Design review & feedback

We delen het prototype en verzamelen gestructureerde feedback. Feedback werkt het beste als die binnenkomt via de afgesproken beslisser, gekoppeld aan specifieke schermen of interacties.

5

Aanpassingen binnen scope

We verwerken aanpassingen op basis van jouw feedback binnen de afgesproken scope. Deze fase is iteratief maar afgebakend. Het doel is verfijning, geen volledige herstart.

6

Definitieve design akkoord

Schriftelijke goedkeuring is vereist voordat we naar Fase 3 gaan. De goedgekeurde designbestanden worden de exacte specificatie voor de bouw. Geen giswerk, geen interpretatie.

Waarom dit belangrijk is

Jij klikt erdoorheen voordat wij het bouwen

Het klikbare prototype is een van de waardevolste dingen die we opleveren. Het laat je het design ervaren als gebruiker, niet alleen beoordelen als statisch beeld. Je kunt de navigatie testen, aanwijzen wat niet goed aanvoelt en met echt vertrouwen akkoord geven. Wijzigingen in dit stadium kosten minuten. Dezelfde wijzigingen nadat de bouw is begonnen kosten uren. Het prototype is jouw vangnet.

Fase 2 Deliverables

High-fidelity designbestandenVolledig uitgewerkte schermen in Figma voor elke pagina en toestand. Desktop-first met mobiele layouts inbegrepen.
Klikbaar Figma-prototypeEen volledig navigeerbaar prototype gedeeld via Figma-link. Test de volledige gebruikersflow voordat we iets bouwen.
Typografie & stijlgidsEen vastgelegd visueel systeem met typografieschalen, kleurgebruik, witruimte en componentstijlen.
Schriftelijke fase-akkoordFormele goedkeuring op de designbestanden. Dit wordt de ontwikkelspecificatie voor Fase 3.

Wat je in deze fase betaalt

Fase 2 wordt gestart met een mijlpaalbetaling van 40%, de grootste eenmalige betaling in het project. Dit weerspiegelt de diepgang van het werk: volledig visueel design plus een klikbaar prototype.

Plan

Basis Website

Totale projectkosten€799
40% mijlpaal€319,60

Te betalen bij Fase 2 goedkeuring

€319,60

Resterend: €239,40 (Fase 3, 30%)

Plan

Zakelijke Website

Totale projectkosten€2.499
40% mijlpaal€999,60

Te betalen bij Fase 2 goedkeuring

€999,60

Resterend: €749,70 (Fase 3, 30%)

Plan

Enterprise Website

Totale projectkosten (vanaf)€4.999
40% mijlpaal€1.999,60

Te betalen bij Fase 2 goedkeuring

€1.999,60

Resterend: €1.499,70 (Fase 3, 30%)

Belangrijke aandachtspunten voor Fase 2

Jouw materialen, graag

Alle teksten, productafbeeldingen, merkmateriaal en logo's moeten door jou worden aangeleverd voordat Fase 2 begint. Tijdelijke content leidt tot onvolledige designs en vertraagt de akkoordverlening.

Design is gebaseerd op Fase 1

Het visuele design volgt de goedgekeurde wireframestructuur precies. Verzoeken om de paginastructuur of navigatie in Fase 2 te wijzigen worden behandeld als scopewijzigingen en kunnen invloed hebben op planning en kosten.

Aanpassingen zijn gescoped

We nemen aanpassingen op binnen de afgesproken scope. Grootschalige visuele herontwerpen of richtingswijzigingen na de eerste presentatie worden apart beoordeeld. Heldere, gebundelde feedback houdt alles efficiënt.

Akkoord legt de specificatie vast

Zodra Fase 2 is goedgekeurd, worden de designbestanden de exacte specificatie voor de bouw. Wijzigingen die tijdens Fase 3 worden gevraagd en afwijken van het goedgekeurde design, vereisen een scopereview.

Bekijk andere fases

Benieuwd hoe jouw site eruit zou kunnen zien?

Laten we beginnen met een gesprek.