Succesvolle landingspagina’s | Ontwerp & Opbouw

Een landingspagina die leads of conversies oplevert, dat willen we allemaal. Maar wat is een goede landingspagina? Een goede opbouw en aantrekkelijk ontwerp is essentieel. Ontdek hier onze tips voor succesvolle landingspagina’s.

In het kort

• Belangrijke zaken plaats je bovenaan de pagina.
• Bedenk een pakkende, duidelijke kop (en subkop).
• Belicht de toegevoegde waarde van hetgeen dat je aanbiedt.
• Krijg je websitebezoeker in beweging met een opvallende, verleidelijke call-to-action.
• Geef een duidelijke omschrijving van je aanbod, bijvoorbeeld in de vorm van features.
• Lever sociaal bewijs.

Wat is een landingspagina?

Een landingspagina is een gerichte webpagina bedoeld om (potentiële) klanten een gewenste actie te laten ondernemen. Een websitebezoeker ‘landt’ op een landingspagina omdat ze al een specifieke weg hebben afgelegd. Denk aan het zoeken naar een product op Google, het klikken op een advertentie (bijvoorbeeld via LinkedIn Ads) of een link in je nieuwsbrief.

Opbouw & Ontwerp | Hoe maak ik een goede landingspagina?

De belangrijkste zaken zet je bovenaan je pagina. Je wilt binnen enkele seconden duidelijk maken wat je aanbiedt, waarom je bezoeker dit wil hebben en wat je bezoeker hiervoor moet doen.

Als we het over landingspagina’s hebben, wordt er vaak gesproken over “above the fold”, letterlijk vertaald “boven de vouw”. De term komt uit krantenwereld; een krant wordt dubbelgevouwen. Redacteuren zetten de belangrijke zaken letterlijk boven de vouw, dus op de bovenste helft van de voorpagina van de krant. Hoewel de term voor online content ook vaak gebruikt wordt, vinden wij het hier minder passend.

In de online wereld verwijst above the fold naar het bovenste deel van de pagina dat een websitebezoeker ziet zonder te scrollen. Maar, hoeveel een bezoeker ziet zonder te scrollen hangt maar net af van het scherm waarop hij of zij je pagina bekijkt. Dit wordt mooi weergegeven in deze blog: Life, below 600PX.

Bovendien suggereert de term above the fold een beetje dat weinig bezoekers bereid zijn te scrollen en dat is niet waar. Wij, internetgebruikers, zitten inmiddels al een tijdje op ‘internetten’ en daar hoort scrollen bij. Het is dus niet nodig om je landingspagina bovenin vol te proppen met álle informatie die je wilt vertellen. Sterker nog, dit zorgt eerder voor een onoverzichtelijke information overload dan een goede eerste indruk. Dit neemt natuurlijk niet weg dat je de belangrijkste zaken wel zo snel mogelijk wilt duidelijk maken.

Pakkende kop & subkop

Een pakkende kop maakt in een paar woorden duidelijk waar je landingspagina om gaat en wekt nieuwsgierigheid. En natuurlijk zet je die bovenaan je pagina.

Ontdek hier onze tips voor een pakkende titels.

Neem bijvoorbeeld de landingspagina van Industrial Strength Marketing. De pagina richt zich op responsive websites voor B2B bedrijven. De headline is “Don’t make me zoom”. Dit vat in een paar woorden het pijnpunt van géén responsive website hebben. In de subhead wordt verder uitgelegd waar het precies over gaat.

Bron: INDUSTRIAL

(Unique) buying reason

Waarom is jouw aanbieding een musthave voor je doelgroep? Maak duidelijk wat de (unique) buying reason, of toegevoegde waarde is. Een aankoopreden hoeft niet perse uniek te zijn, maar het helpt wel. Maak de toegevoegde waarde snel duidelijk, bij voorkeur dus bovenaan je pagina.

Let op, maak niet gewoon een opsomming van de (feitelijke) features of kenmerken. Het gaat hier dus om het waarom, niet om het wat. Vind je het lastig die vertaalslag te maken? Vul dan de volgende zin in:

“[Product of dienst] is/heeft [kenmerk], zodat jij [toegevoegde waarde].”

