Amazon Advies.

Vier designversies van je nieuwe website

Dezelfde beproefde opbouw, vier verschillende stijlen. Hieronder leg ik per versie uit welk lettertype, welke kleuren en welke vormtaal gekozen zijn, en waarin ze van elkaar verschillen. Klik door om elke versie live te bekijken.

Waarom vier richtingen, en waarom dezelfde opbouw

In onze meeting hebben we samen een hoop verschillende websites bekeken, en jullie hebben ook voorbeelden doorgestuurd die jullie vet vinden. Daar haal ik veel inspiratie uit, maar het viel me daarbij wél iets op.

Veel van die voorbeelden zijn van grotere bedrijven met grotere klanten. Bij dat soort partijen hoort vaak een ander type design, strakker, zakelijker, met een andere uitstraling dan past bij een persoonlijk, hands-on agency als dat van jullie. Ik heb die voorbeelden dus niet één-op-één overgenomen, maar de sterke ideeën vertaald naar vier richtingen die bij jullie verhaal passen.

Voor de opbouw van de pagina heb ik bij elke versie bewust dezelfde structuur aangehouden, omdat die in de praktijk veruit het beste werkt en bezoekers logisch naar een contactmoment leidt. De versies verschillen dus vooral in stijl, lettertype, kleur, vormtaal, speelsheid en hoe bijvoorbeeld de hero, de header en de reviews zijn vormgegeven, niet in de volgorde van de secties.

Eén beproefde structuur onder alle vier

Iedere bezoeker doorloopt dezelfde logische route: eerst de belofte, dan wat we doen, dan het bewijs, en steeds een duwtje richting contact. Deze opbouw zit onder elke versie:

1Hero 2Wat we doen 3Wat dat oplevert 4Pakketten 5Persoonlijkheidsblok 6Reviews 7Kennisbank 8CTA

De stíjl bepaalt het gevoel, de opbouw bepaalt de conversie. Daarom houden we de structuur vast en variëren we alleen de vormgeving. Een enkele versie wijkt bewust licht af (V3 vervangt het reviewblok door case-resultaten; V4 voegt extra blokken als "Zonder/Met ons" en een FAQ toe), maar de ruggengraat blijft hetzelfde.

Vergelijk de stijlen

Per versie: het lettertype en het doel daarvan, het kleurenpalet, de vormtaal en de belangrijkste designverschillen. Open ze in een nieuw tabblad om naast elkaar te vergelijken.

VERSIE 1 · DE HUIDIGE

Warm & persoonlijk

Hands-on en benaderbaar, met een lichte agency-touch.

LETTERTYPE
Koppen Bricolage Grotesque, tekst Hanken Grotesk, labels Space Mono. Karaktervolle koppen + vriendelijke tekst; de mono-labels geven een subtiele "tech/agency"-uitstraling.
KLEUREN
Warm gebroken wit, navy, koraal CTA, teal & boterkleur als accent.
VORM
Zacht afgerond (tot 32px) met volledig ronde pill-knoppen.
  • HeaderSticky, semi-transparant met blur; uitklapbaar menu onder "Diensten"; pill-CTA.
  • HeroTekst links, foto rechts, met een handgetekende marker-streep onder "Amazon".
  • ReviewsKaartenraster met sterren en initiaal-avatars, plus een lopende klant-marquee.
  • SpeelsheidGemiddeld, levendige accenten en de marker-streep, maar een rustige, vertrouwde opbouw.
DOELEen warm, betrouwbaar MKB-gevoel waarin het persoonlijke verhaal centraal staat.
VERSIE 2

Strak & verzorgd

Premium en rustig, met één koele accentkleur als spanning.

LETTERTYPE
Koppen Hanken Grotesk (extra bold), tekst Inter. Inter is het neutrale, zakelijke werkpaard; de Hanken-koppen houden het iets warmer dan puur corporate.
KLEUREN
Crème basis, bijna-zwart, helder kobaltblauw als CTA, met zachte pastels.
VORM
Signatuur "geknipte" hoek, twee hoeken rond, twee scherp (32px 0 32px 0).
  • HeaderTransformeert bij het scrollen in een zwevende glas-pill.
  • HeroTekst links + een fotocollage van Sam & Noud rechts (overlappend, licht gedraaid).
  • ReviewsDonkere, schermvullende scroll-stapel waarin reviewkaarten als een kaartspel wegdraaien.
  • ExtraIngebouwde kleurenwisselaar (6 thema's) om live een ander palet te proberen.
DOELPersoonlijk maar premium, uitstraling die past bij grotere klanten, in de geest van "rustig en goed geregeld".
VERSIE 3 · SPEELSE BLOKKEN

Speels & expressief

Bento-tegels en uitgesproken blokvormen die durven opvallen.

LETTERTYPE
Koppen Bricolage Grotesque, tekst Inter. Eigenzinnige, expressieve koppen met rustige, leesbare tekst eronder.
KLEUREN
Warme crème, donker inkt, koraal + zonnig geel + zacht roze als vrolijke accenten.
VORM
Uitgesproken hoekige "blokken" met diagonale, asymmetrische rondingen (34px 0 34px 0).
  • HeaderEen zwevend nav-pilletje gecentreerd boven de content.
  • HeroEen bento-wall: een tegelraster (tekstblok + fotoblok + stat-tegels + CTA-tegel) i.p.v. een klassieke split.
  • ReviewsGeen los reviewblok; in plaats daarvan case-resultaatkaarten (Uitdaging / Aanpak / Resultaat) + een merk-marquee.
  • SpeelsheidHoog, gekleurde decoratieve blokjes en blobs, bento-grids en een palette-switcher.
DOELEen energiek, creatief merk dat eruit durft te springen en onderscheidend wil zijn.
VERSIE 4

Warm & bold

Founder-led met een groot gebaar; zelfverzekerd en uitnodigend.

LETTERTYPE
Koppen Bricolage Grotesque, tekst Hanken Grotesk. Karaktervolle, grote koppen + vriendelijke, zeer leesbare body.
KLEUREN
Warm zand als basis, koraal CTA, fris teal en een mintgroene reviewband.
VORM
Zeer rond en zacht, pill-knoppen (100px) en royaal afgeronde kaarten.
  • HeaderVast bovenaan met een donkere pill-CTA.
  • HeroGecentreerd, met een oprichters-badge en zwevende stat-kaartjes (+212%, 9,5/10).
  • ReviewsWaaier-/stapelcarrousel op een mint achtergrond, middelste kaart koraal uitgelicht.
  • ExtraKleur- én hero-stijlwisselaar (Rustig/Kaarten/Bold), plus een "Zonder/Met ons"-vergelijking en een FAQ.
DOELWarm én zelfverzekerd, een boutique-gevoel met lef, dat de twee oprichters centraal zet.