Hoe je een website design brief schrijft die het verschil maakt

Een website design brief is het ene document dat het succes of falen van je project bepaalt. Geen overdrijving. Een goede brief geeft je bureau precies wat ze nodig hebben om een site te bouwen die je bedrijfsdoelen bereikt. Een slechte brief leidt tot verkeerde aannames, kostbare revisies, en een eindproduct dat niets doet voor je bedrijf.

Ik heb honderden projecten gezien. De projecten die soepel verlopen, binnen budget blijven en een resultaat opleveren waar de klant trots op is, hebben één ding gemeen: een gedetailleerde, doordachte design brief die in de eerste week is geschreven. De projecten die uit de hand lopen, altijd in revisierondes blijven hangen, en uiteindelijk teleurstellen, hebben ook één ding gemeen: een vaag of onvolledig brief dat constant wordt herzien.

Dit artikel leert je hoe je een brief schrijft die werkt. Geen theorie, geen vage frameworks. Alleen de specifieke secties, vragen en voorbeelden die je nodig hebt om een brief te produceren die je bureau begrijpt en kan uitvoeren.

Het probleem met de meeste design briefs is dat ze worden geschreven alsof ze een administratieve taak zijn. Vakjes invullen, checklists afwerken, en dan doorgaan met "het echte werk." Maar de brief ís het echte werk. Het is het moment waarop je jezelf dwingt om te beslissen wat je echt wilt.

Een goede brief doet drie dingen:

1. Het forceert duidelijkheid. Wanneer je moet opschrijven wat je bedrijf doet, wie je klanten zijn, en wat de site moet bereiken, ontdek je vaak dat je eigen ideeën vaag zijn. Dat is goed: beter nu dan halverwege het project.

2. Het creëert een gedeeld begrip. Je bureau leest je brief voordat ze een enkel ontwerp pixel tekenen. Als de brief duidelijk is, begrijpen ze je bedrijf, je doelgroep en je doelen. Als de brief vaag is, raden ze. Raden is duur.

3. Het beschermt tegen scope creep. Wanneer een project uit de hand loopt, is het meestal omdat iemand zegt "kunnen we ook nog..." zonder te beseffen dat dat een heel ander project is. Een gedetailleerde brief definieert wat in de scope zit en wat niet, waardoor je kunt verwijzen naar het document wanneer er wijzigingen worden gevraagd.

Wil je weten hoe een bureau een brief vertaalt naar een concreet werkplan? Bekijk onze gids over hoe het webontwikkelingsproces eruitziet voor een overzicht van elke fase.

De eerste en belangrijkste sectie van je brief. Als je maar één sectie goed doet, doe dan deze.

**Beantwoord deze vragen:

Wat doet je bedrijf? Niet je elevator pitch. De kern. "Wij verkopen SaaS-software voor boekhouding aan MKB-bedrijven" is beter dan "Wij zijn een innovatief technologiebedrijf dat financiële oplossingen levert." Specificiteit helpt.

Wat moet de website bereiken? Wees concreet. Geen "meer verkeer" of "betere zichtbaarheid." Geef nummers: "50% meer demo-aanvragen binnen 6 maanden" of "Verdubbeling van e-mailinschrijvingen van 200 naar 400 per maand."

Wat is het primaire conversiedoel? Wat is de ene actie die bezoekers moeten ondernemen? Een formulier invullen? Een afspraak boeken? Een product kopen? Een whitepaper downloaden?

Wat zijn secundaire doelen? Wat zijn andere acties die waardevol zijn maar niet het primaire doel? Bijvoorbeeld: blog lezen, social media volgen, brochure downloaden.

Wat is je huidige situatie? Heb je al een website? Wat werkt er, wat niet? Waarom vervang je hem? Wat zijn de pijnpunten?

Wie zijn je concurrenten? Noem 3-5 directe concurrenten. Wat doen zij goed? Wat doen zij fout? Waar wil je je van onderscheiden?

Wat is je unieke waardepropositie? Waarom zou iemand jou kiezen boven je concurrenten? Dit is de kernboodschap die je site moet communiceren.

Slecht: "We willen een professionele website die ons bedrijf laat groeien."

