Landingspagina voorbeelden, gelezen als structuur en niet als screenshot

Een landingspagina is één pagina gebouwd voor één handeling, met de navigatie eruit gehaald zodat de bezoeker ergens heen kan en nergens kan afdwalen. Dat is de hele definitie, en het verklaart waarom verzamelingen mooie screenshots zo weinig leren. Het visuele is de laatste beslissing, niet de eerste.

Wat volgt zijn landingspagina voorbeelden gelezen zoals wij ze lezen voordat we een project offreren: wat de pagina vraagt, op welke plek, hoeveel in één keer, en wat ze doet terwijl de bezoeker twijfelt. De screenshots wisselen elke achttien maanden. De vijf problemen eronder zijn in tien jaar niet veranderd.

Volgens de conversiebenchmarks van Unbounce, gebaseerd op 41.000 landingspagina's en 57 miljoen conversies, converteert de mediane pagina op 6,6 %. Het verschil tussen sectoren is veel groter dan het verschil tussen visuele stijlen, en dat vertelt u waar het werk zit.

Een voorbeeld toont een opgelost probleem zonder het probleem te tonen. U ziet de afgemaakte kop, maar niet de verkeersbron waarvoor die geschreven is, niet het aanbod dat hij droeg, en niet de vier versies die verloren. Een pagina die op 12 % converteert voor een evenementenbureau en een pagina op 3,8 % voor een SaaS-product kunnen bijna identiek ogen, omdat het verschil zit in wat er gevraagd wordt en niet in hoe het eruitziet.

Lees elk voorbeeld daarom eerst op drie feiten voordat u naar het ontwerp kijkt. Waar kwam de bezoeker vandaan, welke enkele handeling wordt gevraagd, en wat moet de bezoeker daarvoor afstaan. Zodra die drie op tafel liggen, is de opmaak geen kwestie van smaak meer maar een gevolg.

De bandbreedte van de benchmarks bewijst het. Unbounce zet evenementen en entertainment rond 12,3 %, e-commerce op 4,2 % en SaaS op 3,8 %. Hetzelfde visuele vocabulaire, heel andere vragen.

Elke pagina uit deze selectie zet vier dingen in het eerste scherm en verder niets: een kop die de belofte herhaalt waarop de bezoeker al klikte, één zin die zegt voor wie het is, één zichtbare handeling, en één bewijs dat anderen die handeling deden. De rest wacht. Pagina's die falen, falen meestal door een vijfde element toe te voegen, doorgaans een navigatiebalk die weer naar buiten leidt.

De herhaling weegt zwaarder dan de formulering. Als de advertentie zei "inspectie binnen dezelfde week" en de kop zegt "oplossingen voor de gebouwde omgeving van morgen", dan hapert de bezoeker, en in die hapering lekt het verkeer weg. De klik oppakken is weinig spectaculair en verschuift het cijfer sterker dan typografie.

Negen pagina's, vijf terugkerende problemen. In plaats van merken te beschrijven waarvan het ontwerp opnieuw getekend wordt voordat u bent uitgelezen, staat hier het structuurpatroon van elk type en de voorwaarde die het nodig heeft. Plaats uw eigen situatie in een rij, zoek daarna actuele voorbeelden van precies die rij en bestudeer die.

Het patroon is stabiel, de visuele uitdrukking ervan niet. Een demo-aanvraagpagina uit 2019 en een uit 2026 verschillen in typografie en verder in vrijwel niets.

De vijf problemen van elke rij zijn steeds dezelfde: vier seconden aandacht vasthouden, zeggen voor wie dit is, de handeling vanzelfsprekend maken, de reden tot twijfel wegnemen en de kleinst mogelijke toezegging vragen. Als een pagina niet klopt en u kunt niet zeggen waarom, ontbreekt één van die vijf. Meestal de tweede, want opschrijven voor wie de pagina níet is, is het ongemakkelijkste deel van het werk. Let op: geen van deze rijen scoort vanzelf. Een pagina die ook via zoekmachines gevonden moet worden heeft een zesde element nodig, behandeld in onze gids over SEO-landingspagina's.

Het formulier is het enige deel van een landingspagina dat de bezoeker vraagt iets af te staan, en daarmee het enige deel waar hij kan besluiten te stoppen. Alles daarboven kost hem niets. Daarom verschuift de lengte van het formulier de conversie betrouwbaarder dan welke andere losse ingreep ook, en daarom vragen de sterkste voorbeelden twee velden waar concurrenten er zeven vragen.

De analyse van HubSpot over formulierlengte vond formulieren met drie velden rond 25 % tegenover ruwweg 20 % bij meer dan vijf velden. De absolute cijfers horen bij hun steekproef, maar de richting hield stand in elke test die wij daarna deden.

