WEBSITES

Een ontwerp dat verkoopt, niet een ontwerp dat opvalt

B2B-kopers kopen geen design, ze kopen vertrouwen. We ontwerpen een visueel systeem dat je propositie versterkt, je merk consistent maakt over elke pagina, en dat in HubSpot CMS (of WordPress, of headless) bouwbaar is zonder concessies. Geen awards-aas, wel pixels die werken op een Tuesday-afternoon in week 12 als marketing zelf de pagina herziet.

Plan een design-gesprek Doe de Maturity-scan

Wat lever je op?

01
Visuele identiteit Logo-toepassing, kleurpalet, typografie en iconografie
02
Design-systeem in Figma Tokens, componenten en patronen die development 1-op-1 overneemt
03
High-fi designs key-templates Home, pillar, dienst, case, blog-detail in alle states

De observatie

Een mooi Figma-bestand is geen werkende website.

Veel designs zien er goed uit in een Dribbble-shot, maar vallen uit elkaar bij echte content. Een lange product-naam, een staande foto in plaats van een liggende, een marketeer die snel een sectie toevoegt voor een campagne. Wij doen dat anders: we ontwerpen voor de werkelijkheid van variabele content, schaalbare componenten en marketeers die zonder developer-ticket willen publiceren in onze websites-aanpak. Dit zijn de vier patronen die we in vrijwel elke design-audit terugzien.

Designs vallen uit elkaar in productie

Mooie hero, perfecte case-card. Maar de titel is 3 regels in plaats van 2, de foto is staand in plaats van liggend, en de tekst loopt over de CTA-knop. Een design-systeem dekt die varianten vooraf af.

Geen brand-consistency tussen pagina's

Elke nieuwe campagne-pagina ziet er net iets anders uit. Andere knop-stijl, andere section-padding. Door componenten in plaats van losse pagina's te ontwerpen, blijft het merk overeind.

Designs zijn niet bouwbaar in CMS

Wat in Figma 2 dagen kost, kost in HubSpot 2 weken omdat het niet past in het module-model. Wij ontwerpen vanaf dag 1 met CMS-restricties in gedachten, zonder design-ambitie in te leveren.

Marketing durft niet zelf te bouwen

Zonder duidelijke do's en don'ts wordt elke nieuwe pagina een mail naar de designer. Een mini-guideline van vijf pagina's lost dat in een week op.

Aanpak

Vier fases over vijf tot zeven weken.

Brand-discovery, design-explore, productie-designs en hand-over naar HubSpot CMS-development. Marketing- en sales-lead zijn direct betrokken, niet pas bij de eind-presentatie.

01 Week 1

Brand-discovery

Mood-board, brand-archetypes, concurrent-scan. We hervinden je merk niet, we leggen vast waar je staat, waar je heen wilt en wat dat visueel betekent.

02 Week 2-3

Design-explore

Twee tot drie design-routes op de homepage. Elke route met eigen typografie, kleur-toepassing en visuele toon. MT kiest een richting op concept, niet op smaak.

03 Week 4-5

Design-systeem en templates

Gekozen route uitwerken in een Figma design-systeem en alle key-templates: home, pillar, dienst, case, blog-detail. Componenten, varianten en states. Klaar voor hand-over.

04 Week 6-7

Hand-over en mini-guideline

Walk-through met development, brand-guidelines voor marketing en design-QA na launch. Iedereen weet welke knoppen wel en welke niet aan.

Wie helpt je

Designer, content-strateeg, CMS-architect.

Sander leidt het ontwerp, Dante bewaakt dat content en design samen kloppen, Carsten zorgt dat het in HubSpot CMS bouwbaar blijft.

Voor de data-fundering daaronder zie CRM-architectuur.

Sander Adriaanse

Designer (lead)

Eigenaar van het design-systeem en de visuele richting. Ontwerpt in Figma met CMS-restricties in het achterhoofd, en bewaakt brand-consistency over alle templates.
Dante Zwanenburg

