Website maken in 2026: van design tot klant

Een website maken lijkt simpel: template kiezen, teksten erin, publiceren. Een site die klanten oplevert, vraagt meer. Het ontwerp moet vertrouwen wekken, de teksten moeten overtuigen en Google moet je kunnen vinden, anders komt er niemand langs. In deze gids lees je hoe bezoekers een site beoordelen, wat een website kost en welke keuzes het verschil maken, of je de site nu zelf maakt of laat maken.

Begin bij het doel van je website

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. Bij een B2B-website laten maken speelt weer iets anders, want daar beslist zelden één persoon en moet de site een heel inkooptraject overtuigen. 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 een website die klanten moet opleveren, vraagt meer dan een digitale brochure.

Bezoekers oordelen in 50 milliseconden

Bezoekers vormen in ongeveer 50 milliseconden een mening over je website. Dat bleek in 2006 uit onderzoek van Carleton University in Canada: proefpersonen die een homepage maar 50 milliseconden zagen, beoordeelden die vrijwel hetzelfde als mensen die er langer naar keken. Dat is sneller dan je ogen knipperen, en in die tijd beslist iemand of je site betrouwbaar oogt. Ook in het geloofwaardigheidsonderzoek van Stanford University ging bijna de helft van alle opmerkingen van deelnemers over de vormgeving: lay-out, lettertypes, kleuren. Geen ander punt werd zo vaak genoemd.

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. Op een rommelige website werkt het net zo.

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.

In die eerste flits telt vooral het totaalbeeld: de visuele balans van de pagina (rustig of chaotisch), het kleurgebruik (past het bij elkaar) en de hoeveelheid witruimte. Aan witruimte wordt vaak het minst gedacht, terwijl die veel zegt. Onderzoekers die in het Journal of Consumer Research schreven over witruimte in advertenties, zagen dat zowel consumenten als reclamemakers veel lege ruimte koppelen aan verfijnde smaak en een hogere prijsklasse.

Kijk maar eens naar de websites van premium merken: veel lucht, weinig tekst, grote afbeeldingen. Daar is bewust voor gekozen, en een installatiebedrijf kan dezelfde aanpak net zo goed gebruiken als een modehuis.

Hoe design je bezoeker stuurt

Een paar psychologische principes bepalen grotendeels hoe mensen een website scannen, wat ze onthouden en wanneer ze in actie komen. Ken je die principes, dan kun je er in het ontwerp rekening mee houden.

Hoe mensen je pagina lezen (F-pattern)

Eye-trackingonderzoek 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.

Voor je site betekent dit: je belangrijkste boodschap hoort linksboven, en je koppen moeten scanbaar zijn, want die pikken mensen als eerste op. Lange blokken tekst zonder tussenkoppen worden overgeslagen. Op landingspagina's met weinig tekst verschuift het patroon naar een Z-vorm: van linksboven naar rechtsboven, diagonaal naar linksonder en dan naar rechtsonder. Dat laatste punt is de logische plek voor je call-to-action.

Te veel keuzes remmen je bezoeker af

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, want je wilt mensen opties geven. Het effect is keuzestress. Bij formulieren werkt het net zo: elk extra veld is een extra drempel, dus een kort formulier levert doorgaans meer aanvragen op dan een lang.

Je bezoeker onthoudt wat afwijkt

Het Von Restorff-effect houdt in dat je uit een reeks vergelijkbare dingen vooral het element onthoudt dat afwijkt. 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”. Door dat pakket zo visueel te isoleren, stuur je de aandacht ernaartoe.

Hetzelfde geldt voor de knop van je call-to-action. De kleur van die knop 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.

Waar je call-to-action hoort te staan

Je hoort vaak dat buttons “above the fold” moeten staan, dus zichtbaar zonder te scrollen. Dat klopt voor je belangrijkste knop, want naar het bovenste deel van een pagina wordt het meest gekeken. Wie verder scrolt, leest vaak met meer aandacht en is juist geïnteresseerd. Zet je primaire call-to-action dus boven de vouw, en herhaal je actieknop lager op de pagina, zodat een doorlezer niet terug naar boven hoeft.