De praktische regel is: vraag alleen wat de volgende menselijke stap nodig heeft. Een verkoopgesprek heeft een naam nodig en een manier om de persoon te bereiken. Het heeft geen bedrijfsgrootte, branche, budgetklasse en hoe de bezoeker u vond nodig. Die velden bestaan om een rapportage makkelijker te maken, en ze worden betaald met verloren leads.

Een landingspagina is normaal de snelste pagina van een site, of dat zou ze moeten zijn, want ze heeft geen navigatie, geen blogoverzicht en geen widgets van derden die uit het hoofdsjabloon zijn meegekomen. Is een landingspagina traag, dan ligt de oorzaak vrijwel altijd bij trackingscripts en een te grote koptafbeelding, niet bij het ontwerp.

Het gezamenlijke onderzoek van Google en Deloitte, Milliseconds Make Millions, mat 8,4 % meer mobiele conversie in retail bij 0,1 seconde kortere laadtijd. Tienden van seconden zijn geen afrondingsfout zodra u verkeer inkoopt.

In de praktijk betekent dit één koptafbeelding in een modern formaat, lettertypen lokaal geladen en een harde grens aan tags. De meeste pagina's die wij doorlichten dragen vier tot zes analytics- en marketingscripts, waarvan er twee daadwerkelijk door iemand gelezen worden.

Bewijs werkt als het concreet is, toe te schrijven aan iemand, en naast de vraag staat. Een genoemde persoon van een herkenbaar bedrijf die vertelt wat er veranderde, geplaatst naast de knop, werkt. Een rij grijze logo's in de voettekst niet, want daar is de beslissing al gevallen en niemand weet of het klanten, partners of stockmateriaal zijn.

De sterkste voorbeelden zetten één bewijs boven de vouw en één direct naast het formulier. Geen acht referenties in een carrousel waarvan niemand voorbij de eerste dia komt.

Cijfers verslaan bijvoeglijke naamwoorden, hier zoals overal. "Offertetermijn van negen dagen naar twee" wekt meer vertrouwen dan "uitstekende service, aanrader", en het overleeft vertaling naar andere talen zonder betekenisloos te worden.

Er bestaat een rangorde die de moeite van het kennen waard is. Een genoemde klant met een cijfer verslaat een genoemde klant zonder cijfer, die verslaat een anoniem citaat, dat verslaat een logomuur, en de logomuur verslaat niets, maar net. Heeft u één echte casus, zet die dan naast het formulier en verwijder de carrousel. Ons werk aan conversieoptimalisatie van landingspagina's beschrijft hoe u test welk bewijs de pagina draagt.

De prijs van een landingspagina hangt af van hoeveel denkwerk erin zit, niet van hoeveel pixels er verschoven worden. Een sjabloon ingevuld met uw tekst is één ding. Een pagina gebouwd vanuit uw aanbod, uw verkeersbron en een testplan is iets anders, en in dat verschil zit vrijwel het hele conversieverschil.

De bandbreedtes hieronder zijn wat wij offreren en wat er op de Europese markt gevraagd wordt. Ze gaan ervan uit dat teksten worden aangeleverd of binnen de opdracht geschreven, en dat is de grootste losse variabele. Onze dienst voor landingspagina's publiceert de bandbreedtes om dezelfde reden waarom wij ze hier noemen: een prijs die pas na het gesprek komt, is een prijs die bedoeld is om te verankeren.

Nog één cijfer voordat u een bandbreedte kiest. Betaald verkeer kost hetzelfde of het nu op een goede of op een zwakke pagina landt, dus het paginabudget hoort afgezet tegen de maandelijkse advertentie-uitgaven en niet tegen de prijs van een website. Bij 3.000 € per maand aan advertenties verdient een pagina die van 4 % naar 6 % gaat een bouw van 5.000 € binnen een kwartaal terug.

Kopiëren gaat op een specifieke en voorspelbare manier mis: de opmaak komt aan zonder het aanbod dat haar rechtvaardigde. Een lange scrollpagina met zes bewijsblokken slaat ergens op bij een jaarcontract van 15.000 € en oogt wanhopig bij een download van 19 €. De pagina erft een vorm die het bezwaar van iemand anders oploste.

De tweede misser is het kopiëren van een pagina die zelf nooit getest is. Het meeste dat rondgaat in inspiratiegalerijen is gekozen door ontwerpers omdat het goed staat in een raster, niet door iemand die de cijfers zag. Awardjury's en kopers beoordelen niet hetzelfde.

De derde is kopiëren over markten heen zonder de vraag opnieuw te toetsen. Vertrouwenssignalen zijn lokaal. Een Duitse pagina draagt zonder aarzeling een Impressum en een telefoonnummer, een Nederlandse mag minder vragen omdat iDEAL het betaalvertrouwen al regelde, en een Franse pagina moet de prijs doorgaans eerder noemen dan haar Engelse tegenhanger.