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.
Een visueel systeem dat in productie overeind blijft.
Een design-systeem in Figma met tokens, componenten en patronen, plus high-fi designs voor de key-templates. Componenten met heldere restricties, zodat marketing zelf nieuwe pagina's bouwt zonder dat het merk scheef trekt. Geen Dribbble-shots die in CMS uit elkaar vallen.
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 ontwerpen voor de werkelijkheid van variabele content, schaalbare componenten en marketeers die zonder developer-ticket willen publiceren.
Wat je krijgt in handen
- Visuele identiteit: logo-toepassing, kleurpalet, typografie en iconografie
- Design-systeem in Figma: tokens, componenten en patronen
- High-fi designs voor key-templates (home, pillar, dienst, case, blog-detail) in alle states
- Brand-guidelines mini-doc met do's en don'ts
- Component-library met restricties voor marketing
- Hand-over-walk-through met development
Vier fases over vijf tot zeven weken.
Brand-discovery, design-explore, productie-designs en hand-over naar development. Marketing- en sales-lead zijn direct betrokken, niet pas bij de eind-presentatie.
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.
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.
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.
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.
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. 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.
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.
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.
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 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.