Webdesign is geen kunst maar wegwijzering. Een bezoeker landt met een vraag in zijn hoofd, en je enige taak is hem binnen een paar seconden laten zien dat hij goed zit. Alles wat daaraan bijdraagt is ontwerp; alles wat ervan afleidt is decoratie, hoe fraai ook.
Een ondernemer stuurde me vorig jaar zijn nieuwe site. Prachtig ding, gebouwd door een ontwerpbureau, met een animatie die over het hele scherm uitwaaierde. “Wat vind je ervan?” Ik vond hem mooi. Ik vond ook dat ik na twintig seconden nog steeds niet wist wat het bedrijf verkocht.
Dat is de kern van web design: het is geen kunst, het is wegwijzering. Een bezoeker landt op je pagina met een vraag in zijn hoofd, en jouw enige taak is hem binnen een paar seconden laten zien dat hij goed zit. Alles wat daaraan bijdraagt is goed ontwerp. Alles wat ervan afleidt is decoratie, hoe fraai ook.
Hieronder staan de tips die in de praktijk het meeste verschil maken — geen trendlijstje, maar de dingen waar ik klanten het vaakst op zie struikelen.
1. Bouw een zichtbare hiërarchie
Visual hierarchy betekent simpelweg: het belangrijkste is ook het opvallendste. Klinkt vanzelfsprekend, maar op de meeste sites schreeuwt alles even hard. Drie knoppen in dezelfde kleur, vier koppen in hetzelfde formaat, en een bezoeker die niet weet waar hij moet kijken.
Kies per pagina één ding dat de bezoeker moet doen en maak dat visueel dominant. Je hero image en de kop erboven vertellen wie je bent en wat je oplost. Daaronder mag het rustiger worden. Een goede website layout leidt het oog van boven naar beneden zonder dat de bezoeker hoeft na te denken over waar hij is.
2. Ontwerp eerst voor de telefoon
Ruim de helft van je bezoek komt van mobiele apparaten, en Google beoordeelt je site ook op de mobiele versie. Toch worden veel sites nog steeds op een breed scherm ontworpen en daarna “even mobiel gemaakt”. Dat zie je meteen: knoppen te dicht op elkaar, tekst die je moet inzoomen, formulieren die niet met één duim in te vullen zijn.
Draai het om. Ontwerp voor het kleinste scherm, waar je gedwongen wordt te kiezen wat écht moet blijven, en laat het daarna uitwaaieren naar groot. Goede mobile optimization is geen aanpassing achteraf maar een uitgangspunt — en responsive design is daarbij de techniek, niet het doel.
3. Gebruik witruimte als gereedschap
White space is de goedkoopste manier om je site professioneler te laten ogen, en tegelijk het eerste wat sneuvelt zodra iemand denkt “hier kan nog wel wat bij”. Ruimte rond een element vertelt de lezer dat het bij elkaar hoort en dat het belangrijk is.
Vuistregel: als je twijfelt of er iets weg kan, kan er iets weg. Een pagina met vier duidelijke blokken werkt beter dan een pagina met twaalf blokken die allemaal aandacht vragen.
4. Kies een beperkt kleurenpalet, en let op contrast
Een color palette van twee hoofdkleuren plus een accentkleur is genoeg. Die accentkleur reserveer je voor één ding: je call to action. Gebruik je hem ook voor koppen, randjes en pictogrammen, dan valt je knop niet meer op — en dat is nu net waar het om ging.
Let daarnaast op color contrast. Lichtgrijze tekst op wit ziet er in Figma verfijnd uit en is op een telefoon in de zon onleesbaar. Het is bovendien een toegankelijkheidskwestie: een deel van je bezoekers ziet kleur anders dan jij. Zorg dat je tekst ook in zwart-wit leesbaar zou zijn.
5. Zorg dat je ontwerp je merk uitstraalt
Je brand identity is meer dan een logo. Het is het lettertype, de toon van je teksten, het soort foto’s dat je gebruikt. Leg dat vast in korte brand guidelines — één A4 volstaat — zodat je site over een jaar niet is verworden tot een verzameling losse stijlen van iedereen die er iets aan heeft toegevoegd.
6. Snelheid is ontwerp
De mooiste pagina die vier seconden laadt, verliest van een gewone pagina die in één seconde staat. Elke seconde extra kost je gemiddeld zeven procent conversie — en trage sites zijn bijna altijd trage sites door afbeeldingen die niemand heeft verkleind.
Draai je pagina door PageSpeed Insights en je ziet precies waar het vastloopt. Meestal is de fix simpel: afbeeldingen comprimeren, lettertypen beperken, en die ene slider die niemand gebruikt eruit slopen.
7. Schrijf voor mensen die scannen
Niemand leest je website content van A tot Z. Mensen scannen: koppen, eerste zinnen, dikgedrukte woorden. Schrijf daarnaar. Korte alinea’s, koppen die vertellen wat eronder staat, en de belangrijkste boodschap bovenaan in plaats van als slotconclusie.
Vergeet alt text niet bij je afbeeldingen. Dat is geen SEO-truc maar gewoon nette bouw: blinde bezoekers horen het, en zoekmachines lezen het.
8. Maak vindbaar wat je verkoopt
Heb je meer dan twintig pagina’s of producten, zet er dan een fatsoenlijke search bar in — en test of hij ook resultaten geeft bij een typefout. Voeg social proof toe op de plek waar mensen twijfelen: reviews vlak bij de knop, niet weggestopt op een aparte pagina.
9. Stop met raden en ga testen
Hier zit het verschil tussen een mooie site en een site die werkt. Maak een simpele user persona — wie is je bezoeker, wat wil hij weten voor hij durft te klikken — en laat vervolgens vijf mensen die niet in je bedrijf werken één taak uitvoeren. User testing met vijf mensen legt tachtig procent van je problemen bloot.
Twijfel je tussen twee versies van een knop of een kop? Dan is A/B testing je vriend. Niet omdat je smaak niet deugt, maar omdat je bezoeker vaak iets anders doet dan je verwacht. Een hogere conversion rate komt bijna nooit uit een groot herontwerp, maar uit tien kleine dingen die je gemeten hebt.
Waar je morgen mee kunt beginnen
Pak je eigen homepage op je telefoon en geef jezelf vijf seconden. Weet je dan wat het bedrijf doet, voor wie, en wat de volgende stap is? Zo niet, dan weet je precies waar je begint — en dan is dat één middag werk, geen herontwerp.
Wil je dat ik meekijk? Stuur me je URL en waar je bezoekers volgens jou afhaken, dan geef ik je de drie dingen die ik als eerste zou aanpakken.