Content & brand-support

Zorgt dat copy en design samen kloppen. Schrijft mee aan de mini-guideline en bouwt de eerste pagina's zodat marketing een voorbeeld heeft om op terug te vallen.
Carsten Huiskamp

CMS-architect

Vertaalt het design-systeem naar HubSpot-modules met de juiste velden en restricties. Bewaakt dat het ontwerp tot in de laatste pixel bouwbaar blijft, ook bij multi-taal of een Breeze-agent die content genereert.

Case · B2B mid-market

Van 40 inconsistente layouts naar 15 templates uit een design-systeem

Een B2B SaaS-organisatie was via campagnes uitgegroeid tot 40 verschillende pagina-layouts. Elke nieuwe campagne kreeg eigen knop-stijlen, andere section-padding en een afwijkende hero. Brand-feel klopte nergens meer, marketing durfde geen pagina te publiceren zonder design-ticket.

In zes weken hebben we een design-systeem opgezet, drie design-routes verkend en alle layouts herleid tot 15 templates uit hetzelfde systeem, gekoppeld aan CRO en landing pages. Met een component-library met heldere restricties bouwt marketing nu zelf nieuwe campagne-varianten zonder dat het ontwerp scheef trekt. Brand-consistency is terug van homepage tot diepste blog-detail.

Lees meer cases

B2B mid-market

Marketing Director, ~X medewerkers · B2B opdrachtgever

40 naar 15

layouts terug naar templates

6 wk

design-systeem plus templates

design-tickets meer voor campagne-pages

Veelgestelde vragen

Wat klanten meestal vragen.

Antwoorden die je in een MT-mail kunt plakken.

Hoe lang duurt het design-traject?

Vijf tot zeven weken voor een design-systeem plus vijf key-templates. Voor alleen een homepage-redesign zonder systeem zit het op drie weken. We adviseren bijna altijd het volledige systeem, anders krijg je later alsnog consistency-issues bij de eerste campagne-pagina. Niet zeker waar je staat? De maturity-scan geeft een eerste beeld.

Wat kost een webdesign-traject?

Onze diensten zijn maatwerk. De prijs hangt af van het aantal templates, of we ook brand-werk doen en of design en development in 1 traject zitten. Plan een gesprek voor een offerte op jouw scope, of bekijk eerst de RevOps as a Service-retainer.

Kunnen we eigen designers gebruiken?

Ja, dat doen we vaak. We werken dan als design-lead met jouw in-house designer of een freelance-partner. Wij brengen het systeem-denken en de CMS-kennis, jouw designer kent het merk en de markt.

Doen jullie ook brand-identity vanaf nul?

Beperkt. Logo-werk, naamgeving en brand-strategie laten we aan gespecialiseerde brand-bureaus over. Wel passen we een bestaand merk toe op web, of vernieuwen we de visuele toepassing met behoud van logo en kleur.

Kunnen we content zelf aanleveren?

Ja. We ontwerpen op basis van een content-brief uit de strategie-fase, dus het werkt het beste als content en design parallel lopen. Je kunt zelf schrijven, of de copy-productie bij ons neerleggen via Website-content.

Wat als ons MT andere designs wil?

Daarvoor is de explore-fase: twee of drie routes op concept-niveau. Het MT kiest een richting, daarna werken we 1 route volledig uit. Geen oneindige revisie-rondes op smaak, wel een paar gerichte feedback-momenten per fase.

Werken jullie alleen op HubSpot CMS?

Nee. De design-aanpak is platform-agnostisch. We bouwen het liefst in HubSpot CMS (zie CMS-development), maar voor WordPress, Webflow of headless setups werkt hetzelfde systeem-denken.

Klaar om te starten?

Klaar voor een design dat ook in productie sterk blijft staan?

Plan een gesprek. We kijken naar je huidige merk, je site en het design-niveau in je markt. Daarna krijg je een eerlijke scope en een eerste richting.