Kennisbank

Wat is een wireframe?

Voordat een website kleur en beeld krijgt, verdient zij een bouwtekening: het wireframe — een schematische weergave van wat waar komt en waarom. Wie deze stap overslaat, discussieert later over structuur in de taal van smaak. Dat wordt zelden beter.

Bijgewerkt op 22 augustus 2026

Het antwoord in het kort

Een wireframe is een vereenvoudigde, schematische weergave van een pagina: blokken, koppen, knoppen en volgorde — bewust vrij van kleuren, beelden en typografie. Het doel: de structuur en hiërarchie vastleggen vóórdat het visuele ontwerp begint, zodat gesprekken eerst over de juiste vragen gaan — wat moet deze pagina doen, wat komt bovenaan, waar leidt elke knop heen. Vorm volgt daarna, op een fundament dat al klopt.

Benieuwd waar uw eigen website staat? De eerste bevindingen verschijnen direct op uw scherm.

Gratis websitescan · twintig meetpunten · volledig rapport in uw mailbox

Waarom de kale tekening zoveel oplevert

Visuele ontwerpen kapen de aandacht: iedereen praat over de kleur en het beeld, en de wezenlijke vraag — klopt de opbouw voor de bezoeker en zijn doel — sneuvelt in het gesprek. Het wireframe dwingt de volgorde af: eerst de inhoudelijke hiërarchie, de route naar de aanvraag en de plek van het bewijs; dan pas de schoonheid die dat alles draagt. Wijzigingen zijn in deze fase bovendien minuten eerder dan dagen — de goedkoopste plek van het hele traject om van gedachten te veranderen.

Van wireframe naar ontwerp

De praktische keten: per paginatype (home, dienst, kennis, contact) een wireframe met echte of realistische inhoud — want lorem ipsum verstopt de vraag of de boodschap past. Akkoord op structuur, dán het visuele ontwerp binnen de huisstijl, en vervolgens de bouw. Elke stap erft een goedgekeurd fundament, en verrassingen verschuiven naar waar ze horen: vooraan, waar ze goedkoop zijn. Zo lopen de trajecten van Ovolum — en zo blijven planningen heel.

Veelgestelde vragen

Wat is het verschil tussen een wireframe en een mockup?

Het wireframe is de kale bouwtekening (structuur en volgorde); de mockup is het visuele ontwerp daaroverheen (kleur, beeld, typografie); een prototype maakt dat ontwerp klikbaar. Drie stappen met elk hun eigen gespreksonderwerp.

Moet ik als klant wireframes kunnen lezen?

Ze zijn juist gemaakt om samen te lezen: blokken en pijlen, eerder dan techniek. Een goed bureau loopt ze met u door in de taal van uw klant — wat ziet die als eerste, waar klikt die, wat overtuigt hem. Uw marktkennis maakt de tekening beter.

Kost de wireframe-stap extra tijd?

Zij lévert tijd op: discussies verhuizen naar de goedkope fase en het visuele ontwerp wordt in één à twee rondes geraakt eerder dan vijf. De trajecten die uitlopen, zijn vrijwel altijd de trajecten die deze stap oversloegen.

Verder lezen

Vrijblijvend advies

Zal Ovolum vrijblijvend even meekijken met uw website?

Stel uw vraag — u ontvangt binnen één werkdag een persoonlijk, schriftelijk antwoord. Kosteloos en met volle aandacht.

Antwoord binnen één werkdag

Uw ontwerp verdient een bouwtekening.