Teksten die bezoekers overtuigen

Het komt vaak voor: een strak ontwerp, technisch prima in orde, en dan bovenaan drie alinea's “Welkom op onze website”, gevolgd door jargon dat alleen de eigenaar begrijpt. Het ontwerp doet dan z'n werk, en toch haakt de bezoeker af op de tekst. Design en tekst moeten dus samenwerken.

Goede webteksten zijn scanbaar: korte alinea's, duidelijke tussenkoppen, visuele structuur. Ze spreken de lezer direct aan, met “je” en “jij” in plaats van “men” of “onze klanten”. En ze zijn specifiek. “Wij leveren kwaliteit” kan iedereen zeggen, “90+ PageSpeed-score, live in 3 weken” kan een klant nagaan.

Bij Nederlandse lezers roepen grote beloftes en superlatieven snel wantrouwen op: met “De beste website van Nederland!” overtuig je niemand. Schrijf zoals je praat. Zou je iets niet zo aan de telefoon tegen een klant zeggen, zet het dan ook niet op je website.

Ook typografie bepaalt hoe betrouwbaar een site oogt. Serif-fonts (met schreven, denk aan Times New Roman) stralen betrouwbaarheid en traditie uit. Sans-serif-fonts (zonder schreven, denk aan Arial of Inter) passen beter bij moderne, innovatieve merken. Voor lopende tekst op mobiel is 16 pixels een goede ondergrens: kleiner leidt tot knijpogen en afhaken.

Wat kost een website?

Wat een website kost, 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. Prima om een idee te testen of voor een persoonlijk project. Als serieus marketinginstrument schiet het tekort. 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 eenvoudig contactformulier. De beperkingen zitten vooral in de diepgang: standaard SEO-instellingen, beperkte laadsnelheid en weinig ruimte voor maatwerk. De kwaliteit wisselt in dit segment sterk, dus bekijk altijd eerder werk. Typische stacks: WordPress met een premium theme, of een betaald Wix- of Squarespace-abonnement met begeleiding. Voor een zzp'er die vooral online zichtbaar wil zijn kan dit prima werken.

Professioneel: €1.500-3.000

Vanaf dit niveau krijg je custom design dat past bij je merk, techniek die is afgesteld op snelheid en SEO, en een duidelijke structuur die bezoekers naar contact leidt. Je website wordt gebouwd vanuit een plan in plaats van een template. Typische stacks: WordPress met een custom theme, of een modern framework als Next.js. Voor de meeste MKB-bedrijven is dit het niveau waar ze het meest aan hebben. Bij Vizibly beginnen websites vanaf €2.000.

High-end: €3.000-7.000

Volledig custom design en development, uitgebreide SEO-strategie, CMS voor contentbeheer, en koppelingen met je bestaande tools (analytics, CRM, e-mail). Op dit niveau wordt de website een volwaardig marketinginstrument. 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. Het geld gaat dan vooral naar architectuur en schaalbaarheid.

Zet de prijs altijd naast wat een website oplevert. 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.

De techniek onder je website

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 bepaalt mee of een bezoeker blijft. Google onderzocht dat voor mobiele sites: gaat de laadtijd van 1 naar 3 seconden, dan stijgt de kans dat een bezoeker meteen weer vertrekt met 32%. Wil je weten hoe jouw site presteert? Test het met de performance checker.

Daarnaast bepalen een paar technische onderdelen of Google je site goed kan lezen: een schone sitemap, correcte canonical tags, structured data en een logische URL-structuur. Als bezoeker zie je daar niets van. Google leest ze wel, en gebruikt ze om je pagina's te begrijpen. Meer hierover lees je in het artikel over technische SEO.

Toegankelijkheid hoort ook bij die technische basis. De European Accessibility Act verplicht steeds meer websites om WCAG-richtlijnen te volgen; wat dat inhoudt, lees je hieronder bij de veelgemaakte fouten. Voor privacy geldt iets vergelijkbaars: de AVG vraagt om een duidelijk cookiebeleid en een privacyverklaring, en ook dat hoort vanaf de bouw in je site te zitten.

