VezertVezert
Terug naar Artikelen

Website briefing schrijven: het sjabloon dat je bureau echt kan gebruiken

Een website briefing die bureaus meteen begrijpen: het sjabloon om te kopiëren, een ingevuld voorbeeld en het verschil met een functioneel ontwerp.

Gepubliceerd February 17, 202612 minLena Tarhonska · Medeoprichter & CEO bij Vezert
Hoe je een website design brief schrijft-gids met praktische tips

Een website briefing is het ene document dat het succes of falen van je project bepaalt. Geen overdrijving. Of je het nu een briefing website noemt, een design brief of gewoon een projectomschrijving: het is de tekst waarin je vastlegt wat de nieuwe site moet opleveren, voor wie, en waaraan je dat over een half jaar afmeet. Een goede briefing geeft je bureau precies wat het nodig heeft 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.

Designer en klant die samenwerken aan een website design brief met een gestructureerd document
Een goede brief is geen formeel document: het is een gedeeld begrip van wat succes eruitziet.

Waarom een goede design brief zo belangrijk is

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.

Wat moet de website opleveren? Bedrijfsdoelen scherp krijgen

De eerste en belangrijkste sectie van je briefing. Als je maar één onderdeel goed invult, kies dan dit onderdeel. Een bureau repareert een matige doelgroepbeschrijving met een paar vragen, maar zonder een concreet bedrijfsdoel ontwerpt het in het luchtledige. Zet hier op wat de site moet opleveren, uitgedrukt in een getal dat je over zes maanden kunt nameten, en waarom dat getal er voor het bedrijf toe doet.

**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.

Voorbeeld: goede versus slechte bedrijfsdoelen

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.

Hoe beschrijf je je doelgroep in de briefing?

Je website is niet voor jou. Hij 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. Twee of drie scherp beschreven segmenten zijn genoeg, want een lijst van tien doelgroepen komt neer op geen doelgroep. Beschrijf per segment de functie, het probleem en de actie die je wilt zien.

**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.

Voorbeeld: doelgroepebeschrijving

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.

Wat moet erin? Content en functionaliteit afbakenen

Dit is waar je de scope definieert, en waar de meeste budgetoverschrijdingen ontstaan. Wees zo gedetailleerd mogelijk, want vage formuleringen leiden tot misverstanden en meerwerk. Een bureau dat moet raden hoeveel paginatypes je nodig hebt, rekent die onzekerheid mee in de offerte. Splits je lijst in wat er bij lancering moet staan en wat later mag volgen: dat onderscheid alleen al scheelt vaak een hele offerteronde.

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.

Content is de grootste vertraging

In meer dan 70% van de projecten die we doen, is content de reden waarom deadlines worden gemist. Niet ontwikkeling, niet ontwerp: content. Als je nog geen teksten, afbeeldingen of video's hebt, plan dan expliciet tijd in voor contentcreatie, of vraag het bureau of ze dit kunnen leveren. Een site zonder content is een frame zonder canvas.

Hoe moet de site aanvoelen? Designrichting vastleggen

Design is subjectief, maar je kunt het subjectieve deel flink verkleinen door referenties en richtlijnen te geven. Een designer is geen gedachtelezer, en "modern en strak" betekent voor tien mensen tien verschillende dingen. Noem daarom concrete sites, leg per site uit wat je er precies goed aan vindt, en noem ook twee voorbeelden die je juist wilt vermijden. Tegenvoorbeelden sturen een ontwerp net zo hard bij als voorbeelden.

**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.

Technische vereisten: de basis voor alles

Dit is waar veel briefings sneuvelen. Ze beschrijven uitvoerig hoe de site eruit moet zien, maar zwijgen over hoe hij moet werken. Integraties, prestaties, meertaligheid en toegankelijkheid bepalen samen een groot deel van de bouwtijd, en ze zijn achteraf duur om alsnog in te bouwen. Je hoeft zelf geen technische keuzes te maken, maar je moet wel opschrijven wat de site moet kunnen.

**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+? Volgens Google's drempelwaarden voor Core Web Vitals telt een pagina pas als goed bij een LCP onder 2,5 seconden en een INP onder 200 milliseconden. Zet zulke cijfers expliciet in de briefing, niet als impliciete verwachting.

Wat zijn de beveiligingsvereisten? AVG-compliance volgens de Autoriteit Persoonsgegevens, 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?

