Voorbeelden van landingspagina's: 15 pagina's om van te leren
De beste voorbeelden van landingspagina's delen een eenvoudige vorm: een kop die zegt wat het product doet, één duidelijke volgende stap, bewijs dat echte mensen het gebruiken, en dezelfde oproep tot actie aan het einde. Hieronder staan 15 voorbeelden. De eerste acht zijn echte pagina's die we in oktober 2026 hebben gelezen, met wat elk goed doet. De overige zeven zijn veelvoorkomende patronen die je kunt overnemen voor je eigen situatie, beschreven zonder een site te noemen. Na de lijst vind je een checklist van wat de beste pagina's gemeen hebben, de fouten om te vermijden en hoe je er zelf een bouwt.
De 15 voorbeelden in één overzicht
| # | Voorbeeld | Type | Wat je ervan leert |
|---|---|---|---|
| 1 | Stripe | Productpagina | Cijfers en genoemde klanten als bewijs |
| 2 | Linear | Productpagina | De pagina bestaat vooral uit het product zelf |
| 3 | Cal.com | Aanmeldpagina | Twee aanmeldknoppen, "geen creditcard nodig", een uitleg in drie stappen |
| 4 | Notion | Productpagina | Drie duidelijke taken, daarna gebruiksvoorbeelden |
| 5 | Raycast | Downloadpagina | Korte secties, elk met één idee |
| 6 | Basecamp | Lange homepage | Een persoonlijke brief van de oprichter in plaats van featurelijsten |
| 7 | Vercel | Homepage voor ontwikkelaars | Elke sectie koppelt een claim aan één klant en een getal |
| 8 | Figma | Homepage met meerdere producten | Eén canvasidee dat veel producten verbindt |
| 9 | Wachtlijstpagina | Patroon | Eén veld, één belofte |
| 10 | Lanceringspagina voor één product | Patroon | Productfoto, prijs en koopknop boven de vouw |
| 11 | Landingspagina lokale dienst | Patroon | Telefoonnummer, bediend gebied, offerteformulier |
| 12 | Registratiepagina evenement | Patroon | Datum, locatie, programma, registreren |
| 13 | Downloadpagina mobiele app | Patroon | Winkelbadges en screenshots |
| 14 | Lead-magnetpagina | Patroon | Een gratis gids of sjabloon voor een e-mail |
| 15 | Webinar- of demopagina | Patroon | Tijdstip, host, wat je leert |
De echte landingspagina's en wat ze goed doen
Alle beschrijvingen hieronder zijn van oktober 2026. Sites veranderen hun homepages vaak, dus controleer de live pagina voordat je een detail overneemt.
1. Stripe
De homepage van Stripe opent met een belofte in één regel over infrastructuur voor omzet, een knop "Get started" en een optie om met Google aan te melden. Direct onder de hero staat een logostrook met bekende klanten. Verderop toont een statistiekenblok de ondersteunde valuta's, het betalingsvolume en de uptime, en elk enterprise-verhaal bevat een of twee concrete cijfers.
Leer hiervan: bewijs is specifiek. In plaats van "vertrouwd door duizenden" noemt de pagina klanten en geeft ze bij elk verhaal een getal.
2. Linear
De homepage van Linear heeft een korte kop over productontwikkeling "voor teams en agents" en toont bijna overal een voorbeeldwerkruimte: issueborden, een tijdlijn en een AI-agent die een pull request opstelt. Er staat ook een voorbeeld van recente changelog-items op de pagina.
Leer hiervan: als je product er goed uitziet, laat dan screenshots het meeste uitleggen. Een zichtbare changelog laat bezoekers stilletjes weten dat het product actief wordt onderhouden.
3. Cal.com
Cal.com zet "Sign up with Google" en "Sign up with email" in de hero, met "No credit card required" ernaast. Een sectie "How it works" legt het product uit in drie stappen (verbind je agenda, stel je beschikbaarheid in, kies hoe je afspreekt), en de pagina eindigt met een FAQ die de gratis en betaalde prijzen vermeldt.
Leer hiervan: verlaag de moeite van de eerste stap. Twee aanmeldopties en een notitie over "geen creditcard" beantwoorden de twee grootste zorgen voordat iemand scrolt.
4. Notion
De homepage van Notion opent met een kop over teams en AI-agents die samenwerken, een knop "Get Notion free" en een link "Request a demo". Daarna volgen drie taken die het product uitvoert (kennis vastleggen, antwoorden vinden, routinewerk automatiseren), een lijst met concrete gebruiksvoorbeelden, drie genoemde getuigenissen en een rij met statistieken.
Leer hiervan: een breed product heeft een smalle uitleg nodig. Drie taken zijn makkelijker te onthouden dan dertig functies.
5. Raycast
Raycast gebruikt korte secties met een kop, die elk één punt maken: snelheid en betrouwbaarheid, extensies, AI, automatisering, en een grote muur met genoemde getuigenissen. Betrouwbaarheid wordt onderbouwd met een specifiek cijfer voor crashvrije sessies in plaats van een bijvoeglijk naamwoord.
Leer hiervan: één idee per sectie. Als een bezoeker alleen de koppen leest, begrijpt hij het product toch.
6. Basecamp
De homepage van Basecamp is ongewoon: onder de hero staat een lange, persoonlijke brief van medeoprichter Jason Fried, rechtstreeks aan de lezer gericht. Daarna volgen klantvideo's, getuigenissen, een groot blok met gebruiksgetallen en uitnodigingen voor een live demo en vraag-en-antwoordsessie.
Leer hiervan: een duidelijke stem kan het werk van een featureraster doen. Een live sessie aanbieden geeft aarzelende bezoekers een minder dwingende stap dan aanmelden.
7. Vercel
De homepage van Vercel is ingedeeld naar drie doelgroepen (agents, apps, platforms). Elke sectie koppelt een korte claim aan één klant en één gebruikscijfer, en somt daarna vier functies op.
Leer hiervan: als je meerdere doelgroepen bedient, geef elk een eigen sectie met eigen bewijs, zodat niemand een algemene boodschap zelf hoeft te vertalen.
8. Figma
De homepage van Figma moet veel producten dekken. Dat doet ze door alles in te kaderen als één "canvas", daarna door ontwerp-, bouw- en AI-tools te lopen, gevolgd door een claim over gebruik bij Fortune 500-bedrijven (met de datum van de gegevens erbij) en een galerij met sjablonen.
Leer hiervan: een overkoepelend idee houdt een pagina met meerdere producten samenhangend. Je statistieken dateren, zoals Figma doet, maakt ze geloofwaardiger.
Landingspaginapatronen die je kunt overnemen
9. Wachtlijstpagina
Een kop, één regel over wat er aankomt, een e-mailveld en een knop. Eventueel een aantal mensen dat al op de lijst staat, maar alleen als dat klopt. Dit werkt voor producten die nog niet bestaan. Zie hoe bouw je een wachtlijstpagina.
10. Lanceringspagina voor één product
Een grote productfoto, de naam, de prijs en een koopknop, allemaal zichtbaar zonder te scrollen. Daaronder: drie voordelen, close-upfoto's, reviews, verzending en retourneren, en een FAQ. Goed voor één fysiek product of een digitale download.
11. Landingspagina voor een lokale dienst
Gebouwd voor een loodgieter, schoonmaker of bijlesdocent die in één gebied adverteert. Het telefoonnummer is bovenaan klikbaar, het bediende gebied staat in de kop, en een kort offerteformulier vraagt alleen wat nodig is: naam, telefoon, postcode, wat er aan de hand is. Foto's van echte klussen werken beter dan stockbeelden.
12. Registratiepagina voor een evenement
Datum, tijd, locatie (of "online") en prijs staan op het eerste scherm. Daarna het programma, de sprekers, wat er is inbegrepen, en een registratieknop die op mobiel zichtbaar blijft. Een aftelklok helpt alleen als de deadline echt is.
13. Downloadpagina voor een mobiele app
Badges van de App Store en Google Play bovenaan, drie of vier telefoonscreenshots met de belangrijkste schermen, en korte bijschriften eronder. Beoordelingen kunnen hier, als je ze nauwkeurig uit de winkels citeert.
14. Lead-magnetpagina
Bied iets nuttigs aan (een checklist, sjabloon of korte gids) in ruil voor een e-mailadres. Toon een voorbeeld van het ding zelf, noem wat erin zit en houd het formulier bij één of twee velden.
15. Webinar- of demopagina
Wanneer, hoe lang, wie presenteert en drie dingen die deelnemers leren. Voeg een optie "Kun je er niet bij? Krijg de opname" toe, zodat de pagina ook na de datum nog belangstelling verzamelt.
Wat de beste landingspagina's gemeen hebben
Gebruik dit als checklist voordat je publiceert:
- De kop zegt wat het is. Iemand die je nog nooit heeft gehoord, begrijpt het product in één keer lezen. Zie hoe schrijf je een koptekst voor een landingspagina.
- Eén hoofdactie. Een tweede, zachtere optie (demo, rondleiding, contact met sales) is prima. Vijf concurrerende knoppen niet.
- De actie komt meer dan één keer voor. In de hero, en nogmaals aan het eind.
- Bewijs is specifiek. Genoemde klanten, echte citaten met naam en functie, of cijfers met een bron.
- Het product is zichtbaar. Een screenshot, een korte video of een foto, niet alleen abstracte illustraties.
- Bezwaren worden beantwoord. Prijs, "is er een gratis abonnement?", "heb ik een kaart nodig?" en hoe lang de installatie duurt, vaak in een FAQ.
- Het werkt op een telefoon. Knoppen zijn groot genoeg om aan te tikken en de hoofdactie is makkelijk te bereiken.
- Het laadt snel. Gecomprimeerde afbeeldingen, geen zware scripts die je niet nodig hebt.
Veelgemaakte fouten
- Slimme koppen die het product verbergen. Woordspelingen mogen in een subkop; de hoofdkop moet gewoon zijn.
- Algemeen bewijs. "Geliefd bij teams overal" zonder namen overtuigt niemand.
- Te veel keuzes. Elke extra link is een manier om weg te gaan zonder te handelen.
- Formulieren die te veel vragen. Vraag alleen wat je nu nodig hebt. Meer kun je later vragen.
- Verzonnen cijfers. Verzonnen gebruikersaantallen of beoordelingen schaden het vertrouwen en kunnen in strijd zijn met consumentenregels.
- Alleen ontwerp voor desktop. Veel bezoekers komen op hun telefoon via social media en advertenties.
- Geen opvolging. Een formulier dat niemand een e-mail stuurt, of een bedankpagina zonder volgende stap.
Hoe je je eigen landingspagina bouwt
- Schrijf eerst het aanbod. Voor wie het is, wat ze krijgen en wat je wilt dat ze doen. Eén zin per onderdeel.
- Kies een patroon hierboven dat bij je situatie past: productpagina, wachtlijst, lokale dienst of evenement.
- Verzamel bewijs. Een paar eerlijke getuigenissen, klantnamen waarvoor je toestemming hebt, of screenshots.
- Bouw de pagina. Met een AI-websitebouwer zoals Mythex beschrijf je de pagina in een chat, zie je hem in een live preview verschijnen, pas je secties aan door erom te vragen en publiceer je hem in één klik naar een URL. Heb je een formulier nodig dat aanmeldingen opslaat, dan kan het ook een database toevoegen. Wil je liever vanuit een ontwerp beginnen? Bekijk de sjablonen.
- Test hem op je telefoon en vraag twee mensen die het product niet kennen wat het doet, na vijf seconden.
- Meet één ding. Aanmeldingen, gesprekken of aankopen. Wijzig één element tegelijk.
Vergelijk je tools? Onze lijst met de beste AI-websitebouwers behandelt de belangrijkste opties eerlijk; voor één eenvoudige pagina kan een speciale paginabouwer sneller zijn. Voor het hele proces lees je hoe bouw je een landingspagina die converteert.
Hoe we deze voorbeelden kozen
We lazen elke genoemde pagina in oktober 2026 en beschrijven alleen wat er toen op stond. We hadden geen toegang tot conversiedata van wie dan ook, dus we beweren niet dat de ene pagina beter converteert dan de andere; we wijzen op technieken die je kunt zien en hergebruiken. De patronen in de tweede helft zijn veelvoorkomende paginatypen, algemeen beschreven.
Veelgestelde vragen
Wat maakt een goede landingspagina?
Eén duidelijke doelgroep, één hoofdactie en een kop die in gewone woorden zegt wat het product doet. Daaronder: bewijs (klantnamen, getuigenissen of een productdemo), de paar details die mensen nodig hebben om te beslissen, en dezelfde oproep tot actie vlak voor het einde. Alles wat die actie niet helpt, kan weg.
Hoe lang moet een landingspagina zijn?
Zo lang als nodig is om de vragen van een bezoeker te beantwoorden voordat die iets doet. Een wachtlijstpagina kan één scherm zijn. Een pagina voor een betaald product dat een bestaand hulpmiddel vervangt, heeft meestal meer nodig: hoe het werkt, bewijs, prijzen en bezwaren. De homepage van Basecamp bevat bijvoorbeeld een lange brief van de oprichter, terwijl die van Raycast met korte secties begint.
Moet een landingspagina navigatie hebben?
Voor een pagina die voor één campagne of advertentie is gebouwd, helpt minder links meestal om de aandacht op de hoofdactie te houden. Een bedrijfshomepage die ook als landingspagina dient, zoals die van Stripe of Notion, heeft volledige navigatie nodig, omdat bezoekers met veel verschillende doelen komen.
Kan ik een landingspagina met AI bouwen?
Ja. AI-websitebouwers zetten een beschrijving van je product, doelgroep en oproep tot actie om in een werkende pagina die je kunt bewerken en publiceren. Schrijf zelf de kop en het aanbod, en gebruik AI voor de lay-out, de secties en eerste versies van de ondersteunende tekst.