SEO hoort bij de bouw van je website

Een mooie website helpt weinig als niemand hem vindt. Voor de meeste zakelijke websites zijn zoekmachines de belangrijkste bron van nieuwe bezoekers. AI-zoekmachines zijn in opkomst, maar de meeste mensen zoeken nog gewoon via Google.

SEO (zoekmachineoptimalisatie) zit in de manier waarop je een website bouwt: de structuur van je pagina's, de teksten die erop staan, de snelheid waarmee ze laden en hoe pagina's naar elkaar linken. Achteraf iets “op” je site zetten werkt daarom maar beperkt. Is die fundering niet op orde, dan heeft investeren in content of linkbuilding weinig zin.

De drie lagen van SEO

SEO raakt je hele site, ook de zoekwoorden in je paginatitels en de structuur van je URL's. Een website die technisch goed in elkaar zit, snel laadt en de juiste content voor je doelgroep heeft, maakt in Google meer kans. 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. Meer over die drie lagen lees je in 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: wie de analyse doet, past ook de site aan. Een technisch SEO-probleem kan dan direct worden opgelost, zonder dat het eerst als ticket bij een ander bureau ligt.

Zeven veelgemaakte fouten bij websites

1. Geen duidelijke call-to-action

Een bezoeker leest je pagina, is geïnteresseerd en zoekt dan naar een volgende stap, die er niet is: er staat geen knop, formulier of telefoonnummer. Zes knoppen die allemaal iets anders vragen, werken net zo slecht. Geef elke pagina één duidelijke actie.

2. Mobiel als bijzaak

Een groot deel van je bezoekers komt via een telefoon binnen. Werkt je website daar niet goed, dan haken die bezoekers af voordat ze contact opnemen. Ontwerp daarom mobile-first: eerst voor het kleine scherm, daarna voor de desktop.

3. Geen analytics

Zonder meting weet je niet of je website werkt. Google Search Console (gratis) laat zien op welke zoekwoorden je gevonden wordt, en Google Analytics laat zien wat bezoekers op je site doen. Met die twee zie je welke pagina's het goed doen en welke aandacht nodig hebben.

4. Te veel tekst op de homepage

Laat op je homepage zien wat je doet, voor wie, en waarom iemand verder moet kijken. De details horen op subpagina's. Probeert je homepage alles tegelijk te vertellen, dan raakt de bezoeker de hoofdzaak kwijt.

5. Geen vertrouwenssignalen

Bezoekers vertrouwen niet zomaar wat een bedrijf over zichzelf zegt. Reviews, klantverhalen, een KvK-nummer en een duidelijk adres helpen wel. Nederlandse bezoekers letten daarbij op andere signalen dan Amerikaanse: Thuiswinkel Waarborg is een bekend keurmerk en Google-reviews worden vertrouwd, terwijl “As seen on TV”-badges weinig indruk maken. Kies dus vertrouwenssignalen die bij de Nederlandse markt passen. En wees open over kosten, want kosten die pas bij het afrekenen opduiken, zijn een bekende reden om af te haken.

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 de wet: goed contrast helpt ook wie in fel zonlicht op een telefoon kijkt, en een site die met het toetsenbord werkt, helpt ook iemand met een gebroken arm. 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. Een professionele website vraagt alleen meer dan een template installeren: kennis van SEO, conversieoptimalisatie, toegankelijkheid, beveiliging en snelheid. Moet je website klanten opleveren, weeg dan de vriendenprijs van je neef af tegen wat een website laten maken door een specialist je aan klanten oplevert.

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 elke week een blogartikel, dan is een CMS (een systeem waarmee je zelf teksten aanpast) handig. Verandert je content zelden, dan is een CMS vooral een extra kostenpost en een mogelijk beveiligingsrisico. Veel zakelijke websites hebben geen CMS nodig.

Wat als ik al een website heb?

Kijk dan eerst of die site klanten oplevert. Is dat niet zo, dan kan een herontwerp of een overstap naar een sneller platform de moeite waard zijn. Test je huidige site met de website score tool om te zien waar je staat.