📄 Webdesign playbook · download als PDF of print direct
← Terug naar Webdesign
Editie 2026 · Q2
CWV · MOBILE Praktische gids · Conversion-first webdesign

Bezoekers in klanten
— site die converteert
in 90 dagen.

Voor MKB-eigenaren met een trage of niet-converterende site. Geen complete redesign nodig — wel de 11 fixes die conversion van 1.8% naar 4-6% tillen. Gebaseerd op Core Web Vitals, mobile UX en CRO-principes.

Geschreven door Kelly Kap. 10+ jaar enterprise webdesign & CRO bij Holidu, TUI, IKEA, vidaXL. Full-stack developer + UX/CRO-specialist — wat hier staat is wat we daar deden, geherkalibreerd voor MKB.

+47%
mobile conversie na CWV-fix (case: webshop)
1.8s
target LCP (Google's "Goed"-grens)
2.4×
conversion-lift na 11-fix programma
Voor
MKB · webshops · service-bureaus · D2C-merken · lokale dienstverleners
v2 · 5 pagina's
02 · Het probleem
Diagnose

Mooie sites verkopen niets.
Snelle, gerichte sites wel.

In 2026 stelt Google strenge eisen aan page-experience. Bezoekers nog strenger: 53% verlaat een site die langzamer dan 3 seconden laadt. De meeste MKB-sites zijn ontworpen door designers die schoonheid optimaliseren — niet conversie.

53%
verlaat site bij > 3 sec laadtijd
76%
van conversies gebeurt op mobiel
1.8%
gem. MKB-conversie (top-10% haalt 5-7%)
68%
winkelwagens verlaten zonder afrekenen
Waar het mis gaat
01

Trage laadtijden, slechte CWV

LCP > 4 sec, layout-shifts, render-blocking JS. Google straft dit hard. Bezoekers haken al af voor je site geladen is.

02

Designer-pretty, conversie-arm

Minimal aesthetic met onduidelijke CTAs, social proof verstopt onderaan, prijzen pas na 4 scrolls. Mooi maar niet werkend.

03

Geen mobile-first denken

Site werd op desktop ontworpen, mobile is een afterthought. Knoppen te klein, formulieren onleesbaar, fonts niet schalend.

04

Onduidelijke value-proposition

Bovenste fold zegt niet binnen 5 sec wat je doet, voor wie, wat het oplevert. Bezoeker moet werken om te begrijpen — afhakers.

05

Geen social proof bovenaan

Klantnamen, reviews, casestudies pas op pagina 3. Vertrouwen wordt niet vroeg genoeg gebouwd. Conversie crasht.

06

Checkout met te veel friction

Verplicht account, te veel velden, geen guest-checkout, onduidelijke verzendkosten. 68% verlaat hier.

Waar conversie verdwijnt — typische funnel
Bezoek website
10.000
Naar productpagina
3.800
Toevoegen aan cart
900
Voltooit aankoop
180

Branche-gemiddelde MKB e-com: 1.5-2.5% conversie. Top-10% haalt 5-8%. Het verschil zit in laadsnelheid, mobile-UX en checkout-friction. De drie pijlers op de volgende pagina.

03 · De drie pijlers
De aanpak

Drie pijlers, elf tactieken.

Geen complete rebuild — wel chirurgische fixes op high-traffic pagina's. Speed eerst (omdat zonder dit niets anders helpt), dan UX & mobile, dan CRO-tactieken op de paden waar het geld door loopt.

⚠ Begin níét bij A/B testen op CTA-kleur. Begin bij speed. Een trage site test je tot in eeuwigheid op micro-optimalisaties die 0.1% verbeteren. Een 1-seconde sneller laadtijd levert direct 7-12% meer conversie op. Pijler 1 eerst — altijd.
01Speed & Performance — De foundation
Maand 1 · grootste impact

Core Web Vitals naar groen, image-pipeline geoptimaliseerd, render-blocking weg. Saai maar doorslaggevend.

Core Web Vitals naar groen
LCP < 2.5s, CLS < 0.1, INP < 200ms. Image-compressie, lazy-load, font-display swap.
▲ +28% mobile conversion · −34% bounce
Modern image formats (AVIF/WebP)
JPEGs converteren naar AVIF (50% kleiner) of WebP (30%). Responsive srcset voor device-sizes.
▼ −60% pagina-gewicht · LCP −1.2s
Render-blocking JS strippen
Third-party scripts (chat-widgets, analytics) async + defer. Critical CSS inline, rest na render.
▲ FCP −1.8s · INP −120ms
CDN + edge-caching
Cloudflare/Vercel Edge voor static assets. Cache-headers correct, stale-while-revalidate.
▲ TTFB −400ms wereldwijd
02UX & Mobile — Waar geld doorheen loopt
Maand 1-2 · 76% van traffic

Mobile-first denken: thumb-zone CTAs, scannable layout, social proof bovenaan, scarcity-signalen subtiel.

Mobile-first wireframes
CTA's in thumb-zone (onderste 1/3 van scherm), 16px+ font, 48px+ tap-targets. iOS Safari + Android Chrome getest.
▲ +35% mobile checkout completion
Social proof in eerste fold
Klant-logo's, 5-sterren reviews, "X klanten" — direct bovenaan, niet onderaan. Vertrouwen meteen ipv aan einde.
▲ +18% conversion via trust-stack
Value-prop binnen 5 seconden
Header zegt: WAT je doet + VOOR WIE + WAT IT OPLEVERT. Clarity > cleverness. Test op vrienden buiten je niche.
▲ +22% engagement first-fold
Subtle urgency-signalen
"Nog 3 plekken deze week", "verkocht uit op X". Echt — niet vals. Mensen reageren op schaarste, maar ruiken nep direct.
▲ +14% urgency-driven conversion
03CRO & Friction-removal — Waar 68% afhaakt
Maand 2-3 · checkout-fix

Friction systematisch weghalen op kritische paden. Cart-abandonment van 68% naar 45% — dat is letterlijk +35% omzet zonder extra traffic.

Guest-checkout enabled
Verplicht account aanmaken = 35% bounce. Guest-checkout met optie om aan einde account te maken.
▲ +28% checkout completion
Trust-signals in checkout
SSL-icoon, retour-garantie, "veilig betalen" badges, klant-reviews op checkout-pagina.
▲ +12% completion · −payment-anxiety
Exit-intent + cart-abandonment
Pop-up bij muis-naar-tabsluit met 10% korting. E-mail follow-up 1u na verlaten cart.
▲ +9-15% recovered carts
A/B testing op high-impact CTAs
Geen kleur-tests. Wel: copy-tests ("Bestel nu" vs "Probeer 30 dagen"). Statistical significance bewaken.
▲ Cumulatieve +15-25% YoY
04 · Concreet — voorbeelden & case
Niet alleen theorie

Hoe het er in de praktijk uitziet.

Drie concrete dingen die je vandaag kunt copy-pasten of testen — plus een klant-case waar precies deze fixes op zijn uitgevoerd.

Voorbeeld 1 · Lighthouse-score vóór/na CWV-fix

Echte cijfers van een Nederlandse webshop (e-com fashion) na 4 weken speed-traject. Image-conversie naar AVIF, render-blocking JS strippen, edge-caching aan.

Vóór — week 0
Performance38
LCP (mobile)4.8s
CLS0.34
INP412ms
Page-weight3.2 MB
Na — week 4
Performance94
LCP (mobile)1.6s
CLS0.04
INP98ms
Page-weight820 kB

Resultaat: mobile conversie +47%, bounce −34%, organic ranking +5 posities op key-pages binnen 30 dagen na fix.

Voorbeeld 2 · Mobile UX heuristics — wat we testen op elke site
Heuristiek
Waarom
CTA in onderste 1/3 van scherm (thumb-zone)
Duim raakt makkelijk
Tap-targets minimaal 48 × 48 px
Apple/Google-richtlijn
Body-text 16px+ (geen zoom nodig)
Leesbaarheid
Sticky bottom-bar met primaire actie
Altijd beschikbaar
Auto-playing video met geluid
Bezoeker schrikt, klikt weg
Pop-up < 5 sec na pageload
Google penalty + UX
Hover-only menus (werken niet op touch)
Mobile fail
Voorbeeld 3 · Cart-abandonment recovery email (template)

Verstuur 1u na verlaten cart. Recovery rate typisch 9-15%. Plain text werkt beter dan fancy HTML.

Email · 1u na cart-abandonment
Subject: Heb je iets vergeten in je winkelwagen? 🛒
Preheader: Je {{product_name}} wacht — gratis verzending
       eindigt vanavond.

Hoi {{first_name}},

Ik zag dat je net {{product_name}} bij ons bekeken hebt
maar de aankoop niet hebt afgerond. Geen druk —
maar ik wilde je 2 dingen laten weten:

1. Vandaag tot 23:59: gratis verzending boven €50
2. We hebben er nog {{stock}} op voorraad

→ Bestel hier in 30 sec: {{cart_url}}

Vragen? Reply gewoon op deze mail.
Een echte mens leest mee.

— {{founder_name}}
   {{store_name}} // 9-15% recovery rate
★ Klant-case · Fashion D2C webshop

Van 1.8% naar 4.2% conversie in 11 weken.

Situatie: Sustainable fashion D2C-merk, 28k bezoekers/mnd. Omzet stagnerend op €38k/mnd. Conversie 1.8% (branche-gem voor segment: 2.4%). Trage site, designer-gefocuste UX, geen cart-recovery flow.

Aanpak (11 weken): Week 1-4 speed (CWV groen, image-pipeline naar AVIF). Week 5-7 mobile-first redesign top-5 pagina's + sticky CTA + social proof eerste fold. Week 8-11 checkout-friction weg (guest-checkout, trust-signals) + cart-abandonment recovery + exit-intent.

+133%conversion (1.8% → 4.2%)
+€51kextra MRR uit zelfde traffic
−34%bounce-rate mobile
05 · Plan + volgende stap
Hoe het loopt

90 dagen van traag naar 2× conversie.

Drie blokken die op elkaar voortbouwen — speed eerst (omdat zonder dit niets anders werkt), dan UX & mobile, dan CRO-tactieken op high-traffic paden.

Fase 1 · Speed
Dag 1–30
CWV groen + image-pipeline.
  • Lighthouse audit + baseline meten
  • Image-conversie naar AVIF/WebP
  • Render-blocking JS strippen
  • CDN + edge-caching
  • Core Web Vitals naar 100% groen
Fase 2 · UX/Mobile
Dag 31–60
Mobile-first + value-prop.
  • Mobile-first wireframes top-5 pagina's
  • Value-prop herschrijven (5-sec test)
  • Social proof naar boven
  • CTA's naar thumb-zone
  • Subtle urgency-signalen
Fase 3 · CRO
Dag 61–90
Checkout + recovery.
  • Guest-checkout enabled
  • Trust-signals in checkout
  • Exit-intent + cart-abandonment flow
  • A/B testing programma opgezet
  • Maand-rapport: wat werkt, wat next
Snelle zelf-check — waar sta je nu?
Mijn site laadt op mobiel binnen 2 seconden
Core Web Vitals zijn 100% groen
Mijn value-prop is binnen 5 sec duidelijk
Social proof staat in eerste fold
Mobiele CTAs zijn 48px+ in thumb-zone
Guest-checkout is enabled
Cart-abandonment recovery flow draait
Ik A/B-test minimaal 1 element/maand

Minder dan 5 ✓? Tijd voor een gesprek.

Volgende stap

Boek een gratis
30-min webdesign-audit.

Live screen-share van je site. Top-5 friction-punten + impact-schatting. Concreet plan welke fixes eerst, welke later. Geen sales-pitch.

Plan je 30-min call
calendly.com/kellykap88
Kelly Kap · GrowthMaster · 10+ jaar Holidu / TUI / IKEA / vidaXL / J&J kelly@growthmaster.nl · +31 6 57144073