Website maken in 2026: van design tot klant

Een website maken. Het klinkt simpel. Kies een template, vul je teksten in, publiceer. Maar de websites die daadwerkelijk klanten opleveren, hebben iets meer nodig. Een goed design dat vertrouwen wekt, teksten die overtuigen, en vindbaarheid in Google zodat er ook daadwerkelijk bezoekers komen. Van de psychologie achter goed webdesign tot de keuzes die er echt toe doen als je een website maakt of laat maken.

Begin bij het doel, niet bij het design

Een briefing die ik regelmatig krijg: “Ik wil een mooie, moderne website.” Prima. Maar mooi voor wie? En wat moet die website opleveren?

Een website voor een loodgieter in Rotterdam heeft een compleet ander doel dan een portfolio voor een fotograaf of een webshop met 500 producten. De loodgieter wil dat zijn telefoon gaat rinkelen. De fotograaf wil indruk maken. De webshop wil dat je afrekent. Elk van die doelen vraagt om andere keuzes in design, structuur en content.

Toch worden veel websites gebouwd alsof ze allemaal hetzelfde moeten doen: informatie tonen. Een homepage, een “over ons”, een contactpagina. Op zich prima, maar als je website daadwerkelijk klanten moet opleveren, heb je meer nodig dan een digitale brochure.

50 milliseconden: zo snel oordelen bezoekers

Bezoekers vormen een mening over je website in 50 milliseconden. Dat is sneller dan een knipperbeweging van je ogen. In die fractie van een seconde beslist iemand of je site er betrouwbaar uitziet of niet. Onderzoek van Stanford laat zien dat 75% van mensen de geloofwaardigheid van een bedrijf beoordeelt op basis van het websitedesign. Niet op basis van de teksten, niet op basis van de prijs. Op basis van hoe het eruitziet.

Vergelijk het met een fysieke winkel. Loop je langs een rommelige etalage met vergeelde posters en een kapot uithangbord? Dan loop je door, ook al verkoopt die winkel precies wat je zoekt. Je website is die etalage.

In de psychologie heet dit het halo-effect: een positieve eerste indruk kleurt hoe je al het andere beoordeelt. Is het design professioneel? Dan gaat de bezoeker er automatisch vanuit dat de dienstverlening ook professioneel is. Is de site rommelig? Dan daalt het vertrouwen in je hele bedrijf, nog voordat iemand een woord heeft gelezen. Dat maakt design niet het enige wat telt, maar wel het eerste.

Wat registreert het brein in die 50 milliseconden? Drie dingen: de visuele balans van de pagina (is het rustig of chaotisch?), het kleurgebruik (past het bij elkaar?), en de hoeveelheid witruimte. Witruimte is misschien het meest onderschatte designelement. Onderzoek in het Journal of Consumer Research toont dat strategisch gebruik van witruimte de waargenomen waarde van een product of dienst met 300% kan verhogen. Niet omdat er meer informatie staat, maar juist omdat er minder staat.

Kijk eens naar de websites van premium merken. Veel lucht, weinig tekst, grote afbeeldingen. Dat is geen toeval, maar bewuste designkeuzes. En die aanpak werkt net zo goed voor een installatiebedrijf als voor een modehuis.

Hoe design je bezoeker stuurt (zonder dat die het merkt)

Goed webdesign is niet alleen mooi, het stuurt gedrag. Een paar psychologische principes bepalen hoe mensen een website scannen, wat ze onthouden, en wanneer ze actie ondernemen.

Hoe mensen je pagina lezen (F-pattern)

Eye-tracking onderzoek met honderden gebruikers laat zien dat mensen webpagina's niet lezen zoals een boek. Ze scannen in een F-vorm: eerst horizontaal bovenaan, dan een stukje lager nog een keer horizontaal, en vervolgens verticaal langs de linkerkant van de pagina. De rechteronderkant van je pagina wordt amper gezien.

