WEBSITES

Eerst de blueprint, dan pas het design

Een redesign zonder strategische fundering levert een mooiere brochure op, geen extra pipeline. We brengen je doelgroepen, intent-signalen en conversie-paden in kaart voordat er 1 pixel wordt getekend. Het resultaat is een blueprint waar designers, developers en marketing zonder smaak-discussies mee verder kunnen. Platform-agnostisch, al landen we het meestal in HubSpot CMS.

Plan een strategie-gesprek Doe de Maturity-scan

Wat lever je op?

01
Audience-mapping ICP, persona's en jobs-to-be-done per buyer-rol
02
Sitemap en URL-structuur Pagina-rolverdeling, navigatie, interne linking
03
Wireframes en prototype Klikbaar prototype in Figma van key-pages

De observatie

De meeste redesigns lopen mis in week 1, niet bij launch.

Iedereen wil meteen praten over kleur, hero-foto en font. Maar als je niet weet wie de bezoeker is, wat hij komt halen en welke volgende stap je voor hem in petto hebt, bouw je een visueel mooie cul-de-sac. Wij doen dat anders: we starten met doelgroepen, sitemap en wireframes voordat er een pixel valt, binnen het bredere websites-aanbod. Een blueprint is niet sexy, maar elke smaak-discussie krijgt er een referentie door waar het MT niet meer omheen kan. Dit zijn de vier patronen die we in vrijwel elke redesign-audit terugzien.

Smaak-discussies blokkeren voortgang

Zonder strategisch kader wordt elke designkeuze een mening. Drie MT-leden, drie favoriete kleuren, geen voortgang in week 2.

Geen helderheid over wat elke pagina moet doen

Een homepage die alles wil zijn voor iedereen, converteert niemand. Per template een conversie-rol vastleggen voorkomt dat het overal hetzelfde half-werk wordt.

Designers raden naar inhoud

Wireframes met Lorem Ipsum leiden tot layouts die in productie niet meer kloppen. Eerst content-brief per pagina, dan visueel ontwerp dat op echte tekst is geschaald.

Sitemap groeit ongepland

Pagina's worden later toegevoegd zonder plek in de navigatie of in de interne linking. Met een blueprint zit toekomstige uitbreiding al ingebakken in de URL-structuur.

Aanpak

Vier fases over vier tot zes weken.

Een vast ritme van workshops, deliverables en check-momenten. We werken met marketing, sales en service aan dezelfde tafel, zodat de blueprint draagvlak heeft voordat het design-werk begint.

01 Week 1

Discovery en research

Klant-interviews, sales-call-transcripts, GA4 en heatmaps. Wie komt er binnen, wat zoeken ze, waar haken ze af. Plus een interne stakeholder-ronde met MT.

02 Week 2

Audience en propositie

ICP, persona's en jobs-to-be-done op papier. Per persona de informatie-behoefte per fase, en de propositie-volgorde die daarbij hoort. Onderbouwd met klant-citaten, geen aannames.

03 Week 3-4

Sitemap en wireframes

Volledige sitemap met URL-structuur en pagina-rolverdeling. Low-fidelity wireframes van key-templates: home, pillar, dienst, case en blog-detail.

04 Week 5-6

Prototype en content-brief

Klikbaar Figma-prototype voor MT-presentatie. Content-brief per template met boodschap, bewijs, CTA en meet-doel. Hand-over naar design en development.

Wie helpt je

Drie disciplines, een blueprint.

Strateeg, designer en CRM-architect werken aan dezelfde tafel zodat de blueprint zowel commercieel als technisch klopt.

Voor de marketing-aansluiting zie ook Marketing-diensten.

Sander Adriaanse

Designer / UX-lead (lead)

Vertaalt de strategie naar sitemap, wireframes en een klikbaar Figma-prototype. Bewaakt dat de blueprint zowel commercieel klopt als bouwbaar is in HubSpot CMS (of een ander platform).
Dante Zwanenburg

Content-strateeg

