Wireframen met AI: waarom alles er tegenwoordig hetzelfde uitziet

Je opent een nieuw tabblad. Een willekeurige ‘nieuwe’ website. Sans-serif koptekst, pastelkleurige achtergrond, drie icoontjes op een rij. Dan nog een. En nog een. Op een gegeven moment vraag je je af: is dit allemaal dezelfde site?

getty images jm4mqln2sk0 unsplash

Is het een patroon?

Iets verandert in hoe websites eruitzien. Niet langzaam, zoals dat altijd ging, maar ineens. In een jaar tijd zijn er meer websites bijgekomen dan in het decennium ervoor, dankzij tools als Claude, Lovable, Framer en Webflow AI. Iedereen kan nu binnen een uur een mockup genereren die er “professioneel” uitziet. En waarom dan niet gelijk op het internet plaatsen?

Het probleem is alleen: ze lijken allemaal op elkaar.

Dezelfde lay-outstructuur. Dezelfde witruimte. Dezelfde fonts. Poppins voor de koppen, Inter voor de bodytekst. Een subtiel afgeronde knop. Een hero met een grote H1 links en een afbeelding rechts. Drie voordelen op een rij. Een CTA in een contrasterende kleur.

Het ziet er niet slecht uit. Maar het ziet er ook nergens specifiek uit.

Waarom AI dit doet

AI-tools trainen op wat er al is. Dat is hoe ze werken: ze leren patronen uit bestaande data. En de data waarop ze getraind zijn, bestaat voor een groot deel uit succesvolle, goed gedeelde, goed gelinkte websites. De meest gelikete mockups op Dribbble. De meest bekeken templates op ThemeForest. De meest gekopieerde patronen op Awwwards.

Dat zijn per definitie de meest gemiddelde versies van wat “goed” eruitziet.

Vraag je een AI om een “moderne website voor een lifecoach”, dan krijg je geen interpretatie van die specifieke persoon. Je krijgt een statistische samenvatting van alle lifecoach-websites die ooit als succesvol zijn aangemerkt. Het resultaat is technisch correct en visueel neutraal. Het kan ook niet anders: AI haalt informatie overal vandaan, maar kent jou niet.

Typografie is daar het meest zichtbare symptoom van. Poppins en Inter zijn niet slecht. Ze zijn juist heel goed, maar voor niemand in het bijzonder. Universeel leesbaar, universeel acceptabel, universeel herkenbaar als “dat AI-font”.

Fonts als symptoom van een groter probleem

Een lettertype is geen decoratie. Het is karakter. Het eerste wat een bezoeker voelt voordat ze ook maar รฉรฉn woord hebben gelezen, is de sfeer die het font oproept. Schreefloze geometrische fonts stralen iets anders uit dan humanistische. Een smal condensed font communiceert anders dan een brede, open variant. Dat gevoel is niet neutraal. Het is identiteit.

Wat AI doet, is die keuze neutraliseren. Het kiest wat breed werkt, niet wat specifiek klopt. En dat is precies waar het wringt: een goed ontwerp is nooit voor iedereen. Het is voor iemand.

Het gaat verder dan alleen fonts. De lay-out volgt herkenbare patronen, de knopvorm is voorspelbaar, de hiรซrarchie is netjes maar karakterloos. Individuele keuzes die samen zouden moeten optellen tot iets herkenbaars, tellen nu op tot iets generieks. De optelsom van de meest gemiddelde keuzes is altijd: meer gemiddeld.

Wireframen is iets anders dan ontwerpen

Hier zit de echte verwarring. AI is uitstekend geschikt om te wireframen. Een structuur neerzetten, een flow uitproberen, snel varianten genereren. Dat gaat snel en goed. Gebruik het daarvoor. Het scheelt uren denkwerk en helpt je ideeรซn concreet te maken.

Maar een wireframe is geen ontwerp. En een ontwerp is geen website die werkt.

Ontwerpen gaat over keuzes die verder reiken dan het scherm dat je nu ziet. Over wat er over twee jaar nog moet kloppen. Over wie er op dat scherm kijkt, wat ze voelen, wat ze nodig hebben om te vertrouwen. AI ziet het frame. Een goede ontwerper ziet het geheel.

Dat verschil wordt zichtbaar op vier vlakken.

Conversie. AI bouwt een pagina die er goed uitziet. Maar het optimaliseert niet de psychologische flow van een bezoeker die voor het eerst binnenkomt en twijfelt. Knopplaatsing, frictie, vertrouwenssignalen op het juiste moment, de volgorde van informatie die twijfel wegneemt. Dat vraagt kennis van menselijk gedrag, niet van designpatronen.

Continuiteit. Een AI-gegenereerde site heeft geen onderliggende logica. Geen componentensysteem, geen consistente naamgeving, geen gedachte achter de structuur. Prima voor een wegwerpprototype. Niet voor iets wat over twee jaar nog uitgebreid wordt.

Schaalbaarheid. Als je een nieuwe dienst toevoegt, een nieuwe doelgroep aanspreekt of een rebranding doorvoert, wil je een site die meeschaalt. AI-output is een snapshot. Geen systeem.

Gebruiksgemak. AI denkt vanuit het scherm dat het genereert, niet vanuit de gebruiker die op een telefoon zit, รฉรฉn hand vrij heeft en ongeduldig is. Toegankelijkheid, mobiele interactie, laadgedrag, leesritme op klein formaat. Dat valt buiten het frame van een prompt.

Goede input, goed resultaat

Eerlijk is eerlijk: als je AI de juiste opdracht geeft, komt er ook een beter resultaat uit. Vraag je om “een website die converteert voor een coach”, dan krijg je met de juiste context best iets bruikbaars. Maar dat is precies de crux: de kwaliteit van de output is volledig afhankelijk van de kwaliteit van de input.

En dat is geen kleine drempel. Je moet weten wat je vraagt. Je moet begrijpen wat conversie betekent voor jouw specifieke situatie. Je moet kunnen beoordelen of het resultaat klopt, en zo niet, waarom niet.

Dat vraagt precies de kennis die je probeert te omzeilen.

Zo geef je AI wรฉl richting

Als je AI inzet als onderdeel van je ontwerpproces, pak het dan aan als art director. Jij geeft de kaders, AI werkt ze uit.

Kleuren. Niet “gebruik een rustgevende kleur”, maar: #1a2a4a als primaire kleur, #e8317a als accent. Geef hex-waarden. AI interpreteert “rustgevend” als lichtblauw of saliegroen. Jij weet welke specifieke tint blauw van jou is.

Fonts. Vraag niet om “een mooi font”. Vraag om een specifiek lettertype. Vraag of AI het als webfont embedt via een Google Fonts-link, of beter voor je privacy, vraag het een lokaal geladen open-source webfont te gebruiken. Geef aan welke fallback je wilt. Vraag waarom het een bepaald font kiest, en leg uit waarom jij iets anders wilt.

Border-radius. Wil je scherpe hoeken of afgeronde? Hoeveel? border-radius: 0 voelt fundamenteel anders dan border-radius: 12px. Dit klinkt als een technisch detail. Het is geen technisch detail.

Witruimte en ritme. Hoe dicht op elkaar staan elementen? Is er ademruimte of juist spanning? Geef dit aan in woorden of in getallen.

Het allerbelangrijkste: vraag AI waarom het iets kiest. Niet om het te corrigeren, maar om het gesprek te starten. “Waarom heb je voor dit font gekozen?” dwingt de AI tot een verklaring, en die verklaring geeft jou iets om op te reageren. Zo bouw je samen een stijl op in plaats van het resultaat te accepteren.

Een stijlgids als startpunt werkt zelfs nog beter. Beschrijf je merk in woorden, geef kleuren en fonts op, beschrijf de sfeer. Laad dat als context mee voordat je AI iets laat genereren. Het resultaat is radicaal anders dan wanneer je begint met een lege prompt.

Het verschil tussen hobbyen en vakmanschap

Er is een analogie die hier precies past.

Het verschil tussen een webdesigner die af en toe een site bouwt en iemand die het al vijfentwintig jaar als vak uitoefent, is niet alleen technische kennis. Het is het vermogen om vragen te stellen die de opdrachtgever zelf niet stelt. Om te zien wat er op de tweede pagina misgaat terwijl iedereen nog naar de eerste kijkt. Om te weten dat die mooie animatie op mobiel de laadtijd verdubbelt. Om de klant te beschermen tegen zichzelf, op een vriendelijke manier.

AI heeft dat vermogen niet. Het volgt de opdracht. Het stelt geen lastige vragen. Het waarschuwt niet dat de navigatiestructuur over een jaar problemen geeft. Het denkt niet mee over wat er buiten het scherm speelt.

Dat is niet erg, zolang je weet wat je hebt. Een AI-gegenereerde wireframe als startpunt voor een goed gesprek met een professional: uitstekend. Een AI-gegenereerde site als eindproduct voor een bedrijf dat wil groeien: dat is waar het misgaat.

AI als startpunt, identiteit als eindpunt

Er is niets mis met AI als onderdeel van je ontwerpproces. Het is snel, het is handig, en een goed geprompt wireframe scheelt een hoop tijd. Maar het is een startpunt, geen eindpunt.

Het probleem ontstaat wanneer de AI-output ook de eindpublicatie wordt. Wanneer niemand meer de vraag stelt: “Maar klopt dit ook met wie wij zijn?”

Want dat is precies wat bezoekers voelen, ook al kunnen ze het niet benoemen. Ze voelen het verschil tussen een website die ergens vandaan komt en een website die gewoon staat. Het eerste roept vertrouwen op. Het tweede is vergeten voordat het tabblad gesloten is.

Typografie, kleuren, witruimte. Het zijn geen details. Het zijn de taal waarmee je website communiceert voordat iemand leest. AI spreekt die taal vloeiend, maar zonder accent. En juist dat accent is wat jou onderscheidt.

๐Ÿ‘‰ Wil je niet nog een website die eruitziet als alle andere? Plan een kennismaking en we kijken samen wat er nodig is om jouw site echt van jou te maken.

Gepubliceerd op 2 juni 2026
Antal Hendrix van Spronsen

Over de auteur

Antal Hendrix van Spronsen helpt met Blauwe Nacht al meer dan tien jaar ondernemers en organisaties om hun verhaal visueel krachtig en strategisch scherp over te brengen. Met een achtergrond in design, techniek en klantbeleving bouwt hij bruggen tussen merk en mens: digitaal รฉn gevoelsmatig.

Connect op LikedIn

Wat niemand je vertelt (maar wel zou moeten)

Benieuwd hoe je meer uit je website haalt?

In onze kennisbank vind je heldere artikelen over alles wat telt: van strategie en design tot techniek en vindbaarheid. Praktisch, duidelijk en zonder vakjargon.

SEO, SEA & GEO uitgelegd voor dummies
Wat een goede website kost (en waarom goedkoop vaak duurkoop is)
Hoe je een betrouwbaar webdesignbureau herkent