Wat betekent dit in de praktijk? Je belangrijkste boodschap hoort linksboven. Je koppen moeten scanbaar zijn, want dat is wat mensen als eerste oppikken. En lange blokken tekst zonder tussenkoppen? Die worden overgeslagen. Bij landingspagina's met weinig tekst verschuift het patroon naar een Z-vorm: linksboven naar rechtsboven, diagonaal naar linksonder, en dan rechtsonder. Precies waar je je call-to-action plaatst.

Minder keuzes, meer actie

Hick's Law is een van de meest praktische principes in webdesign. Het komt hierop neer: hoe meer keuzes je een bezoeker geeft, hoe langer die erover doet om te beslissen. En hoe langer iemand twijfelt, hoe groter de kans dat die afhaakt zonder iets te doen.

Dit zie je dagelijks op websites die te veel willen. Vijf buttons in de hero, een navigatie met twaalf items, drie verschillende contactformulieren. De bedoeling is goed: geef mensen opties. Het effect is het tegenovergestelde: keuzestress. Onderzoek laat zien dat formulieren met drie velden tot 160% beter converteren dan formulieren met tien velden. Niet omdat mensen lui zijn, maar omdat minder velden minder weerstand oproepen.

Laat het juiste opvallen

Het Von Restorff-effect is simpel: als je een reeks vergelijkbare dingen ziet, onthoud je het element dat afwijkt het beste. Dit principe wordt overal toegepast, bewust of onbewust. Op een prijzenpagina met drie pakketten krijgt het middelste pakket vaak een andere kleur en een label als “Meest gekozen”. Dat is geen decoratie, dat is het Von Restorff-effect in actie. Door dat pakket visueel te isoleren, stuur je de aandacht ernaar toe.

Hetzelfde geldt voor call-to-action buttons. De kleur van je button doet er minder toe dan het contrast met de omgeving. Een oranje button op een witte pagina valt op. Dezelfde oranje button op een oranje pagina verdwijnt. Het gaat niet om de kleur zelf, het gaat om het verschil met alles eromheen. Strategische kleurkeuzes bij buttons kunnen de klikratio met 30 tot 40% verhogen, maar alleen als het contrast klopt.

Waar je call-to-action hoort te staan

Moeten je buttons “above the fold” staan of juist lager? Uit onderzoek blijkt dat call-to-action buttons boven de vouw tot 304% meer clicks krijgen dan daaronder. Maar dat is niet het hele verhaal. Op pagina's met veel content besteden bezoekers 57% van hun tijd boven de vouw, maar gaat 66% van hun aandacht naar de content eronder. De les: zet je primaire CTA boven de vouw, maar herhaal je actieknoppen ook lager op de pagina. Bezoekers die doorlezen zijn vaak juist het meest geïnteresseerd.

Teksten: het meest onderschatte onderdeel

Een prachtig ontwerp, strak uitgevoerd, technisch vlekkeloos. En dan de teksten. Drie alinea's “Welkom op onze website”, gevolgd door jargon dat niemand begrijpt behalve de eigenaar. Herkenbaar? Design en tekst moeten samenwerken. Het een zonder het ander is als een mooi restaurant met een slechte kok.

Wat maakt webteksten goed? Ze zijn scanbaar: korte alinea's, duidelijke tussenkoppen, visuele structuur. Ze spreken de lezer direct aan: “je” en “jij”, niet “men” of “onze klanten”. En ze zijn specifiek. “Wij leveren kwaliteit” zegt niets. “90+ PageSpeed score, live in 3 weken” zegt alles.

In Nederland werkt dit extra sterk. Nederlanders zijn nuchter. Grote beloftes en superlatieven roepen wantrouwen op. “De beste website van Nederland!” werkt niet. “Een website die klanten oplevert. Punt.” wel. Schrijf zoals je praat. Als je iets niet zo tegen een klant zou zeggen aan de telefoon, schrijf het dan ook niet op je website.

Typografie wordt vaak onderschat, maar bijna de helft van bezoekers beoordeelt de geloofwaardigheid van een website op basis van het lettertype en de tekstgrootte. Serif-fonts (met schreven, denk aan Times New Roman) stralen betrouwbaarheid en traditie uit. Sans-serif fonts (zonder schreven, denk aan Arial of Inter) werken beter voor moderne, innovatieve merken. De minimale leesbare tekstgrootte op mobiel is 16 pixels. Alles daaronder leidt tot knijpogen en afhaken.

