UX / UI / CRO

B2B SaaS

Cierpa Kaizen

Het legde alles uit. En verkocht niets.

De pagina van Cierpa Kaizen beschreef elke functie tot in detail, en toch vertrok 83% van de bezoekers voordat ze de twee vragen konden beantwoorden die een B2B-aankoop bepalen: wat is dit, en is het iets voor mij. Herontwerp van een B2B SaaS-productpagina: onderzoek, een volledige herbouw en validatie zonder één A/B-test brachten de doorklik naar de demo van 2,27% naar 20,83%.

KLANT

Cierpa, Kaizen-software

MIJN ROL

UX, UI & CRO, van begin tot eind

PERIODE

jan – sep 2025

BEPERKING

Te weinig verkeer om te A/B-testen

HET RESULTAAT, VOORAF

+817%

Doorklik demo-CTA · 2,27% → 20,83%

+991%

Op mobiel · 2,50% → 27,27%

6

Onderzoeksmethoden achter elke beslissing

Gemeten over vergelijkbare periodes voor en na (mei–jul als nulmeting, jul–sep na de lancering), met een funnel-nulmeting die ik handmatig heb bewaard. Het verkeer is laag, dus het percentage lees je samen met het mechanisme erachter: dieper scrollen in elke sectie en een meetbare verandering in gedrag, beide hieronder te zien.

VOOR / NA

Hetzelfde product. Een pagina die het eindelijk uitlegt.

Ons herontwerp van de B2B SaaS-productpagina bracht de CTA voor het aanvragen van een demo van 2,27% naar 20,83%

CONTROLE

2,27% CTR

Tekst in functietaal

10 USP-blokken

Geen product zichtbaar

CTA onder de vouw

HERONTWERP

20,83% CTR

Tekst vanuit resultaat

4 samengevoegde USP's

product in beeld

Demo-CTA in het eerste scherm

HET PROBLEEM

De pagina zei te veel, maar legde te weinig uit.

De doorklik naar de demo stond op 2,27%. Het onderzoek wees op drie oorzaken, niet één.

Onduidelijke waarde

De tekst somde op wat de software kon, nooit wat een koper ervoor terugkreeg. Na het lezen van de hele pagina konden testgebruikers nog steeds niet zeggen wat Cierpa Kaizen eigenlijk was.

Niemand scrolde

43% was weg vóór de USP's en 83% vóór de productdemo onderaan. De pagina raakte mensen bovenaan kwijt, dus alles daaronder deed er niet toe.

CTA's gemist

De primaire CTA stond onder de vouw en 12% vertrok voordat ze die bereikten. De kliks die er wel waren, clusterden op een externe video, een signaal op zich.

ONDERZOEK

Zes methoden, één conclusie, voordat er een pixel verschoof.

Dit was geen herontwerpen en hopen op het beste. Elke latere beslissing is terug te voeren op een van deze.

Scrollmaps

Bracht precies in kaart waar de pagina bezoekers verloor, sectie voor sectie.

Clickmaps

Liet zien waar aandacht en intentie echt terechtkwamen.

Sessie-opnames

Zag echte gebruikers verdwalen, op en neer scrollend langs een muur van blokken.

Heuristische evaluatie

Elke sectie beoordeeld op principes voor usability en overtuiging.

Enquêtes

Bevestigden het kwalitatieve beeld, met weinig respons zoals verwacht in B2B.

Gebruikerstests

Korte doorlopen legden het kernprobleem bloot: alleen functies, geen resultaten.

Waar de oude pagina iedereen kwijtraakte

BRON: SCROLLMAPS · % VAN BEZOEKERS DAT OVERBLIJFT

Vóór de eerste CTA
88%
Vóór de USP's
57%
Einde van de USP's
43%
Einde van de reviews
33%
Einde van de pakketten
25%
Einde van de demovideo
17%
Einde van de FAQ
10%
Onderkant van de pagina
4%

83% was al vertrokken vóór de productdemovideo onderaan. Toch klikten de weinigen die er kwamen onevenredig vaak. Mensen wilden het product zien. De pagina verstopte het.

Het inzicht dat de herbouw stuurde

“Je koopt geen auto die je niet hebt gezien.” De clickmaps lieten zien dat kopers diep op de pagina naar productbeelden zochten. Het herontwerp zette het product vooraan, en een gesprek met de eigenaar van Cierpa bevestigde dat mobiel rapporteren op de werkvloer een bepalende functie was die in één regel tekst verstopt zat.