Schrijft de content-brief per template: boodschap, bewijs, CTA en meet-doel. Werkt samen met sales om de propositie-volgorde te onderbouwen met klant-taal uit echte calls.
Carsten Huiskamp

CRM-architect

Zorgt dat de blueprint in HubSpot landt: lifecycle, properties, conversie-tracking en attributie. Iedere pagina-rol krijgt een meetbare meet-setup, zodat resultaten na launch zichtbaar zijn tot op deal-niveau.

Case · B2B mid-market

Van 40 inconsistente layouts naar 12 templates met een gedragen blueprint

Een B2B SaaS-organisatie met 120 fte was via campagnes uitgegroeid tot 40 verschillende layouts. Geen gemeenschappelijke pagina-rolverdeling, geen heldere navigatie, en bij elk redesign-overleg discussieerde het MT eerst een uur over kleur en hero-foto voor er een keuze viel zonder gedeelde CRM-architectuur.

In zes weken hebben we de blueprint gebouwd: ICP-research, sitemap herleid tot 12 templates met heldere rolverdeling, klikbaar prototype voor MT-presentatie en content-brief per pagina. Development-tijd halveerde, en smaak-discussies in het MT verschoven naar onderbouwde keuzes uit de blueprint.

Lees meer cases

B2B mid-market

Marketing Director, ~X medewerkers · B2B opdrachtgever

40 naar 12

templates met heldere rolverdeling

-50%

development-tijd

6 wk

complete blueprint

Veelgestelde vragen

Wat klanten meestal vragen.

Antwoorden die je in een MT-mail kunt plakken.

Hoe lang duurt een strategie-traject?

Vier tot zes weken voor een complete blueprint inclusief klikbaar Figma-prototype. Voor enkelvoudige propositie-trajecten zonder volledig sitemap-werk zit het op drie weken.

Wat kost een UX-strategie-traject?

Onze diensten zijn maatwerk. De prijs hangt af van het aantal persona's, de sitemap-omvang en hoeveel templates wireframes nodig hebben. Plan een gesprek voor een offerte op jouw scope, of overweeg een doorlopend RevOps as a Service-traject.

Kunnen we content zelf aanleveren?

Ja, en dat raden we vaak aan. We leveren een content-brief per pagina met boodschap, bewijs, CTA en meet-doel. Veel klanten schrijven zelf op die brief en wij doen de copy-edit. Andere klanten huren ons in voor de hele content-productie via Website-content.

Moeten we al weten welk CMS we gebruiken?

Nee. De blueprint is platform-agnostisch. Wij bouwen zelf bijna altijd in HubSpot CMS, omdat de koppeling met CRM, lifecycle en Breeze-agents het grootste voordeel oplevert. Tijdens de strategie bespreken we platform-keuze samen, ook als de uitkomst Webflow of een headless setup is.

Wat als ons MT al een mening heeft over design?

Goed, dat hebben de meeste MT's. We nemen die meningen mee in de discovery-fase en toetsen ze aan propositie, persona's en data. Soms blijven ze staan, soms verschuiven ze. Het MT-overleg waar we de blueprint presenteren is het moment van beslissen.

Doen jullie hierna ook design en development?

In de meeste trajecten wel, omdat de overgang van blueprint naar design en development de plek is waar veel websites stranden. Hoeft niet. De blueprint is een werkdocument dat je ook kunt meenemen naar je eigen design-team of een ander bureau.

Hoe weten we of we klaar zijn voor een redesign?

Drie tekenen: je MT stuurt op interne aannames in plaats van data, je sales noemt website-leads structureel "slecht", en je kunt niet meer goed uitleggen welke pagina welke rol heeft. Onze maturity-scan geeft een eerste indicatie in vijftien minuten.

Klaar om te starten?

Klaar om eerst goed na te denken en dan pas te ontwerpen?

Plan een gesprek. We kijken naar je huidige site, doelgroepen en conversie-data. Daarna krijg je een eerlijke scope en een eerste richting, ook als de eerlijke conclusie is dat een refactor genoeg is in plaats van een redesign.