Wat kost een website? Van gratis tot high-end

De vraag “wat kost een website?” is vergelijkbaar met “wat kost een auto?”. Het antwoord hangt af van wat je nodig hebt, wie het bouwt, en wat je ermee wilt bereiken. Hieronder een compact overzicht per niveau. Meer details, doorlopende kosten en een vergelijking tussen freelancer en bureau lees je in het volledige artikel over website kosten.

Gratis: zelf doen met AI of een gratis builder

Met AI-tools als Bolt, Lovable of ChatGPT kun je tegenwoordig in een uurtje een werkende website in elkaar zetten. Gratis versies van Wix of WordPress.com zijn een andere optie. Je betaalt niets, maar je krijgt ook weinig: een subdomein (jouwbedrijf.wixsite.com), beperkte designkeuzes, en geen controle over SEO of snelheid. Geschikt om een idee te testen of als persoonlijk project, niet als serieus marketinginstrument. Meer hierover in het artikel over websites maken met AI.

Budget: €500-1.500

Een freelancer die een bestaand template aanpast aan jouw huisstijl. Je krijgt een eigen domein, een nette vormgeving, en een basis contactformulier. De beperkingen zitten vooral in de diepgang: standaard SEO-instellingen, beperkte laadsnelheid, en weinig ruimte voor maatwerk. De kwaliteit is in dit segment heel wisselvallig, dus check altijd eerder werk. Typische stacks: WordPress met een premium theme, of een betaald Wix/Squarespace abonnement met begeleiding. Voor een zzp'er die vooral online zichtbaar wil zijn kan dit prima werken.

Professioneel: €1.500-3.000

Hier begint het verschil. Custom design dat past bij je merk, technisch geoptimaliseerd voor snelheid en SEO, en een duidelijke conversiestructuur. Je website wordt gebouwd met een plan, niet vanuit een template. Typische stacks: WordPress met een custom theme, of een modern framework als Next.js. Dit is het segment waar de meeste MKB-bedrijven het beste af zijn. Bij Vizibly beginnen websites vanaf €1.500.

High-end: €3.000-7.000

Volledig custom design en development, uitgebreide SEO-strategie, CMS voor contentbeheer, en integraties met je bestaande tools (analytics, CRM, email). De website wordt gebouwd als een marketinginstrument, niet als een visitekaartje. Typische stacks: Next.js met headless CMS (Sanity, Contentful), of een geavanceerde WordPress-setup met custom plugins. Inclusief zaken als structured data, performance-optimalisatie en toegankelijkheid.

Custom en webshops: €7.000+

Complexe applicaties, webshops met honderden producten, portalen met inlogfunctionaliteit, of koppelingen met externe systemen. De prijs stijgt met de complexiteit, niet met het aantal pagina's. Typische stacks: Shopify Plus, WooCommerce met maatwerk, of een volledig headless commerce-oplossing (Medusa, Saleor) met Next.js als frontend. Hier betaal je voor architectuur en schaalbaarheid.

De juiste vraag is niet “wat kost het?” maar “wat levert het op?”. Een website van €2.500 die maandelijks vijf nieuwe klanten oplevert, is goedkoper dan een gratis website die er nul oplevert. Veel ondernemers bezuinigen op hun website en geven vervolgens duizenden euro's uit aan Google Ads om het gebrek aan organisch verkeer te compenseren. Zonde.

De techniek die je niet ziet (maar Google wel)

Een website kan er perfect uitzien en toch falen als de techniek niet deugt. Google beoordeelt je site op drie meetbare punten, de Core Web Vitals: hoe snel de grootste content laadt, hoe snel de pagina reageert op een klik, en hoe stabiel de lay-out is tijdens het laden.

