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

01

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.

02

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.

03

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.

04

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

    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

    Dante Zwanenburg

    Content & development 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

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

Plan een design-gesprek Doe de Maturity-scan