Vorige les
Volgende les
content-blueprint
Geen vorige les
Geen volgende les
Design valt op, development maakt de site snel, conversie-elementen duwen bezoekers over de streep. Maar als de tekst niet klopt, helpt geen van die drie. Bezoekers blijven op een website vanwege wat er staat, niet vanwege hoe het eruitziet. Content is het enige deel van je site dat rechtstreeks tegen je klant praat, en dus het enige deel dat rechtstreeks kan overtuigen of afstoten.
Deze fase leert je hoe je schrijft zoals je klant denkt: in hun woorden, in hun tempo, gericht op hun situatie. Niet hoe je mooiere zinnen maakt, maar hoe je met tekst iemand van twijfel naar actie beweegt.
Je leert een website opbouwen vanuit één simpele vraag: hoe help ik deze bezoeker van waar hij nu staat naar waar hij wil zijn? Je leert je kernboodschap scherp te zetten, het probleem van je klant zo te benoemen dat hij zich herkend voelt, menselijk te schrijven in plaats van corporate, kort te houden zonder aan betekenis in te leveren, en elk onderdeel af te sluiten met een heldere vervolgstap. Aan het einde van deze fase heb je een werkend systeem — geen losse tips, maar een blueprint die je op elke pagina kunt toepassen.
Alle tien stappen van deze fase zijn gebouwd op vier principes. Elke keer dat je twijfelt of een tekst werkt, loop je ze langs.
Dit is het structurerende idee achter de hele fase. Elke klant start op een punt A — een situatie die hem frustreert, vertraagt of dwarszit — en wil naar een punt B, een toekomst waar dat probleem is opgelost. Jouw website is de route tussen die twee punten.
Elke headline, elke alinea, elke knop op je website moet die reis ondersteunen. Als een tekst niet bijdraagt aan de beweging van A naar B, schrap je hem. Dit principe keert letterlijk terug in stap 12 (A en B in je hero), stap 13 (punt A scherp formuleren), stap 17 (structuur die de reis volgt) en stap 20 (elke pagina als onderdeel van de route).
Eén principe loopt dwars door alle stappen: schrijf zoals je praat, en schrijf korter dan je eerste versie. Complexe zinnen en jargon jagen bezoekers weg. Hoe simpeler je schrijft, hoe meer mensen blijven, begrijpen en handelen.
Deze vier sites tonen samen wat deze fase probeert te bereiken — elk met een eigen toon, platform en doel.
mollie.com — professioneel, sales, gemaakt op Framer. Scores: Strategie 9/10, Content 8/10, Design 8/10, Development 9/10, Conversie 9/10.
Strategisch zeer sterk opgezet. Direct duidelijk wat Mollie doet en voor wie het is. Sterke balans tussen klantvertrouwen, productuitleg en het merk zelf.
Mollie laat zien wat empathie en consistentie doen als je ze serieus neemt: één heldere propositie bovenaan, rust in de hele pagina, en een toon die past bij een betaalplatform. Dit is de referentie voor hoe de fase werkt als het systeem staat.
dopper.com — eigenzinnig, sales, custom gebouwd. Scores: Strategie 9/10, Content 8/10, Design 8/10, Development 8/10, Conversie 7/10.
De site is één groot visueel statement. Het beige-aardkleurige palet, de witte ruimte en de rustige fotografie ademen het merk precies zoals het hoort.
Authenticiteit in de praktijk: de toon, de woorden en het beeld komen uit één verhaal. Je voelt het merk in elke regel, zonder dat er ergens "wij zijn een duurzaam merk" staat.
photoclass.nl — professioneel, sales, gemaakt op Framer. Scores: Strategie 9/10, Content 9/10, Design 8/10, Development 8/10, Conversie 9/10.
De hero doet meteen zijn werk met een productshot van een iPhone en een duidelijke belofte ("Leer fantastische foto's maken met je iPhone"). De autoriteit van Jeroen wordt direct opgebouwd met logo's.
Een leerboek in hoe je een klant van punt A (ik denk dat mijn foto's tekortschieten) naar punt B (ik maak met mijn telefoon beelden waar ik trots op ben) beweegt in één paginalengte.
walbi.com — innovatief, sales, gemaakt op Webflow. Scores: Strategie 9/10, Content 8/10, Design 9/10, Development 9/10, Conversie 8/10.
De content sluit goed aan op het product. Veel visuele elementen zoals charts, cijfers en trading interfaces versterken het verhaal en maken het product tastbaar.
Een voorbeeld van waarde op elke schermhoogte: geen filler, geen herhaling, elk blok voegt iets toe aan het begrip van wat het platform doet. Dat is consistentie als ontwerpprincipe.
Deze stap is de inhoudsopgave van de fase. Gebruik hem zo: