Productpagina die converteert voor B2B SaaS (2026).
Een goede B2B SaaS-productpagina vertelt in vier secties wat je product doet, voor wie, met welk effect, en waarom je het kunt vertrouwen. De volgorde is doorslaggevender dan welke woorden je kiest.
PLAN · DOORSNEDE · DETAILMAATWERK · B2B SaaS productpagina
De vier secties
1. Hero met outcome. Niet "AI-gedreven SaaS-platform" maar "Je hele factuur-flow in één klik". Outcome boven feature.
2. Probleem in eigen taal. "Je salesteam verliest 5 uur per week aan handmatige offertes." Niet "Inefficiënte processen". Spreek alsof je naast ze zit.
3. Oplossing met bewijs. Drie features, elk met een korte loop-video van 8–15 seconden. Geen statische screenshots zonder context.
4. Sociaal bewijs. Eén echte testimonial met naam, functie, foto en resultaat ("bespaarden 14 uur per week"). Nepklanten ruiken bezoekers — "Mark, oprichter" zonder specifieke claim is signaal van weinig social proof.
Veelgestelde vragen
Q1Pricing wel of niet op productpagina?+
Wel — voor je eigen SaaS-product. Verbergen kost conversie en vertrouwen; zelfs een range ("vanaf €X/mnd") is beter dan "Vraag offerte aan". Dat advies geldt voor herhaalbare, schaalbare software-pricing. Maatwerkdiensten met sterk wisselende scope — zoals websitebouw — lenen zich beter voor een prijs op aanvraag na een kort scoping-gesprek, omdat elke vaste range daar voor een deel van de aanvragen misleidend zou zijn.
Q2Demo-formulier of self-serve trial?+
Self-serve trial converteert hoger voor producten onder €500/mnd. Demo-formulier alleen zinvol bij complex enterprise-tooling.
Verdieping
Verdieping: waarom dit voor mkb anders ligt
Voor een mkb-onderneming verloopt deze keuze anders dan voor een enterprise-organisatie. Bij enterprise spelen compliance, multi-team coordination en aanbestedingsprocedures een dominante rol — in mkb is de afweging veel directer: tijd-naar-omzet, maandlasten en flexibiliteit op kantelmomenten. Wat in een Fortune 500-context "een veilige keuze" heet, is in een 12-personen-bedrijf vaak juist de duurste route omdat overhead niet wegvalt naar volume.
De drie variabelen die in praktijk de uitkomst bepalen voor Nederlandse mkb-projecten: wie onderhoudt het na livegang, hoe vaak verandert de scope, en welk groei-scenario stuur je op. Een coachingspraktijk met drie pagina-updates per kwartaal stelt heel andere eisen dan een D2C-merk dat wekelijks A/B-test.
22
Projecten sinds 2023, incl. eigen producten
1–6 wk
Bouwtijd maatwerk website
95+
Lighthouse bij oplevering, gemiddeld 98
30 dgn
Ondersteuning incl.
Stappenplan: van eerste gesprek tot livegang
1Kennismaking (25 min)+
Async-first: één gesprek waarin we doel, doelgroep, scope en de eerste budget-range vastleggen. Output: een 1-pagina-document met scope en richtprijs binnen 24 uur.
2Schets (week 1)+
Wireframes, content-architectuur, techniek-keuze en design-richting (3 stijlen). Geen Lorem Ipsum — copy-aanzet vanaf dag 1, omdat copy het ontwerp stuurt en niet andersom.
3Bouw (week 2–3)+
Dagelijkse Loom-update van 60 seconden, gedeelde Figma met live state, gedeelde repo. Eén wekelijkse demo van 30 minuten. Iteratie staat boven specificatie: blijkt iets in praktijk anders te werken, passen we het aan zonder change-request-pingpong.
4Polijsten (week 3 – einde)+
Lighthouse 95+ op alle vier de assen. Structured data die klopt met wat er op de pagina staat, sitemap, robots.txt met een bewuste keuze per crawler (OAI-SearchBot voor zoeken, GPTBot voor mogelijke modeltraining), Open Graph-kaart per pagina. Een llms.txt mag erbij als onderhouden overzicht, maar Google negeert het volgens de eigen documentatie, dus we rekenen het niet mee als vindbaarheidsmaatregel. Performance-budget per route gemonitord.
5Oplevering+
Domein live, DNS overgezet, monitoring aan, README + Loom-handover van 30 minuten. Eigenaar van code, hosting, accounts vanaf dag 1 — geen lock-in.
In de praktijk: drie voorbeeld-uitkomsten
Probleem: Wix-template, Lighthouse 58/72, geen booking-flow. Resultaat na 4 weken: maatwerk Next.js, Lighthouse 99/100, Stripe Checkout voor sessies, Resend voor herinneringen, +38% boekingen in eerste maand. Bouwbudget op aanvraag.
Probleem: hand-coded WordPress site, drie pricing-experimenten in zes maanden vastgelopen op het thema. Resultaat: headless rebuild in Next.js + MDX, A/B-pipeline in eigen events. Pricing-conversie van 1,7% naar 4,1% in 60 dagen. Bouwbudget op aanvraag.
Probleem: Shopify-thema, CLS 0,42 (slecht), AOV €68. Resultaat: headless front-end met Hydrogen, CLS < 0,05, image-strategy verbeterd, AOV +14% door betere PDP. Bouwbudget op aanvraag.
De 3-week-regel voor maatwerk-projecten
Als een marketingsite-project langer duurt dan drie weken aan netto werk, is bijna altijd de scope te groot, niet de developer te langzaam. Splitsen in fasen (MVP → uitbreiding) levert vrijwel altijd een beter resultaat dan één lang project — omdat realiteit-feedback in week 5 waardevoller blijkt dan elke vooraf-geplande feature.
Hanteer dit als sanity-check vóór je tekent: vraag de uitvoerder om de scope binnen drie weken te laten passen of expliciet in fasen op te knippen.
Checklist: vóór je een offerte tekent
Veelgestelde vragen
Q1Hoe lang duurt een typische marketingsite van A tot Z?+
Voor een ervaren solo-studio: drie tot vier weken voor een marketingsite van 5–10 pagina's. Voor een agency met PM-laag: acht tot veertien weken voor exact dezelfde scope. Het verschil zit in overlegcycli, niet in code-kwaliteit.
Q2Wat als ik later een tweede taal wil toevoegen?+
Bouw je site met Next.js i18n routing en hreflang-tags, dan voeg je later een tweede taal toe in 1–2 weken. Bouw je zonder die voorbereiding, dan kost het 4–6 weken extra omdat alle URL's en meta-tags opnieuw moeten.
Q3Krijg ik bij een freelance-developer ook een aparte designer?+
Bij een studio doet de developer doorgaans ook ontwerp in Figma. Voor wie een aparte top-tier designer wenst, kan een freelance designer bijgehaald worden (€90–€140/uur, 30–60 uur typisch) — nog ruim onder een agency-tarief.
Q4Hoe zit het met onderhoud na de eerste 30 dagen?+
Twee modellen: een licht onderhoudsabonnement (€200–€400 per maand voor monitoring, kleine updates) of per opdracht. Geen verplicht jaarcontract zoals bij veel agencies — je betaalt alleen wanneer er werk is.
Q5Wordt mijn code mijn eigendom?+
Ja, vanaf dag 1. Repo onder jouw GitHub-account, hosting onder jouw Vercel-account, domein op jouw naam. Bij volledige betaling draagt Van Zanten Consulting alle IP-rechten over.
Een handgecodeerde Next.js-site, Lighthouse 95+, in jouw eigen repo 1–6 weken, vaste prijs na een gratis gesprek. 45 minuten, gratis. Eerstvolgende start: Q4 2026.
