Witruimte in webdesign: waarom 'leeg' beter verkoopt

Witruimte in webdesign is de bewuste lege ruimte rond je tekst, knoppen en beelden.

Ze is geen verspilling, maar een van je sterkste conversietools.

Laat je ruimte rond wat telt, dan krijgen je boodschap en je call-to-action de aandacht die ze nodig hebben.

Het verdict: in B2B verkoopt “leeg” beter dan “vol”. Een drukke pagina verlamt de bezoeker, een rustige helpt hem kiezen.

De reflex om elke pixel vol te zetten voelt productief. Maar ze kost je leads.

Even vooraf, want het bepaalt onze hele kijk: wij sturen niet op het mooiste of het meest gevulde design, maar op klanten en omzet.

Witruimte is voor ons dus geen smaakkwestie. Het is de manier om de weg naar een aanvraag zo helder mogelijk te maken.

Wat is witruimte in webdesign precies?

Witruimte is alle lege ruimte op een pagina zonder tekst of beeld, en ze hoeft niet letterlijk wit te zijn.

Het is de marge rond een tekstblok, de ruimte tussen twee knoppen, de afstand tussen je titel en je eerste alinea.

Designers noemen het soms “negatieve ruimte”.

Maar negatief is ze allerminst: het is de ruimte die je andere elementen laat ademen.

Macro- en micro-witruimte

Je onderscheidt grofweg twee soorten:

Beide sturen het oog. Samen bepalen ze waar de bezoeker eerst kijkt.

Een actief instrument

Goed gebruikt is witruimte dus geen passieve achtergrond, maar een actief instrument dat aandacht richt.

Het werkt samen met visuele hiërarchie en typografie: grootte, gewicht en ruimte vertellen samen wat eerst komt.

Hoeveel micro-witruimte is genoeg?

Voor tekst bestaat er een officieel ijkpunt.

De toegankelijkheidsrichtlijn WCAG 2.1, succescriterium 1.4.12 vraagt dat je content blijft werken als een gebruiker deze afstanden instelt:

Concreet: een regelhoogte van minstens 1,5 keer de lettergrootte, 2 keer de lettergrootte na een alinea, 0,12 keer als letterafstand en 0,16 keer als woordafstand.

Bijvoorbeeld: bij tekst van 16 pixels is dat een regelhoogte van 24 pixels en 32 pixels ruimte na een alinea.

Het criterium geldt op niveau AA.

Meer over die regels lees je in onze WCAG-checklist voor je website.

Waarom verkoopt ‘leeg’ beter dan ‘vol’?

Omdat aandacht schaars is. Ruimte stuurt die aandacht.

Een bezoeker scant je pagina in seconden en beslist of hij blijft.

Volgens Nielsen Norman Group zijn de eerste tien seconden bepalend voor die keuze.

Staat alles even hard te roepen? Dan hoort hij niets.

Geef je een boodschap ruimte, dan ziet hij precies waar hij moet kijken.

Drie manieren waarop witruimte werkt

Witruimte werkt op drie manieren in je voordeel:

• Leesbaarheid: tekst met ruimte eromheen leest vlotter en blijft beter hangen.
• Hiërarchie: het oog gaat naar het element met de meeste ruimte eromheen.
• Minder denkwerk: ze verlaagt de mentale belasting.

Bij die laatste hoeft de bezoeker niet te filteren wat belangrijk is en wat ruis.

Die rust vertaalt zich in vertrouwen, en vertrouwen leidt naar de volgende stap.

Waarom het in B2B extra zwaar telt

Jouw bezoeker neemt geen impulsbeslissing.

Hij verzamelt informatie en weegt af of hij contact opneemt.

Dat lukt beter op een rustige pagina. Een drukke pagina overrompelt hem.

Witruimte ondersteunt zo rechtstreeks een B2B-website die leads genereert. Ze maakt het pad naar de aanvraag vrij in plaats van het dicht te slibben.

Waarom willen we toch elke pixel vol zetten?

De drang naar volheid komt zelden van de bezoeker, maar bijna altijd van binnenuit.

Het is goed om die reflexen te herkennen, want dan kan je ertegen ingaan.

Angst om iets weg te laten

Dit is de meest voorkomende oorzaak. Elk team vindt zijn eigen boodschap belangrijk:

• sales wil de productfeatures
• marketing wil de awards
• de zaakvoerder wil de bedrijfsgeschiedenis