DE VERSCHUIVING DIE DOOR ELKE SECTIE LIEP

Van wat het doet, naar wat het voor jou doet.

De oorspronkelijke pagina vertelde gebruikers wat Cierpa Kaizen doet. De herbouw vertelde wat ze ervoor terugkrijgen. Dezelfde feiten, herschreven zodat ze aankomen.

Voor · functietaal
Na · resultaattaal
Bodytekst las als een actielijst, “Dat kan ik ook gewoon in Excel”
“Pak verbeteringen zelfstandig aan en boek structurele resultaten”
“Vraag een vrijblijvende demo aan”
“Vraag een gratis demo aan” (verlaagt de drempel, gratis staat er expliciet)
Prijzen heetten “Prijzen”, gepresenteerd als kosten
”Flexibele oplossingen voor elke organisatie”, gepresenteerd als waarde
Contact afgehandeld door “een van onze medewerkers”
Afgehandeld door “onze experts”, met het resultaat uitgeschreven
Verzendknop zei “Verstuur!”
“Vraag een gratis demo aan”, elke CTA sluit nu aan

WAT IK VERANDERDE, EN WAAROM

Drie beslissingen, geen elf secties.

10 → 4

Verlaag de cognitieve belasting

De sectie “in het kort” bestond uit 10 ongeordende kaarten. Opnames lieten zien dat gebruikers op en neer scrolden, de weg kwijt.
Ik voegde overlappende items samen tot 4 gegroepeerde blokken, bijvoorbeeld de PDCA-lijst plus de dagelijkse e-mail in één, en rapportage plus besparingsdoelen in één.

+ sectie

Laat het product zien

De mobiele app zat verstopt op de pagina. Ik gaf hem een eigen sectie met een device-mockup, omdat de data liet zien dat mensen naar productbeelden zochten. Uit tests bleek dat mensen nu dachten dat het alleen een mobiele app was, dus kwam er een desktop-mockup bij.

3 in 1

Maak een herbruikbaar systeem

De hero-, mobiel- en contactsecties werden een herbruikbaar component. Artikelen en blogs delen nu dezelfde kaart. Blauw is alleen nog voor CTA's, zodat ze van het scherm springen, semantische kleuren zijn rechtgezet, en formulierlabels blijven staan en verdwijnen niet bij het typen. Details die optellen.

De eerste testversie toonde alleen een telefoon en gebruikers namen aan dat Kaizen alleen een mobiele app was. Ik zette de desktop ernaast.
Tweede test, directe lof: “Mooi vormgegeven sectie met laptop en smartphone.”

VALIDATIE ZONDER A/B-TESTEN

Geen verkeer om mee te testen. Dus bouwde ik een manier om het toch zeker te weten.

Ik berekende een minimaal detecteerbaar effect en liet de stakeholder in cijfers zien dat een A/B-test met dit verkeer nooit significantie zou halen. Daarna valideerde ik op een andere manier: eerst voorkeurstests, twee keer, met een iteratie ertussen. Daarna een causale effectanalyse: ik mat het gemiddelde conversiepercentage 13 weken vóór de implementatie en 13 weken erna. De week van de implementatie zelf is niet gemeten, omdat de implementatie niet in één keer is gedaan.

TEST 1 · 40 PERSONEN · BOVENSTE 4 SECTIES

53% herontwerp
47% controle
Niet significant · richting goed, uitvoering nog niet
“Als ik de site scan, weet ik nog steeds niet wat het product is.”
“Te veel blokken, het wordt saai.”
“Maak in 5 seconden duidelijk waar het over gaat.”

TEST 2 · 40 PERSONEN · HELE PAGINA

Voorkeur voor herontwerp
Statistisch significant
“Geen eindeloze lijsten met functies, alleen hoogtepunten. Beter te scannen.”
“Alle info om het bedrijf te begrijpen staat in het eerste scherm.”
“Heel mooi vormgegeven blok met laptop en smartphone.”

Iedereen kan testen als het verkeer er is. De kunst is een betrouwbaar antwoord als het er niet is.

HOE HET VERLIEP

In de zomer ontworpen. Live toen de dev-planning ruimte had.