Toen een van de eerste iPods uitkwam, wist Apple dit goed te verwoorden: “De nieuwe iPod (product) heeft 5GB geheugen (kenmerk), zodat jij 1000 liedjes in je zak hebt (toegevoegde waarde).”

Bron: LinkedIn

Het oplossen van een probleem kan ook een toegevoegde waarde zijn. Als we het voorbeeld van iPod aanhouden, zou je kunnen denken aan iets als: “Ben je het ook zat om dezelfde 10 liedjes op repeat te luisteren?”.

Call-to-action

Wat echt níét mag missen op je landingspagina is een pakkende call-to-action. De knop. Het formulier.

Een goed voorbeeld van een duidelijke call-to-action is die van Netflix. Het doel is hier duidelijk: nieuwe klanten laten registreren. Oh, en als je toevallig al klant bent, kun je wel rechts bovenin inloggen. Maar die CTA is aanzienlijk kleiner:

Bron: Netflix.com

Wat moet je websitebezoeker doen? Zorg ervoor dat het duidelijk is voor je bezoeker wat hij moet doen en hoe. De kwaliteit van je call-to-action bepaalt voor een groot deel of je klant converteert of niet. Lees hier meer over hoe je converterende call-to-actions maakt.

Op een landingspagina is het een goed idee om de call-to-action vaker terug te laten komen. Zo wordt je bezoeker extra herinnerd, ook tijdens het scrollen.

Bezwaren wegnemen

Je potentiële klant zal vrijwel altijd bezwaren voor het ingaan op je aanbod. Dit hoeft niet erg te zijn, zolang je hier maar bewust van bent. Bedenk welke bezwaren jouw doelgroep zou kunnen hebben en weerleg deze zo nodig op je landingspagina. Dit kun je doen door bijvoorbeeld de return of investment van jouw product belichten.

Pas wel op dat je een bezwaar van je potentiële klant niet wegwuift of belachelijk maakt. Erken dat dit een mogelijk bezwaar is en kom met goede argumenten waarom je aanbod tóch een goed idee is.

Features

Eerder noemden we dat je op je landingspagina moet focussen op de toegevoegde waarde van je aanbod, niet de feitelijke kenmerken of features. Dat is ook zo. Maar dat betekent niet dat je de kenmerken niet moet noemen. Je potentiële klant wilt uiteindelijk wel weten hoe het precies zit. Benoem dus wel de kenmerken van je product, alleen niet helemaal bovenaan je landingspagina. Dit wordt pas van belang als je websitebezoeker heeft besloten te gaan scrollen.

Sociaal bewijs

Sociaal bewijs is een krachtig middel om je potentiële klant te overtuigen van je toegevoegde waarde. Dit hoeft niet bovenaan je pagina, maar is wel een belangrijk onderdeel van een succesvolle landingspagina. Je kunt sociaal bewijs bijvoorbeeld leveren in de vorm van:

• Een testimonial
• Een review
• Een lijst met klanten

Sportkledingmerk Fabletics maakt hier op twee manieren gebruik van sociaal bewijs. Klanten kunnen foto’s insturen op social media via de hashtag #myfabletics, die vervolgens getoond worden op de website. Daaronder worden reviews van Trustpilot getoond:

Bron: Fabletics.nl

Betaalplatform Adyen laat hier zien dat een subtiele opsomming van klanten al een impact kan hebben:

Bron: Adyen.com

Sociaal bewijs is overigens niet de enige manier om invloed uit te oefenen op potentiële klanten. Ontdek hier de andere beïnvloedingsprincipes volgens Dr. Cialdini.

Conclusie

Dus, hoe ziet de perfecte landingspagina eruit? Natuurlijk is daar geen eenduidig antwoord op te geven, maar over het algemeen zijn er een aantal belangrijke onderdelen die niet mogen ontbreken:

• Kop (en subkop)
• Call-to-action
• Toegevoegde waarde
• Uitleg / Kenmerken / Features
• Sociaal bewijs

Een voorbeeld een landingspagina waar deze opbouw duidelijk te zien is, is die van Airbnb voor potentiële verhuurders:

Bron: Airbnb.nl