Het compromis is vaak: zet het er allemaal maar op.

Het resultaat is een pagina waarop niets meer opvalt, omdat alles tegelijk aandacht vraagt.

Leegte voelt als verspilling

“Daar kan toch nog iets bij” is een begrijpelijke gedachte, zeker voor een scherm dat half leeg lijkt.

Maar die leegte doet werk. Ze houdt de blik bij wat telt.

Elke trend meenemen

Een derde oorzaak: elke trend meenemen, van autoplay-video’s tot sliders en pop-ups.

Zo loopt een pagina vol met elementen die elk apart leuk lijken, maar samen de boodschap verdrinken. Welke van die fouten het vaakst terugkomen, lees je in webdesignfouten in B2B.

Vuistregel: dient een element de aanvraag niet, dan kost het ruimte die je beter aan rust besteedt.

Hoe zet je witruimte in voor meer conversie?

Schrap rond je belangrijkste actie zoveel mogelijk, en laat er zo weinig mogelijk mee concurreren.

Witruimte is op zijn krachtigst precies daar waar je wil dat de bezoeker iets doet. Hieronder de plekken waar het in B2B het meeste oplevert.

Geef je call-to-action lucht

Een knop die klem zit tussen tekst, beelden en andere knoppen verdwijnt.

Een knop met ruimte eromheen springt eruit.

Isoleer je belangrijkste call-to-action bewust. Haal weg wat ermee concurreert.

Houd je hero rustig

Het eerste scherm dat een bezoeker ziet, bepaalt of hij blijft.

Probeer daar niet alles tegelijk te zeggen.

Eén heldere boodschap met veel ruimte eromheen overtuigt sterker dan een hero vol claims, logo’s en knoppen. Die boodschap zegt drie dingen:

• wat je doet
• voor wie
• wat de volgende stap is

Hoe je die opbouwt, lees je in een hero-sectie die converteert. Laat je ook inspireren door sterke B2B webdesign voorbeelden.

Maak je formulier leeg en overzichtelijk

In B2B sneuvelen leads vaak in het formulier.

Ruimte tussen de velden maakt het rustiger en minder afschrikwekkend.

Elk veld dat je schrapt, verlaagt de drempel.

Vraag enkel het minimum. Een naam, een e-mailadres en een vraag starten al een gesprek. Meer hierover lees je in conversie-optimalisatie van formulieren.

Gebruik ruimte om te scheiden, niet alleen lijnen

Je hoeft niet elk blok van een rand of kader te voorzien, want vaak doet witruimte dat werk beter.

Secties met genoeg ruimte tussen zich voelen vanzelf gescheiden aan.

Dat houdt de pagina rustig en helpt de bezoeker je structuur begrijpen.

Het ondersteunt ook een heldere website-navigatie, omdat een rustige pagina makkelijker te overzien is.

Denk mobiel

Op een smal scherm is ruimte nog schaarser.

Een knop zonder marge wordt daar al snel een misklik.

Hoe je dat aanpakt, lees je in mobiele conversie op een B2B-website.

Betekent meer witruimte dan altijd beter?

Nee. Dat is een belangrijke nuance.

Een pagina die zo leeg is dat de bezoeker moet scrollen en zoeken naar elke brok informatie, werkt net zo slecht als een overvolle pagina.

Te veel ruimte heeft ook een prijs

Te veel ruimte kan belangrijke inhoud onder de vouw duwen, of een pagina abstract en koud laten aanvoelen.

Het gaat dus niet om zoveel mogelijk leegte, maar om de juiste ruimte op de juiste plek.

De juiste ruimte op de juiste plek

Geef je sleutelboodschap en je CTA royaal ruimte.

Houd verwante informatie genoeg bij elkaar, zodat de bezoeker het verband ziet.

Dat principe heet nabijheid: wat bij elkaar hoort, staat dicht bij elkaar.

Je leest het terug in onze designprincipes voor een website.

De toets: helpt deze ruimte de bezoeker sneller bij zijn doel, of staat ze in de weg?

Dat beantwoord je niet op gevoel, maar door te kijken naar gedrag en aanvragen. Witruimte hoort net als elke andere UX-keuze onderbouwd te zijn met data, niet met smaak.

Hoe weet je of je witruimte werkt?