Voorbeeld: technische vereisten sectie

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.

Tijdlijn en budget: realistische verwachtingen

Wees eerlijk over je beperkingen. Een bureau werkt prima met een krap budget en een strakke deadline, maar niet met vage verwachtingen. Past je budget niet bij de scope, dan wil je dat in het eerste gesprek horen en niet na twee weken offertes schrijven. Noem daarom een bandbreedte, een gewenste livedatum, en of die datum hard is of alleen wenselijk.

Tijdlijn:

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.

Wat is een functioneel ontwerp en wanneer heb je het nodig?

Een functioneel ontwerp is een technisch document dat beschrijft hoe de site gaat werken: de paginastructuur, het datamodel, de koppelingen, de rollen en rechten, en het gedrag van elk formulier. De briefing komt van jou en beschrijft wat je wilt bereiken. Het functioneel ontwerp komt van het bureau en beschrijft hoe dat gebouwd wordt. Wie de twee door elkaar haalt, betaalt daar meestal halverwege het project voor.

Voor een marketingsite van twintig pagina's heb je alleen een briefing nodig. Zodra er echte functionaliteit achter de pagina's zit, dus accounts, een boekingsmodule, een koppeling met een ERP of dashboards per gebruikersrol, is een apart functioneel ontwerp de moeite waard. Elke regel daarin moet toetsbaar zijn, in de trant van "een ingelogde dealer kan facturen van de afgelopen 24 maanden als pdf downloaden".

Wie schrijft wat?

Jij schrijft de briefing, want jij kent je klanten en je cijfers. Het bureau schrijft het functioneel ontwerp, want dat kent de techniek en draagt het bouwrisico. Vraag je bureau om het functioneel ontwerp op te leveren vóór de eerste ontwikkeluren, en lees het zelf door: het is de laatste plek waar een misverstand nog gratis te corrigeren is. Een offerte die op een briefing alleen is gebaseerd, bevat vrijwel altijd een risico-opslag, omdat het bureau onzekerheid mee moet prijzen.

AspectWebsite briefingFunctioneel ontwerpOfferteaanvraag
BeantwoordtWaarom de site bestaat en voor wieHoe de site technisch werktWie bouwt het en voor welk bedrag
Wie schrijft hetJij, met marketing en salesHet bureau, na de briefingJij of je inkoopafdeling
Gebruikelijke omvang2 tot 5 pagina's10 tot 40 genummerde eisen3 tot 8 pagina's
Wanneer nodigBij elk projectPortalen, webshops, koppelingenAlleen bij meerdere bureaus
Kosten van overslaanScope creep en extra ontwerprondesMeerwerk tijdens de bouwOffertes die je niet kunt vergelijken

Waarom een website briefing alsnog mislukt

Na jaren briefings lezen en projectspecificaties schrijven zie ik dezelfde fouten steeds terugkomen. Ze hebben zelden met schrijfvaardigheid te maken en bijna altijd met beslissingen die intern nog niet genomen zijn. Een briefing legt die openstaande keuzes genadeloos bloot, en dat is precies de bedoeling. Hieronder de zeven patronen die het vaakst voorbijkomen:

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.

Heb je hulp nodig bij je design brief?

Vezert helpt je bij het schrijven van een design brief die aansluit bij je bedrijfsdoelen. We stellen de juiste vragen en vertalen je antwoorden naar een concreet projectplan.

Start een gesprek

Sjabloon website briefing om te kopiëren

Hier is een sjabloon dat je direct kunt gebruiken. Kopieer het, vul de secties in, en je hebt een briefing die elk bureau kan begrijpen. Wat niet van toepassing is, zet je op "niet van toepassing" in plaats van het te schrappen: dan weet het bureau dat je het punt hebt overwogen. Invullen kost twee tot drie uur en scheelt doorgaans een hele offerteronde.


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.

Klaar om je design brief om te zetten in een resultaatgerichte website?

Vezert vertaalt je design brief naar een website die je bedrijfsdoelen bereikt. We beginnen met begrijpen en eindigen met resultaten.

Start je project

Gerelateerde Artikelen

Ontdek meer artikelen over soortgelijke onderwerpen om je kennis te verdiepen

Explore All Articles

Veelgestelde Vragen

Antwoorden op veelgestelde vragen over dit onderwerp