Het onderzoek, het ontwerp en twee validatierondes waren in de eerste helft van 2025 klaar. Daarna wachtte de bouw op de beschikbaarheid van een extern developmentteam voordat het live kon. Omdat GA4 maar twee maanden data bewaarde en ik de lanceerdatum niet in de hand had, kopieerde ik de funnel-nulmeting vooraf naar Sheets, zodat het wachten de voor-data die ik nodig had om het resultaat te bewijzen niet kon wissen.

JAN – VOORJAAR

Onderzoek

VOORJAAR

Ontwerp & 2 validatierondes

20 MEI – 21 JUL

Nulmeting bewaard tijdens het wachten op development

29 JUL

Live

29 JUL – 29 SEP

Gemeten

RESULTATEN · 29 JUL – 29 SEP 2025

Meer kliks, dieper scrollen, vraag beantwoord.

Doorklik demo-CTA
Voor
Na
Verschil
Totaal
2.27%
20.83%
+817%
Desktop
2.14%
15.38%
+619%
Mobiel
2.50%
27.27%
+991%

Scrolldiepte per sectie

Voor Na
Hero
92.1%100%
USP
55.9%59.1%
Onderkant van de USP's
43%52.1%
Reviews
33%33.5%
Prijzen
25%27%
Social Proof
17%19.1%
Artikelen
13%14.4%
Onderkant van de FAQ
10%12.1%
Contactformulier
8%9.3%

De grootste winst in scrolldiepte zit precies waar de grootste wijzigingen zijn gedaan. Door het USP-blok van 10 naar 4 terug te brengen steeg de scrolldiepte daar relatief met 21,2%, logisch, want de sectie is nu veel korter. Het effect werkt door: meer mensen die de bovenkant overleven betekent meer mensen die alles daaronder bereiken.

De grootste winst was stilte.

Kliks op de externe demovideo en de blogpost met screenshots zakten na de lancering naar bijna nul. Die vraag verdween niet, hij werd eerder beantwoord, op de pagina zelf. Goede UX zie je vaak terug als het ontbreken van frictie, niet als een nieuwe functie.

OVERDRACHT

Gebouwd om live te gaan, niet alleen om er goed uit te zien.

Specificatiedocument

Elke sectie met teksthiërarchie, Figma-ontwerp en dev-mode-links, verwijzingen naar iconen en assets, en de volledige FAQ-inhoud.

Visuele gids

Opbouw en afstanden uitgewerkt voor desktop, tablet en mobiel, zodat de developer nooit hoefde te gokken.

Responsive set

Drie breakpoints opgeleverd. De aanpassingen na de lancering waren klein en alleen cosmetisch, geen structureel herstelwerk.

WAT HET ME LEERDE

Het lastige van CRO is eerlijk blijven werken als de data dun is.

De makkelijke opties zijn nauwkeurigheid veinzen met een test die te weinig kracht heeft, of nauwkeurigheid loslaten en op je oog vertrouwen. Het echte werk is een derde weg die eerlijk is over zijn grenzen en het bedrijf toch vooruit helpt. Dat is wat negen maanden onderzoek, een verdedigbare validatiemethode en een gemeten voor en na hier hebben opgeleverd.

Meer is soms minder

Alle functies laten zien maakt een product niet automatisch waardevol voor gebruikers. De oorspronkelijke pagina had geen gebrek aan informatie. Alleen beantwoordde niets ervan de vraag die er voor een koper echt toe doet: “Wat levert dit mij op?” De verschuiving van functies naar resultaten liep door elke sectie van het herontwerp.

Gebruikers willen zien wat ze krijgen

Laat het product zien. We zagen gebruikers zoeken naar beelden van de software onderaan een pagina waar bijna niemand kwam. Ze wilden zien wat ze kochten, en de pagina liet ze ervoor werken. We haalden dat naar boven en het zoekgedrag verdween. Je koopt geen auto die je niet hebt gezien.

HET HELE PLAATJE

Elke stap: van ontdekking tot oplossing

CONTACT

Laten we iets maken dat werkt!

Vertel ons waar je bedrijf staat en waar je naartoe wilt. Merk, website, UX of conversie: we vertellen je hoe we kunnen helpen. Geen verkooppraatje, gewoon een eerlijk antwoord.

Naam
E-mail
Bericht
Je bericht is verzonden
Er ging iets mis bij het verzenden van het formulier. Controleer je invoer.
Scroll naar boven