Goed: "We zijn een B2B SaaS-bedrijf dat boekhoudsoftware verkoopt aan accountantskantoren met 5-50 werknemers. Onze huidige site converteert 2% van bezoekers naar demo-aanvragen. We willen een site die dat naar 4% brengt binnen 6 maanden na lancering. Het primaire conversiedoel is een demo-aanvraagformulier. Secundaire doelen zijn blogabonnementen en whitepaper-downloads. Onze grootste concurrent is X, die een sterke productsectie heeft maar een zwakke pricing-pagina. Ons unieke voordeel is onze AI-gedreven automatisering die 10 uur per week bespaart op handmatige boekhouding."

Het verschil is overweldigend. Het goede voorbeeld geeft het bureau alles wat ze nodig hebben om strategische ontwerp- en contentbeslissingen te nemen. Het slechte voorbeeld laat alles over aan interpretatie.

Je website is niet voor jou. Het is voor je klanten. De meest voorkomende fout die ik zie, is dat bedrijven ontwerpen voor wat zíj mooi vinden, in plaats van wat hun doelgroep nodig heeft.

**Beantwoord deze vragen:

Wie is je ideale klant? Wees specifiek. Leeftijd, functie, bedrijfstype, bedrijfsgrootte, locatie. Als je meerdere doelgroepen hebt, rangschik ze op prioriteit.

Wat zijn hun pijnpunten? Wat frustrert hen? Welke problemen proberen ze op te lossen wanneer ze jouw site bezoeken?

Hoe vinden ze je? Zoekmachine, social media, referral, direct verkeer? Dit beïnvloedt de structuur en content van je site.

Wat weten ze al? Zijn ze compleet nieuw in je branche, of experts die specifieke informatie zoeken? Dit bepaalt hoeveel uitleg je moet geven.

Wat is hun besluitvormingsproces? Hoe lang duurt het voordat ze een beslissing nemen? Wie is erbij betrokken? Welke informatie hebben ze op elk stadium nodig?

Op welk apparaat bezoeken ze je site? Desktop, mobiel, tablet? Als 70% van je verkeer mobiel is, moet je mobiele ervaring je eerste prioriteit zijn.

Primaire doelgroep: Marketingmanagers bij MKB-bedrijven (20-200 werknemers) in Nederland en België. Leeftijd 30-45. Ze zijn verantwoordelijk voor leadgeneratie en zoeken naar manieren om hun conversierates te verbeteren. Ze bezoeken onze site via zoekmachines (zoektermen: "landingpage optimalisatie," "conversieoptimalisatie bureau"). Ze weten de basis van digitale marketing, maar zijn geen technische experts. Hun grootste frustratie is dat hun huidige website veel verkeer krijgt maar weinig leads genereert. Ze nemen typisch binnen 2-4 weken een beslissing en bezoeken de site 3-5 keer voordat ze contact opnemen. 65% van hun verkeer komt via mobiel.

Dit niveau van detail geeft het bureau inzicht in hoe de site moet worden gestructureerd, welke content moet worden geprioriteerd, en hoe de gebruikerservaring moet worden ontworpen.

Dit is waar je de scope definieert. Wees zo gedetailleerd mogelijk: vage formuleringen leiden tot misverstanden en extra kosten.

Pagina's en secties: Maak een lijst van elke pagina die je nodig hebt. Voor elke pagina, beschrijf:

• Wat is het doel van deze pagina?
• Welke content moet erop staan? (tekst, afbeeldingen, video, downloads)
• Wat is het primaire conversiedoel van deze pagina?
• Welke secundaire acties moeten mogelijk zijn?

Voorbeeld paginalijst:

• Home: overzicht van diensten, social proof, CTA naar contact
• Diensten: detailpagina's per dienst met prijsindicatie
• Portfolio: casestudies met resultaten
• Over ons: team, bedrijfsgeschiedenis, waarden
• Blog: artikelen over industrieonderwerpen
• Contact: formulier, kaart, contactgegevens

Functionaliteit:

• Contactformulier (met velden: naam, e-mail, bedrijf, bericht)
• Nieuwsbriefinschrijving
• CMS voor blogbeheer
• Multi-language (NL, EN)
• Google Analytics-integratie
• Cookie consent-banner

