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

01

Smaak-discussies blokkeren voortgang

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

02

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.

03

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.

04

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

    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

    Dante Zwanenburg

    Content & development support

    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

    Carsten Huiskamp

    CMS 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 · Injuriam Expertise

Een website die het verhaal vertelt, niet alleen de diensten opsomt

Injuriam Expertise had een degelijke website, maar die liet weinig zien van het verhaal en de mensen achter de organisatie. In een vak waar vertrouwen alles is, telt dat zwaarder dan een overzichtelijke dienstenlijst.

We begonnen met wireframes om structuur en gebruikersflow helder te krijgen, voor er ook maar één kleur was gekozen. Daarna een consistent design over alle pagina's, met echte fotografie en een bedrijfsvideo in plaats van stockbeeld, zodat bezoekers meteen een gevoel krijgen bij wie er achter Injuriam Expertise zit.

Resultaat: een moderne, overzichtelijke website zonder onnodige poespas, die de professionele en betrouwbare positie van Injuriam Expertise naadloos overbrengt. Niet alleen informatie, maar een site die ook echt vertrouwen wekt.

Lees het volledige verhaal
Jarco van de Ketterij
Directie - Injuriam Expertise · Jarco van de Ketterij
Wordpress
maatwerk website voor eenvoudig beheer
Professionele uitstraling
die past bij de organisatie
Samenwerking
fijn en vlot verlopen
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.

Plan een strategie-gesprek Doe de Maturity-scan