Meet op het juiste cijfer: aanvragen en leads, niet op hoe strak de pagina oogt.

Een rustiger design zonder extra contact is voor ons niet geslaagd. Hoe mooi ook.

Kijk naar gedrag

Drie bronnen vertellen je waar het wringt:

• Analytics: waar haken mensen af?
• Heatmaps: waar gaat de aandacht naartoe?
• Scrolldiepte: komt de blik bij je CTA, of glijdt hij erlangs?

Heatmaps en scrolldiepte vind je bijvoorbeeld gratis in Microsoft Clarity:

De homepage van Microsoft Clarity, oktober 2026 (Engelse versie). De scrolldiepte toont hoeveel bezoekers verder kijken dan het eerste scherm.

Testen, als je genoeg verkeer hebt

Heb je genoeg verkeer, dan kan je twee versies van een pagina tegen elkaar testen: een drukkere en een rustigere.

Of je resultaat significant is, check je met onze A/B-test-calculator.

Heb je weinig verkeer, leun dan op gezond verstand en de principes hierboven.

Tests die toch geen uitsluitsel geven, helpen je niet. Waarom, lees je in A/B testen bij weinig verkeer.

Stop dus niet bij “het ziet er beter uit”. Levert het ook meer aanvragen op?

Hoe pak je witruimte op je eigen pagina aan?

Begin bij één pagina met veel verkeer, zoals je homepage of je belangrijkste dienstpagina.

Vier stappen volstaan. Je hebt er geen redesign voor nodig.

Stap 1: benoem het ene doel

Welke actie moet een bezoeker op deze pagina doen? Een gesprek inplannen, een offerte aanvragen of een document downloaden.

Kies er één. Niet twee. Dat wordt het element met de meeste ruimte eromheen.

Stap 2: schrap wat het doel niet dient

Loop elk blok langs en vraag: helpt dit de bezoeker richting die ene actie?

Twijfel je, zet het dan lager op de pagina of op een aparte pagina. Een tweede knop wordt bijvoorbeeld een tekstlink.

Stap 3: geef ruimte waar het telt

Vergroot de marge rond je titel, je kernboodschap en je CTA.

Trek de micro-witruimte van je tekst op tot minstens de WCAG-waarden.

Stap 4: meet het effect

Vergelijk de aanvragen van die pagina voor en na de wijziging, over een vergelijkbare periode.

Kijk daarnaast in je heatmaps of de aandacht nu bij je CTA landt.

Veelgestelde vragen over witruimte in webdesign

Moet witruimte echt wit zijn?

Nee. Witruimte is elke lege ruimte zonder tekst of beeld, ook op een gekleurde of donkere achtergrond. Het gaat om de afstand, niet om de kleur.

Hoeveel witruimte is genoeg?

Voor tekst geeft WCAG 1.4.12 een ondergrens: een regelhoogte van minstens 1,5 keer de lettergrootte en minstens 2 keer de lettergrootte na een alinea. Voor de rest van de pagina beslist het gedrag van je bezoekers: komt hun aandacht bij je CTA, dan is er genoeg ruimte.

Kost witruimte geen plaats voor belangrijke inhoud?

Alleen als je overdrijft. Geef je kernboodschap en je CTA ruimte, en houd verwante informatie dicht bij elkaar. Wat de aanvraag niet dient, mag lager op de pagina of op een aparte pagina.

Werkt witruimte ook op mobiel?

Ja, en daar telt ze zelfs meer. Op een smal scherm voorkomt ruimte rond knoppen misklikken en houdt ze je hoofdboodschap leesbaar.

De korte samenvatting

Witruimte in webdesign richt aandacht en maakt de weg naar een aanvraag vrij.

De drang om elke pixel vol te zetten komt van binnenuit, en ze kost je leads.

Beslisregel: geef je boodschap en CTA lucht, houd verwante info bij elkaar, en meet op aanvragen.

Wil je dat je website niet alleen rustiger oogt maar ook meer aanvragen oplevert? Wij zijn een klein B2B-team dat ontwerpt vanuit het doel, platformneutraal en gericht op leads.

Voor de bredere context lees je onze gids om een B2B-website te laten maken. Verdiep je ook in de vraag of een webbouwer ook aan SEO doet, want mooi design zonder vindbaarheid levert nog geen leads op.

Neem contact op en we bekijken samen waar jouw pagina ruimte nodig heeft.