Content die je al hebt versus content die moet worden gecreëerd: Wees eerlijk. Als je nog geen professionele foto's, video's of teksten hebt, moet dat in het project worden gepland. Content is vaak de grootste bottleneck in webprojecten.

Design is subjectief, maar je kunt het subjectieve gedeelte verkleinen door referenties en richtlijnen te geven.

**Beantwoord deze vragen:

Hoe moet de site aanvoelen? Professioneel, speels, minimalistisch, luxe, industrieel, vriendelijk? Geef 3-5 bijvoeglijke naamwoorden die de sfeer beschrijven.

Wat zijn je merkkleuren? Geef hex-codes of een brand guide. Als je die niet hebt, beschrijf welke kleuren je wel en niet wilt.

Welke sites bewonder je? Noem 3-5 sites die iets doen wat je graag wilt overnemen. Leg uit wáárom: is het de navigatie, de typografie, de animaties, de contentstructuur?

Welke sites wil je vermijden? Noem 2-3 sites die het tegenovergestelde zijn van wat je wilt. Dit helpt het bureau evenveel als positieve voorbeelden.

Heb je bestaande brand assets? Logo, lettertypen, fotografie-stijl, iconenset? Geef alles wat je hebt.

Zijn er toegankelijkheidsvereisten? WCAG 2.2 AA-conformiteit is de standaard in 2026. Specificeer of je hogere niveaus nodig hebt.

Dit is waar veel briefs falen. Ze focussen op hoe de site eruit moet zien, maar vergeten hoe hij moet werken.

**Beantwoord deze vragen:

Welke talen moet de site ondersteunen? Nederlands, Engels, andere? Dit beïnvloedt de technische architectuur aanzienlijk.

Welke integraties zijn nodig? CRM (HubSpot, Salesforce), e-mailmarketing (Mailchimp, ActiveCampaign), boekhouding, boekingssystemen, payment providers?

Wat zijn de SEO-vereisten? Moet de site vanaf dag één SEO-optimaliseerbaar zijn? Heb je een bestaande site die moet worden gemigreerd met behoud van rankings?

Wat zijn de prestatievereisten? Google PageSpeed-score van 90+? Core Web Vitals in het groen? Dit moet expliciet worden genoemd, niet als een impliciete verwachting.

Wat zijn de beveiligingsvereisten? GDPR-compliance, cookiebeheer, formulierbeveiliging, SSL-certificaat?

Welk CMS wil je? Of heb je geen voorkeur en wil je het advies van het bureau?

Hosting: heb je een voorkeur? Of wil je dat het bureau dit regelt?

Analytics en tracking: Google Analytics 4, Google Tag Manager, heatmaps, A/B-testtools?

Talen: Nederlands (primair) en Engels. Content moet beheersbaar zijn per taal via CMS.

Integraties: HubSpot CRM (contactformulieren moeten automatisch leads aanmaken), Mailchimp (nieuwsbriefinschrijvingen), Calendly (afspraakboeking).

SEO: Volledige SEO-architectuur inclusief server-side rendering, structured data, sitemaps, canonical tags. Bestaande site heeft 150 geïndexeerde pagina's: migratie moet redirects behouden om rankings te beschermen.

Prestaties: Google PageSpeed-score van 90+ op mobiel. Core Web Vitals in het groen (LCP < 2,5s, INP < 200ms, CLS < 0,1).

Beveiliging: GDPR-compliant cookie consent, SSL, formulierbeveiliging tegen spam, privacy policy-pagina.

CMS: Geen voorkeur. Bureau adviseert op basis van functionaliteitsvereisten.

Hosting: Bureau regelt hosting inclusief CDN en automatische backups.

Analytics: Google Analytics 4, Google Tag Manager, Hotjar heatmaps.

Dit niveau van detail elimineert raden en zorgt ervoor dat het technische voorstel aansluit bij je werkelijke behoeften.

Wees eerlijk over je beperkingen. Een bureau kan beter werken met een strak budget en een realistische tijdlijn dan met vage verwachtingen.

Tijdlijn:

• Wanneer moet de site live?
• Zijn er harde deadlines (productlancering, beurs, seizoensgebonden campagne)?
• Wat is je ideale tijdlijn versus je harde deadline?

