De eerste indruk is 94% design-gerelateerd. Dit betekent dat wanneer de eerste ervaring met jouw merk plaatsvindt op een verwarrende landingspagina, potentiële klanten misschien niet blijven hangen. Sterker nog, 38% van de gebruikers verlaat een website wanneer het ontwerp als onaantrekkelijk wordt ervaren.
De waarheid is dat soms zelfs de grootste merken ter wereld een tegenvallend ontwerp van landingspagina's hebben. Het is een veelvoorkomend probleem, maar je kunt het oplossen door je landingspagina te ontwerpen op basis van een diepgaand inzicht in je doelgroep.
Hieronder leer je van experts hoe je betere landingspagina's kunt ontwerpen die prospects omzetten in klanten, compleet met 20 inspirerende voorbeelden van merken die het ontwerpen van landingspagina's perfect onder de knie hebben.
Wat maakt een landingspagina-ontwerp effectief?
Het ontwerp van een landingspagina volgt meestal dezelfde structuur, maar er zijn bepaalde elementen waar goed presterende pagina's meer aandacht aan besteden.
Inhoud boven de vouw
De "vouw" is de ruimte op een webpagina die zichtbaar is zonder te scrollen, en deze verschilt op basis van het apparaat dat iemand gebruikt zoals een desktop, tablet of mobiel apparaat, die allemaal variëren in schermgrootte. Over het algemeen ligt de vouw op 600 pixels van de bovenkant van een browservenster.
Niet al je bezoekers van de landingspagina zullen onder de vouw scrollen. Sterker nog, de meerderheid van de sitebezoekers zal waarschijnlijk helemaal niet scrollen.
Richt je op de informatiestroom over de hele landingspagina in plaats van alleen te ontwerpen voor boven en onder de vouw; in principe alles wat een gebruiker kan zien op je landingspagina zonder naar beneden te scrollen.
Tekst op de landingspagina
Tekst op een landingspagina bestaat uit de woorden op de pagina, waaronder productbeschrijvingen, call-to-actions, koppen en je meta-titel en -beschrijving. Gebruik een gedurfde, probleemgerichte kop om je landingspagina te beginnen.
Denk na over het woordgebruik van de klant bij het schrijven van de tekst voor je landingspagina. Doorzoek reviews en sociale media en verwerk de woorden en zinnen die jouw publiek gebruikt in je tekst.
Vergeet niet om voordelen te benadrukken in plaats van kenmerken. Als je landingspagina bijvoorbeeld een waterdichte telefoonhoes promoot, praat dan over hoe mensen foto's kunnen maken terwijl ze zwemmen terwijl je de IP-waterdichtheid benadrukt.
Tenslotte is overtuigende tekst geschreven met je merkstem in gedachten. Consistentie is essentieel, zelfs als het gaat om gerichte promoties en campagnes.
Beelden en kleurenschema
Houd rekening met kleuren en lettertypen bij het ontwerpen van je landingspagina en laat genoeg ruimte over voor goed geplaatste afbeeldingen. Veel bedrijven beginnen met de tekst van hun landingspagina en ontwikkelen vervolgens de visuele elementen om synergie tussen de twee te waarborgen. Vergeet niet dat naast productfoto's, visuele elementen ook illustraties en video's kunnen zijn.
Klantbeoordelingen
Een van de kleinste, maar meest impactvolle aanpassingen die Ezra Firestone, oprichter van Smart Marketer en medeoprichter en CEO van BOOM! by Cindy Joseph, maakte op de koopboxen van zijn eigen Shopify-winkel was het toevoegen van klantbeoordelingen bovenaan de box in plaats van de productnaam.
Zo ziet dat eruit:
Zie hoe de klantbeoordeling gemakkelijk te lezen is, wat sociale bewijskracht toevoegt om bezoekers te overtuigen om een aankoop te doen.
Zie hoe de klantbeoordeling gemakkelijk te lezen is, wat sociale bewijskracht toevoegt om bezoekers te overtuigen om een aankoop te doen.
Het opnemen van een citaat bovenaan de landingspagina bouwt vertrouwen op, laat mensen niet zoeken naar beoordelingen en laat jouw klanten voor jou spreken. Zorg er wel voor dat je citaten kiest die direct ingaan op een voordeel of pijnpunt dat elk product oplost.
Overweeg daarnaast om een hele sectie aan je klantbeoordelingen te wijden, zodat shoppers de perspectieven van echte mensen die jouw producten hebben gekocht kunnen lezen. Zorg ervoor dat je ook een paar negatieve en gemiddelde beoordelingen laat zien, zodat anderen een compleet beeld krijgen van wat mensen leuk vinden en wat niet.
Call-to-action
Elke landingspagina heeft een call-to-action (CTA) nodig om effectief te zijn. Jouw landingspagina-ontwerp moet gebruikers aanzetten tot de actie die je wilt dat ze ondernemen. Afhankelijk van je landingspagina kan de CTA iets zeggen als “Meer informatie,” “Koop nu,” of “Schrijf je in”. Je kunt hier ook prijsinformatie opnemen, indien relevant.
Als je twijfelt over de plaatsing van de CTA, houd dan in ieder geval rekening met wat jouw publiek nodig heeft. Je bepaalt dit op basis van het testen van de plaatsing om te zien wat een betere conversieratio oplevert. Over het algemeen wil je een CTA boven de vouw hebben en ook verspreid over de hele landingspagina, afhankelijk van hoe lang de pagina is.
20 voorbeelden van landingspagina-ontwerpen
- LUSH Cosmetics
- Netflix
- Brightland
- Olipop
- Path
- Grind
- Creatorpreneur Academy
- Jolie
- Ahrefs
- Tabs
- Peepers
- ConvertKit
- Jones Road Beauty
- BEAM Content
- Basecamp
- Maev
- Money with Katie
- Creator Wizard
- Descript
- Shopify POS
1. LUSH Cosmetics
Certificaties zijn belangrijk voor shoppers, en sommigen zullen zonder certificaties geen aankoop doen. De ‘Leaping Bunny’, ‘GMO-vrij’, of gecertificeerde ‘B Corp’ status zijn drie voorbeelden. Als je voor iets gecertificeerd bent, gebruik het dan in je landingspagina-ontwerp.
LUSH Cosmetics gebruikt deze benadering in het ontwerp van hun landingspagina. Onderaan hun “plasticvrije” pagina zien klanten de kernwaarden van het merk, waaronder het feit dat de producten 100% vegetarisch, handgemaakt en niet op dieren getest zijn.
LUSH benadrukt zijn waardepropositie in de voettekst van zijn landingspagina.
2. Netflix
Netflix wordt beschouwd als een pionier in de abonnements-industrie. Met meer dan 260 miljoen betalende abonnees in meer dan 190 landen, weet Netflix het een en ander over landingspagina-ontwerpen die mensen overhalen zich te abonneren.
Neem bijvoorbeeld het ontwerp van hun landingspagina voor cadeaubonnen. Er zijn twee eenvoudige call-to-actions (of je de kaart via Netflix of op Amazon wilt kopen) en een kleine uitleg over hoe de cadeaubon werkt. Het is kort, krachtig en biedt alle informatie die een klant moet weten voordat hij koopt.
Netflix heeft een korte en krachtige landingspagina ontworpen om cadeaubonnen te verkopen.
Netflix heeft een korte en krachtige landingspagina ontworpen om cadeaubonnen te verkopen.
3. Brightland
Heb je ooit in de krant gestaan? Het tonen van media logo's op je landingspagina's met citaten uit de artikelen is wat Nik Sharma, CEO van Sharma Brands, een 'brag bar' (een ‘opschep-strook’) noemt. Die publicaties voegen geloofwaardigheid toe aan je merk; het vermelden ervan doet veel voor shoppers die op zoek zijn naar meer informatie.
Brightland verkoopt bijvoorbeeld extra vierge olijfolie uit Californië. Het heeft positieve waardering ontvangen van publicaties zoals The New York Times en The Wall Street Journal, en Brightland gebruikt deze dan ook in hun voordeel in het ontwerp van hun landingspagina.
Brightland heeft positieve waardering ontvangen van veel publicaties en benut die pers in zijn brag bar.
4. Olipop
Olipop verkoopt gezondere frisdranken vol plantaardige ingrediënten en prebiotica ter ondersteuning van een gezonde darmflora. Het merk gebruikt voordelen-gedreven tekst om direct bezwaren aan te pakken (“Maar hoeveel suiker heeft de frisdrank?”) en positioneert de drank als een oplossing voor de dorst van fervente frisdrankdrinkers die op zoek zijn naar een manier om te stoppen.
Olipop heeft een leuk en funky ontwerp voor de landingspagina.
Je zou deze ideeën voor landingspagina-ontwerpen zelf kunnen gebruiken, zoals duidelijke, gedurfde tekst, gedetailleerde productinformatie (bij scrollen), ster-beoordelingen voor geloofwaardigheid, een kleine kop die de pagina niet domineert, een intuïtieve en gemakkelijk te navigeren lay-out en geweldige productfotografie.
5. Path
Path is een virtuele fotobewerkingsstudio met een Shopify-winkel. Hun kernactiviteiten zijn het bewerken van productfoto's. Een van de kanalen die zij gebruiken om verbinding te maken met potentiële klanten is e-mail. Path heeft een speciale landingspagina om inschrijvingen voor de nieuwsbrief te stimuleren.
Path gebruikt een speciaal landingspagina-ontwerp om inschrijvingen voor de nieuwsbrief te stimuleren.
Je kunt zien dat de pagina duidelijk gericht is op het doel (het stimuleren van abonnementen) en niet veel afleiding biedt die dat doel in de weg staat. De pagina is niet gemakkelijk toegankelijk vanaf de website van het bedrijf, maar kan gerichte campagnes ondersteunen die nieuwsbriefinschrijvingen naar deze landingspagina leiden.
6. Grind
Grind is een koffiemerk dat verkoopt via een online winkel en via koffiehuizen. Het heeft een landingspagina waar ze het hele verhaal over duurzaamheid vertellen: één van de kernwaarden en onderscheidende kenmerken van dit merk.
Wat vooral geweldig is aan het ontwerp van deze landingspagina is het gebruik van visuele elementen. Er is een scrollbalk net boven de vouw, kleurgecodeerde knoppen die mensen helpen naar het gedeelte te navigeren waar ze het meest geïnteresseerd in zijn en pakkende ondertitels die de vocabulaire van de doelgroep gebruiken, zoals “Wij nemen koffie serieus”.
Grind toont zijn merkwaarden in deze scrollende carrousel.
7. Creatorpreneur Academy
Digitale producten kunnen prijzig zijn; mensen hebben veel informatie nodig voordat ze zich aan een grotere aankoop verbinden. Creator Ali Abdaal heeft de ideale landingspagina voor dit doel ontworpen: een pagina die noodzakelijke informatie biedt op een manier die niet overweldigend is voor bezoekers.
Het eerste wat iemand ziet wanneer ze deze landingspagina bezoeken, is de kop: “Schaal je creatieve bijverdienste naar het volgende niveau.” Het speelt in op een uitdaging en doelstelling die moet resoneren met de doelgroep. Als iemand meer over de cursus wil leren zonder tekst te lezen, kan deze persoon de YouTube-video bekijken die het in meer detail uitlegt.
Bezoekers van de landingspagina kunnen deze video boven de vouw bekijken.
8. Jolie
Het primaire doel van een landingspagina is om iemand een actie te laten ondernemen. In het geval van e-commerce betekent dit niet altijd dat je landingspagina-ontwerp zich moet richten op de kenmerken en voordelen van wat je verkoopt.
Neem bijvoorbeeld Jolie, een merk dat waterfiltratie systemen verkoopt. Zij hebben een landingspagina ontworpen rond een waterrapport; een manier voor mensen om te zien welke chemicaliën in hun water zitten.
De pagina praat over de gevaren van bepaalde chemicaliën en hun impact op onze huid en ons haar. Zodra mensen deze informatie weten, wordt het probleem urgenter en dringender, waardoor ze eerder geneigd zijn de rapportage via een van de inschrijfformulieren op de landingspagina in te vullen.
9. Ahrefs
Je hebt geen speciale ontwerp-skills nodig om een hoog-converterende landingspagina aan te passen. Neem Ahrefs, bijvoorbeeld, een SEO-tool die aparte landingspagina's heeft voor hun belangrijkste functies en gebruiksgevallen.
Het ontwerp van de landingspagina voor hun zoekwoordenonderzoek-tool heeft kleine illustraties die belangrijke punten in tekstblokken opsplitsen. Er is ook een klein Ahrefs-logo in de lijnbreuken; een slimme manier om merkconsistentie en logoherkenning te versterken zonder de volledige versie in te voegen.
10. Tabs
De ingrediënten-pagina van Tabs is een meesterwerk in hoe je sociale bewijskracht in je landingspagina-ontwerpen kunt verwerken. Het heeft een roze aankondigingsbalk die opvalt tegen het monochrome ontwerp om een geld-terug-garantie te promoten, duizenden vijf-sterren beoordelingen en meer dan 200.000 tevreden klanten.
Dit landingspagina-ontwerp laat ook een vijf-sterren beoordeling zien onder de belangrijkste CTA-knop, wat het idee versterkt dat klanten in goed gezelschap zijn als ze hun eigen chocolade kopen. Deze plaatsing is strategisch: het is waarschijnlijk het laatste wat iemand ziet voordat ze op de CTA-knop klikken.
11. Peepers
De productbeschrijving op je landingspagina-ontwerp is een beknopte tekst die onmiddellijk duidelijk maakt wat je product eigenlijk is. Je hebt verderop op de pagina meer ruimte om details te geven die aankoopbezwaren kunnen wegnemen bij een klant.
De brillenwinkel Peepers gebruikt deze tactiek. Boven de vouw is er een overvloed aan productafbeeldingen en hieronder vind je details en een beschrijving die alle voordelen van het kiezen van een Peepers-lens opsomt.
12. ConvertKit
Hoewel het een goed idee is om een klein aantal complementaire kleuren op je landingspagina te gebruiken, toont ConvertKit aan hoe je tinten en schaduwen kunt gebruiken om meer variatie te krijgen, zonder al te veel af te wijken van je stijlgidsen.
Wat geweldig is aan dit landingspagina-ontwerp is het gebruik van witruimte. In plaats van het gedeelte boven de subkop leeg te laten, heeft de ontwerper van ConvertKit handgeschreven notities toegevoegd voor de bezoeker. Het is een slimme toepassing van micro-copy (en een mooi staaltje ontwerp-inspiratie) dat bezoekers van de landingspagina helpt om een gevoel van de merkpersoonlijkheid te krijgen.
ConvertKit gebruikt handgeschreven notities om de witruimte te maximaliseren.
13. Jones Road Beauty
Sommige schoonheidsmerken hebben moeite met retouren bij het verkopen van cosmetica online. Kleuren zien er anders uit op een computerscherm dan in het echt. Jones Road Beauty lost dit probleem op met quizzen die mensen helpen de juiste kleur te vinden.
Het ontwerp van de landingspagina voor de quizzen van Jones Road Beauty is eenvoudig en direct. Het gaat tegen de beste praktijk in om slechts één CTA op te nemen, maar het doet geweldig werk in het uitleggen van de beschikbare quizzen, hoe ze worden gebruikt en hoe je ze kunt maken. Er is zelfs een kleine sterbeoordeling onder de quiz-kop om te benadrukken dat de quiz goed werkt om het probleem van verkeerd gekochte make-up op te lossen.
Zo overtuigt Jones Road Beauty mensen om hun quiz te doen.
14. BEAM Content
Net zoals je tekst je merkstem moet volgen, moeten beelden, lettertypen en kleuren dit ook doen. Hoewel je misschien meer ruimte hebt voor creativiteit bij het ontwerpen van landingspagina's, is het nog steeds belangrijk om een gelijkwaardige merkervaring te bieden in al je marketingkanalen.
BEAM Content is een geweldig voorbeeld van een landingspagina-ontwerp om inspiratie uit te putten. Het bureau gebruikt een verfijnd kleurenpalet met grafische elementen die naadloos in elkaar overgaan. De letterkeuze is eenvoudig en elegant, met handgetekende lettertypen voor micro-copy die de aandacht vestigen op belangrijke verkooppunten.
Getuigenissen zijn een belangrijk onderdeel van landingspagina-ontwerpen. Een studie (EN) heeft aangetoond dat wanneer een pagina beoordelingen voor een duur product toont, de conversieratio met wel 380% kan stijgen.
Het probleem met getuigenissen is dat je niet kunt veranderen wat iemand heeft gezegd. Het is slecht om de woorden van iemand anders te verkorten en het aan hen toe te schrijven. Basecamp laat echter zien hoe je de meest impactvolle delen van een getuigenis kunt benadrukken om deze te laten opvallen.
16. Maev
Maev biedt geweldige inspiratie voor landingspagina-ontwerpen als je veel informatie op een visueel aantrekkelijke manier wilt presenteren.
In plaats van simpelweg de ingrediënten in hun hondenvoer op te sommen, heeft deze retailer afbeeldingen gebruikt. Mensen herkennen onmiddellijk een bosbes of boerenkool, wat weer helpt om een veelvoorkomend pijnpunt bij het online kopen van huisdiervoeding te overwinnen: visualiseren wat hun hond precies eet.
17. Money with Katie
Landingspagina's voor nieuwsbrieven hebben één duidelijk doel: iemand laten abonneren op je e-maillijst. Money with Katie, een nieuwsbrief onder het merk Morning Brew, heeft dit geperfectioneerd zonder te investeren in een uitgebreid landingspagina-ontwerp.
De hele landingspagina van Money with Katie is alleen het gedeelte boven de vouw. Er is geen noodzaak om te scrollen of de bezoeker te overweldigen met te veel informatie. De kop belooft precies wat abonnees zullen krijgen; de foto laat zien waarvoor ze zich inschrijven. Het enige wat bezoekers hoeven te doen is het inschrijfformulier in te vullen.
18. Creator Wizard
Justin Moore is een sponsor-coach die digitale producten verkoopt. Gifted to Paid is zijn premium online cursus die makers begeleidt bij het veiligstellen van sponsorovereenkomsten en het verdienen van geld met hun online content.
Gifted to Paid benoemd beide doelen door de hele landingspagina heen. Dit gedeelte geeft de bezoeker informatie over de tutorial van de cursus. Het is veel informatie om te verwerken, dus Justin heeft slimme ontwerpkeuzes gemaakt, zoals het vetgedrukt maken van belangrijke tekst en het gebruik van GIF’s om het gemakkelijker te begrijpen.
19. Descript
Koppen vragen om meer ruimte, waardoor ze een belangrijk element zijn om je op te concentreren bij het ontwerpen van je landingspagina. Op Descript’s landingspagina zijn de koppen bijvoorbeeld slim geschreven en benoemen ze subtiel het obstakel dat iemand zou kunnen hebben voordat hij koopt: Hoeveel kost het? En wat is er echt inbegrepen in een “gratis” plan?
Met zoveel prijsvariabelen is er ook een interactieve prijscalculator om mensen te laten zien hoeveel de videobewerkingssoftware kost. Het is veel boeiender dan statische inhoud en helpt het merk om op grote schaal te personaliseren.
20. Shopify POS
De Shopify-ontwerpers die de point of sale (POS) landingspagina hebben ontworpen, hadden de moeilijke taak om drie verschillende CTA's te bedienen:
- Een gratis proefperiode starten
- Praten met verkoopteams
- Inloggen op een bestaand Shopify POS-account
De kleur van de knoppen maakt hier een groot verschil. Hoogcontrast knoppen (witte tekst op een donkere achtergrond) vallen het meest op tegen het neutrale ontwerp, dus dit werd de optie voor de voorkeurs- en belangrijkste CTA: het starten van een nieuwe proefperiode.
Praten met verkoopteams kreeg dezelfde knopgrootte met de omgekeerde kleuren. De derde en minst belangrijke CTA is gewoon een klein stukje gelinkte tekst onder elke knop.
De 7 beste praktijken voor landingspagina-ontwerpen
Je hebt de aandacht van een potentiële klant gevangen en nu heb je een paar seconden om te delen wat jouw merk en producten uniek maakt. Het is een behoorlijke opgave om dat over te brengen in een paar woorden of afbeeldingen; dit is nog moeilijker wanneer een prospect weinig context heeft over jouw merk.
Hoewel de prestaties van veel factoren afhankelijk zijn, kan een eenvoudig landingspagina-ontwerp helpen om mensen naar de informatie te leiden die ze moeten zien. Als ze niets anders meekrijgen, wat is dan in ieder geval wat je wilt laten resoneren?
- Houd rekening met de informatiestroom
- Optimaliseer je koopbox voor conversie
- Richt je op op visuele elementen
- Gebruik een responsief ontwerp
- Analyseer verkeer en gebruikte apparaten
- Test je ontwerpen voor landingspagina's
- Prioriteer UX-onderzoek
1. Houd rekening met de informatiestroom
Ongeacht wat het beste werkt voor jouw klanten, wil je altijd nadenken over het soort tekst en content dat je bovenaan elke landingspagina plaatst. Maar om al je content in het bovenste deel te passen kan averechts werken en resulteren in een rommelige ervaring voor de gebruiker.
“Marketeers zouden minder moeten denken aan ‘boven de vouw’ en veel meer aan de algehele hiërarchie van informatie en content op de landingspagina,” zegt CRO-consultant Michael Aagaard(EN).
Stel jezelf de volgende vragen terwijl je je landingspagina's bouwt. De antwoorden hangen af van je begrip van de algehele gebruikersreis van je doelgroep en de rol die je wilt dat de landingspagina speelt.
- Beantwoord je de juiste vragen en pak je de juiste koopbarrières aan?
- Beheer je de verwachtingen en volg je de beloften die in de advertentie zijn gemaakt?
- Lever je de inhoud in de juiste volgorde en bouw je momentum op naar het conversiedoel?
2. Optimaliseer je koopbox voor conversie
De koopbox is een klein gedeelte van elke landingspagina dat een grote impact moet maken. Ezra noemt het het belangrijkste onderdeel van je product-landingspagina's. Het is een letterlijke box op de pagina met een geoptimaliseerde set conversie-elementen, waaronder een koopknop.
Wanneer je een pagina over het algemeen op een desktop bekijkt, omvat de koopbox een afbeeldingcarrousel met foto's van het product aan de linkerkant en je samenvatting, verkooptekst, prijs, beoordelingssterren, koopknop en unieke verkoop-propositie onder de knop aan de rechterkant.
“De meeste bedrijven hebben geen verkooptekst in de koopbox, ze hebben geen sociale bewijskracht in de box, ze hebben geen unieke verkoop-proposities en afbeeldingsformaten onder de ‘Voeg toe aan winkelwagentje’-knop, en de productcarrousel bevat afbeeldingen die er niet goed uitzien,” zegt Ezra. “De koopbox is alles.”
Er zijn een paar sjabloon-elementen die ruimte maken voor jouw tekst en afbeeldingen om echt te schitteren. Een goed geoptimaliseerde koopbox omvat wat Ezra “conversie-activa stapeling” noemt. Hier is een voorbeeld van hoe dat eruit zou kunnen zien op een desktop:
3. Richt je op visuele elementen
De afbeeldingen die je van je producten maakt, zijn waarschijnlijk het enige dat potentiële kopers te zien krijgen wanneer ze een aankoop overwegen. Breek de informatie op je ontwerp van de landingspagina met andere elementen zoals:
- Opsommingstekens of genummerde lijsten
- Logo's of graphics
- Afbeeldingen
- CTA-knoppen
- Beoordelingen
- Video-getuigenissen
In het geval van e-commerce zijn afbeeldingen die het product in dagelijks gebruik weergeven onmisbaar. Zodra je fotografie niet volledig vastlegt hoe geweldig je producten zijn, is het erg moeilijk voor klanten om zich hetzelfde voor te stellen.
4. Gebruik een responsief ontwerp
Je ontwerpt je landingspagina waarschijnlijk op een laptop of computerscherm, maar de realiteit is dat niet iedereen landingspagina's bekijkt op een desktop. Ongeveer de helft van al het internetverkeer gebeurt vanaf een smartphone. Een responsief ontwerp past zich aan om je landingspagina geschikt te maken voor ieder apparaat.
Gebruik je websitebouwer om te bepalen hoe afbeeldingen en CTA's worden weergegeven op zowel desktop als mobiel om ervoor te zorgen dat ze voor beiden zijn geoptimaliseerd. Andere tips voor een responsief websiteontwerp zijn onder andere:
- Het gebruik van uitklapmenu's
- De kleinere details afhandelen om een soepele ervaring te garanderen
- Gebruik een afbeelding-compressor zoals TinyPNG om de afbeeldingsgrootte te verlagen voor snellere laadtijden
- Vermijd video-autoplay
- Gebruik grote, vinger-vriendelijke knoppen
5. Analyseer verkeer en gebruikte apparaten
Je landingspagina ontwerpen op basis van het apparaat waarmee iemand winkelt, is een goede manier om je conversie-onderzoek te beginnen.
Als de meeste van je klanten op een mobiel apparaat naar je website komen, wil je je landingspagina's optimaliseren voor een geweldige mobiele ervaring. Of als je leert dat je shoppers de voorkeur geven aan een desktop, dan wil je een landingspagina ontwerpen die de desktop ervaring verbetert.
Nik Sharma van Sharma Brands raadt aan om nog dieper in dat verkeer te kijken om te begrijpen van welk soort platform mensen komen, of het nu TikTok, Facebook, een blogpost of een ander kanaal is.
“Als je je pagina's niet contextueel maakt voor het platform waar ze vandaan komen, zal je bounce-percentage de lucht in schieten en je algehele platform ROAS [return on ad spend] laag blijven,” zegt hij. Dit soort contextueel luisteren leidt tot een betere algemene klantbeleving.
6. Test je ontwerpen voor landingspagina's
Als je je landingspagina's live hebt en er betekenisvol verkeer naar je site komt, kun je beginnen met A/B-testen van verschillende delen van je landingspagina-ontwerp om voor de hoogst mogelijke conversieratio te zorgen.
A/B-testen gaat echter niet alleen om het vinden van de best presterende tagline of CTA-plaatsing. Ben Labay, managing director bij Speero by CXL, merkt op: “Als je test, wil je niet testen om meningen te bewijzen, maar eerder om strategieën uit te dagen of hypothesen te testen die direct verband houden met klantproblemen of zakelijke kansen.”
Ben zegt dat tests recht evenredig moeten zijn met factoren die verband houden met het groeimodel van je bedrijf. Als je meer klanten wilt werven, je Instagram wilt monetiseren of bestaande klanten wilt behouden, moet de ervaring van de landingspagina en de testhypothesen ook mee veranderen.
7. Prioriteer UX-onderzoek
De tips voor het ontwerp van landingspagina's in dit artikel zijn succesvol geweest voor de experts die ze hebben getest en hebben verbeterd. Maar wees voorzichtig bij het implementeren van deze ontwerpelementen zonder te begrijpen hoe ze verband houden met je algehele doelen.
Weten wat jouw doelgroep nodig heeft, is de basis voor het bouwen van hoog-converterende landingspagina's.
“Hoe beter je je doelgroep begrijpt, hoe beter de landingspagina's die je ontwerpt. Laat je niet verblinden door de laatste ontwerptrends,” zegt Michael. “Zorg ervoor dat je alle basisprincipes op orde hebt en doe diepgaand gebruikersonderzoek, zodat je weloverwogen beslissingen neemt die gedrag beïnvloeden, in plaats van simpelweg pagina-indelingen aan te passen.”
Bouw mooie landingspagina-ontwerpen
Shopify heeft alle tools, apps, integraties en thema's die je nodig hebt om te beginnen met het ontwerpen van landingspagina's. Begin vanaf nul of met een sjabloon, pas het aan om bij jouw unieke merk te passen en beheer alles vanaf elke locatie.
Je kunt ook duizenden Shopify-apps doorbladeren om functies en functionaliteit voor landingspagina's toe te voegen, waardoor je conversies kunt verhogen en het meeste uit je investering kunt halen.
Veelgestelde vragen over landingspagina-ontwerpen
Wat is een landingspagina-ontwerp?
Het ontwerpen van een landingspagina bestaat uit elementen, zowel visueel als geschreven, die een webpagina vormen die is geoptimaliseerd om nieuwe klanten te converteren en herhaalaankopen aan te moedigen. Eenvoud in visuele lay-out, voordelen-gedreven tekst en hoogwaardige productafbeeldingen zijn drie van de vele leidende factoren voor overtuigende landingspagina-ontwerpen.
Hoe maak je een landingspagina?
Waaruit moet een landingspagina bestaan?
Een landingspagina bestaat meestal uit een kop, een korte inleiding, een call-to-action en een formulier voor bezoekers om hun contactinformatie te verstrekken. Het kan aanvullende elementen bevatten zoals video's, afbeeldingen, klantbeoordelingen, sociale bewijskracht en productdemonstraties.
Hoe beïnvloedt het ontwerp van een landingspagina de conversieratio's?
De gemiddelde conversieratio voor een landingspagina is 5,89%, hoewel het ontwerp kan beïnvloeden hoe dicht je bij deze benchmark komt. De beste ontwerpen voor landingspagina's zijn responsief, gebruiken visuele elementen om tekst op te splitsen, en A/B-testen voor de beste resultaten.
Moet je je ontwerpen voor landingspagina's A/B-testen?
A/B-testen betekent het maken van twee versies van je ontwerp van de landingspagina (terwijl je één kleine wijziging tegelijk aanbrengt) en het in de gaten houden van de conversieratio op iedere pagina. Dit helpt je om datagestuurde beslissingen te nemen over hoe je andere landingspagina's ontwerpt.
