De bovenste 100 pixels zijn alles

De bovenste sectie van je landingspagina (de hero) wordt gezien door 100% van je bezoekers. Alles daaronder door minder dan 50%. Investeer dienovereenkomstig.

Een effectieve hero heeft vijf elementen: 1. Kop: de uitkomst die de bezoeker krijgt (niet wat je product doet) 2. Subkop: voor wie het is en hoe het werkt 3. Social proof indicator: "Vertrouwd door 500+ Nederlandse bedrijven" 4. Primaire CTA: één knop, specifieke actie ("Gratis proberen" > "Aan de slag") 5. Hero-afbeelding of video: het product in gebruik, niet een abstracte illustratie

WeWeb en Webflow geven beide volledige controle over dit ontwerp. Het is geen technisch probleem — het is een berichtgevingsprobleem.

Social proof plaatsing

De meest effectieve plaatsing voor social proof: 1. Klantlogos direct onder de hero (voor de eerste scroll) 2. Een prominente testimonial vóór de prijzensectie 3. Statistieken in de functiessectie ("3.000 uur bespaard per maand door onze klanten") 4. Case study links bij complexe use cases

Voor Nederlandse B2B SaaS: gebruik Nederlandse klantlogos wanneer je ze hebt. Een logo van een herkenbare Nederlandse scale-up — een Adyen-portfolio-bedrijf, een ASML-leverancier — is meer waard dan tien internationale namen.

In WeWeb kun je social proof-secties dynamisch laden vanuit een Supabase-tabel, zodat je klantlogos en testimonials kunt bijwerken zonder de pagina te herbouwen.

CTA-optimalisatie

De meest impactvolle CTA-optimalisaties die we hebben getest:

Specificiteit wint: "Start gratis — geen creditcard nodig" converteert beter dan "Probeer gratis". Verwijder wrijving expliciet.

één CTA boven de vouw: meerdere CTA's splitsen de aandacht. Kies je primaire actie en houd je eraan in de hero.

Herhalende CTA's lager op de pagina: elke sectie moet eindigen met de mogelijkheid om door te gaan. Na elke functiebeschrijving, na sociale proof, na prijzen.

Urgentie zonder misleiding: "Vandaag starten, morgen productief" is eerlijk en effectief. Valse countdown-timers beschadigen het vertrouwen bij Nederlandse zakelijke kopers.

Prijzenpagina-ontwerp

De prijzenpagina is waar de meeste conversies gewonnen of verloren worden. Best practices:

Drie plannen maximum: meer keuze verlaagt de conversie door paradox of choice. Twee tot drie opties zijn optimaal.

Markeer de aanbevolen plan: visueel onderscheid (kleur, badge "Meest populair") leidt bezoekers naar je optimale plan.

Jaarlijkse vs maandelijkse schakelaar: toon standaard de jaarlijkse prijs (lagere maandprijs zichtbaar), met de maandelijkse prijs beschikbaar als schakeloptie.

Voor Nederlandse SaaS: toon prijzen in euro's, inclusief BTW-vermelding. "€99/maand excl. BTW" is de standaard voor B2B. "€99/maand" is beter voor B2C.

Mobiel-first ontwerp in no-code tools

Meer dan 50% van de SaaS-landingspagina bezoekers zijn op mobiel — zelfs voor B2B. Je WeWeb- of Webflow-pagina moet perfect zijn op mobiel, niet alleen "werken".

No-code specifieke tips: - Webflow: gebruik Webflow's ingebouwde responsieve breakpoints (Desktop, Tablet, Mobile Landscape, Mobile Portrait) en test elke sectie op elk breakpoint - WeWeb: gebruik CSS Grid en Flexbox met WeWeb's visuele responsive controls; test op echte apparaten, niet alleen op browser-emulatie - Beide: houd de mobiele hero-tekst < 10 woorden in de kop, verwijder decoratieve elementen die de pagina vertragen op mobiel

PageSpeed Insights voor mobiel moet > 75 zijn voor competitieve Google Ads Quality Scores.