Snelheid heeft direct impact op conversie. Sites die in 1 seconde laden hebben een conversieratio van gemiddeld 3%. Bij 5 seconden laadtijd daalt dat naar 1%. En het effect op bounce rate is nog dramatischer: gaat je laadtijd van 1 naar 3 seconden, dan stijgt je bounce rate met 32%. Bij 5 seconden is dat al 90%. Op mobiel, waar inmiddels meer dan 60% van je bezoekers vandaan komt, is het nog gevoeliger: meer dan de helft verlaat een site die langer dan 3 seconden nodig heeft. Wil je weten hoe jouw site presteert? Test het met de performance checker.

Daarnaast zijn er de onzichtbare technische elementen die bepalen of Google je site goed kan lezen: een schone sitemap, correcte canonical tags, structured data, en een logische URL-structuur. Dit is het werk dat je niet ziet als bezoeker, maar dat wél bepaalt of je website gevonden wordt. Meer hierover lees je in het artikel over technische SEO.

Toegankelijkheid is een ander technisch punt dat steeds belangrijker wordt. De European Accessibility Act verplicht steeds meer websites om WCAG-richtlijnen te volgen. Dat betekent: bruikbaar met een screenreader, navigeerbaar met het toetsenbord, en voldoende kleurcontrast. Goed voor je bezoekers, en steeds vaker ook wettelijk verplicht. Hetzelfde geldt voor privacy: de AVG verplicht een duidelijk cookiebeleid en een privacyverklaring. Ook dat hoort in de basis te zitten.

Bezoekers krijgen: waarom SEO bij je website hoort

Je kunt de mooiste website van Nederland hebben, maar als niemand hem vindt heb je er weinig aan. Het meeste verkeer naar zakelijke websites komt via zoekmachines, en dat verandert voorlopig niet. Zelfs met de opkomst van AI-zoekmachines zoekt het overgrote deel van de mensen nog gewoon via Google.

SEO (zoekmachineoptimalisatie) is geen los trucje dat je achteraf “op” je website zet. Het is een manier van bouwen. De structuur van je pagina's, de teksten die erop staan, de snelheid waarmee ze laden, de manier waarop pagina's naar elkaar linken. Het begint bij de website zelf. Als de fundering niet op orde is, heeft het geen zin om te investeren in content of linkbuilding.

Wat SEO in de praktijk betekent voor je website

SEO raakt alles: van de zoekwoorden in je paginatitels tot de structuur van je URL's. Een website die technisch goed in elkaar zit, laadt snel, en de juiste content heeft voor je doelgroep, heeft een enorm voordeel in Google. Dat geldt zowel voor lokale bedrijven die klanten uit de regio willen als voor webshops die landelijk willen scoren.

Concreet gaat het om drie lagen. Technische SEO: hoe goed kan Google je site crawlen en indexeren? Denk aan een schone sitemap, correcte canonical tags, structured data, en snelle laadtijden. Vervolgens content: schrijf je over de onderwerpen waar je doelgroep op zoekt? En tot slot autoriteit: verwijzen andere sites naar jouw content? Hoe meer relevante links, hoe hoger Google je waardeert. Wil je hier dieper induiken? Lees de complete gids over SEO.

Lokale vindbaarheid

Voor de meeste MKB-bedrijven is lokale SEO het startpunt. Je Google Business Profile, reviews, en lokale zoektermen bepalen of jij bovenaan staat als iemand in jouw regio zoekt. Een loodgieter in Utrecht concurreert niet met een loodgieter in Maastricht. Die lokale focus maakt het juist haalbaar om hoog te scoren, ook tegenover grotere partijen.

Het voordeel van website en SEO bij dezelfde partij: geen miscommunicatie tussen developer en SEO-bureau. Wijzigingen gaan direct live. Een technisch SEO-probleem wordt op dezelfde dag opgelost, niet na drie weken wachten op een extern ticket. Dat scheelt tijd, geld en frustratie.

Zeven veelgemaakte fouten bij websites

1. Geen duidelijke call-to-action

De bezoeker leest je pagina, is geïnteresseerd, en dan? Geen button, geen formulier, geen telefoonnummer. Of erger: zes knoppen die allemaal iets anders vragen. Eén duidelijke actie per pagina. Dat is genoeg.

2. Mobiel als afterthought

Meer dan 60% van je bezoekers zit op een telefoon. Als je website daar niet goed werkt, verlies je het grootste deel van je potentiële klanten. Mobile-first ontwerpen is geen luxe, het is de standaard.

3. Geen analytics

Hoe weet je of je website werkt als je niets meet? Google Search Console (gratis) laat zien op welke zoekwoorden je gevonden wordt. Google Analytics laat zien wat bezoekers op je site doen. Zonder deze data vlieg je blind.

4. Te veel tekst op de homepage

Je homepage is geen encyclopedie. Het is een etalage. Laat zien wat je doet, voor wie, en waarom iemand verder moet kijken. De details horen op subpagina's. Een homepage die alles probeert te vertellen, vertelt uiteindelijk niets.

5. Geen vertrouwenssignalen

Bezoekers vertrouwen niet zomaar wat een bedrijf over zichzelf zegt. Reviews, klantverhalen, een KvK-nummer, een duidelijk adres. In Nederland werken deze signalen anders dan in de Verenigde Staten. Thuiswinkel Waarborg wordt herkend door 96% van de Nederlandse consumenten. Google-reviews zijn vertrouwd. “As seen on TV”-badges werken hier niet. Zorg dat je vertrouwenssignalen passen bij de Nederlandse markt. En wees transparant over kosten: 85% van Nederlandse shoppers haakt af bij verborgen kosten. Trust badges bij formulieren leveren 42% meer conversies op.

6. Toegankelijkheid negeren

Sinds de European Accessibility Act moeten steeds meer websites voldoen aan WCAG-richtlijnen. Dat betekent: bruikbaar met een screenreader, navigeerbaar met het toetsenbord, voldoende kleurcontrast, en alt-teksten bij afbeeldingen. Veel ondernemers denken dat dit alleen voor overheidssites geldt, maar de wet wordt steeds breder. En los van wetgeving: een toegankelijke site werkt beter voor iedereen. Test het met de WCAG checker.

7. “Mijn neef kan dat ook”

Iedereen kent wel iemand die “ook websites maakt”. En soms is dat prima. Maar een professionele website vereist meer dan een template installeren. Het vereist kennis van SEO, conversieoptimalisatie, toegankelijkheid, beveiliging, en prestatie-optimalisatie. Als je website een serieus marketinginstrument is, behandel het dan ook zo.

Veelgestelde vragen over website maken

Hoelang duurt het om een website te laten maken?

Een compacte zakelijke website is in 2 tot 3 weken live. Een uitgebreidere site met blog, CMS en extra functionaliteit duurt 4 tot 8 weken. De doorlooptijd hangt vooral af van hoe snel content en feedback aangeleverd worden.

Kan ik zelf een website maken?

Ja, met tools als Wix of Squarespace kun je zelf een website bouwen. Je bent dan wel beperkt in design, snelheid en SEO. Voor een professionele website die klanten oplevert, loont het om een specialist in te schakelen. Meer over de afweging lees je in het artikel over websites maken met AI.

Wat kost een website laten maken?

Dat hangt af van de functionaliteit. Een professionele website kost tussen de €1.500 en €3.000. High-end maatwerk met SEO en CMS zit tussen de €3.000 en €7.000. Webshops en complexe applicaties kosten €7.000 of meer. Bekijk de prijzenpagina voor een volledig overzicht.

Heb ik een CMS nodig?

Dat hangt af van hoe vaak je content wijzigt. Publiceer je wekelijks blogartikelen? Dan is een CMS handig. Verandert je content zelden? Dan is een CMS een overbodige kostenpost en potentieel beveiligingsrisico. Veel zakelijke websites hebben geen CMS nodig.

Wat als ik al een website heb?

Dan is de vraag: levert die site klanten op? Zo niet, dan kan een herontwerp of een migratie naar een sneller platform de moeite waard zijn. Test je huidige site met de website score tool om te zien waar je staat.