Budget:

• Wat is je budgetbereik? (Je hoeft geen exact bedrag te noemen, maar een bereik helpt het bureau om realistische voorstellen te doen.)
• Is het budget flexibel als de scope groter blijkt?
• Hoe wordt betaling gestructureerd?

Belangrijk: een lager budget betekent niet per se een slechtere site. Het betekent dat het bureau moet prioriteren. Een goed bureau zal je vertellen wat wel en niet haalbaar is binnen je budget, in plaats van te beloven wat ze niet kunnen leveren.

Na jaren van briefs lezen en projectspecificaties schrijven, zie ik dezelfde fouten keer op keer. Hier zijn de meest voorkomende:

1. Te veel focus op esthetiek, te weinig op doelen. "We willen dat het er modern uitziet" is geen ontwerpbrief. "We willen dat bezoekers binnen 10 seconden begrijpen wat we doen en naar het contactformulier worden geleid" is een ontwerpbrief.

2. Vage of ontbrekende doelgroepbeschrijving. "Onze doelgroep is iedereen" betekent dat je geen doelgroep hebt. Specificeer wie je echt bedient.

3. Geen concurrentie-analyse. Als je niet weet wat je concurrenten doen, weet je niet hoe je je moet onderscheiden.

4. Ontbrekende technische vereisten. SEO, prestaties, integraties, toegankelijkheid: dit moet expliciet worden genoemd, niet worden verondersteld.

5. Onrealistische tijdlijnen. "We willen het binnen twee weken" voor een site van 20 pagina's is een recept voor teleurstelling.

6. Geen contentplan. Als je niet hebt nagedacht over wat er op de site komt te staan, wordt het project vertraagd.

7. Geen succesmetrics. Hoe weet je of de site succesvol is? Definieer dat van tevoren.

Hier is een sjabloon dat je direct kunt gebruiken. Kopieer het, vul de secties in, en je hebt een brief die elk bureau kan begrijpen.

---

PROJECT: [Naam van je project]

1. BEDRIJFSOVERZICHT

• Bedrijfsnaam:
• Wat doen jullie? (1-2 zinnen)
• Branche:
• Bedrijfsgrootte:
• Locatie:

2. BEDRIJFSDOELEN

• Wat moet de website bereiken? (concrete doelen met nummers)
• Primair conversiedoel:
• Secundaire doelen:
• Huidige situatie (als van toepassing):
• Concurrenten (3-5):
• Unieke waardepropositie:

3. DOELGROEP

• Primaire doelgroep:
• Pijnpunten:
• Hoe vinden ze je?
• Kennisniveau:
• Besluitvormingsproces:
• Apparaatgebruik:

4. PAGINA'S EN CONTENT

• Lijst van alle pagina's met doel per pagina
• Content die al bestaat versus content die moet worden gecreëerd
• Functionele vereisten per pagina

5. DESIGNRICHTING

• Sfeer/bijvoeglijke naamwoorden:
• Merkkleuren:
• Positieve referenties (3-5 sites + waarom):
• Negatieve referenties (2-3 sites + waarom):
• Bestaande brand assets:

6. TECHNISCHE VEREISTEN

• Talen:
• Integraties:
• SEO-vereisten:
• Prestatievereisten:
• Beveiligingsvereisten:
• CMS-voorkeur:
• Hosting:
• Analytics:

7. TIJDLIJN EN BUDGET

• Harde deadline:
• Ideale tijdlijn:
• Budgetbereik:
• Betalingsvoorkeur:

8. SUCCESMETRICS

• Hoe meten we succes na 3 maanden?
• Hoe meten we succes na 12 maanden?

---

Dit sjabloon dekt alles wat een bureau nodig heeft om een nauwkeurig voorstel te doen. Het duurt misschien 2-3 uur om goed in te vullen, maar het bespaart je weken aan miscommunicatie en revisies.

Als je klaar bent met je brief en op zoek bent naar een bureau dat deze brief kan omzetten in een resultaatgerichte website, neem contact op met Vezert. We lezen elke brief serieus en geven je binnen 48 uur een eerlijk advies over haalbaarheid, aanpak en kosten.