Prachtige bestemmingspagina's Tips en voorbeelden

Honderden geestige artikelen zijn geschreven rond het onderwerp van bestemmingspagina's. We kennen allemaal de basisfeiten - dat dit de pagina's zijn die een bezoeker na het klikken op een banneradvertentie of een promotielink bereikt, en dat zij een cruciale marketingrol spelen door leads om te zetten in klanten voor het bedrijf. Als het echter gaat om het ontwerpen van een landingspagina, lijken de zaken veel gevoeliger te zijn dan je had verwacht na het doornemen van documentatie. Daarom hebben we er vandaag voor gekozen om een ​​verzameling voorbeelden van bestemmingspagina's ter inspiratie te delen.

Volgens een behoorlijk wetenschappelijke classificatie die je op Wikipedia vindt, vallen landingspagina's in twee hoofdcategorieën: referentie en transactioneel. Als ze referentie moeten worden genoemd, moeten pagina's informatie weergeven die zowel aantrekkelijk als relevant is voor de bezoeker (tekst, multimedia). "Transactionele" bestemmingspagina's zijn degenen die zich richten op onmiddellijke verkoop of op zijn minst in het vangen van sterke verkoopleads.

Zoals u waarschijnlijk met mij zult beamen, voldoen alle bestemmingspagina's aan beide criteria: ze informeren de bezoeker over het aanbod en zetten acties van zijn kant aan. Anders zouden we op geen enkele bestemmingspagina call-to-action nodig hebben, toch??

Wat duidelijk moet zijn voordat een bestemmingspagina op het www wordt gestart, is de aard van de actie van de gewenste bezoekers. Is het verhogen van nieuwsbriefregistraties uw doel? Ontwerp vervolgens een CTA met het bericht "Meld u nu aan voor onze nieuwsbrief". Probeer je proefaankopen te krijgen van bezoekers? Zeg het maar. Over het algemeen is het belangrijkste recept om uw bestemmingspagina zo duidelijk en verleidelijk mogelijk uit te drukken.

Tips voor het ontwerpen van een bestemmingspagina

Enkele snelle tips om mee te beginnen bij het ontwerpen van een bestemmingspagina:

1. Gebruik het AIDA-principe

Dit is een reeks gebeurtenissen die we willen laten plaatsvinden zodra een lead het platform bereikt waarop het gepromote product of de gepromote service wordt getoond. Hoofdzakelijk zijn de stappen:

1. bewustzijn - de aandacht van de bezoeker trekken
2. Interesseren - wat kan worden gewekt door de voordelen voor de klant te benadrukken
3. Verlangen - bij klanten het idee wekken dat zij willen het product of de dienst
4. Actie - klanten die het aankoopproces uitvoeren

2. Niet te veel afleiding; laat een uitweg

Het idee is eenvoudig. Als de bestemmingspagina vrijwel geen navigatieoptie bevat, met uitzondering van de CTA-knop, dwingen bezoekers hun vertrek. Denk niet dat als je geen navigatie aanbiedt, ze geen manier vinden om te vertrekken - ze zullen dit doen, misschien zelfs door de browser uit te schakelen. En deze bezoekers zullen niet terugkomen.

3. Laat het de knippertest doorstaan

Doorgaans moet een landingspagina de aandacht trekken van de bezoeker in de eerste 3 seconden na binnenkomst. Als de gast knippert en niet duidelijk kan zien wat hij op de pagina moet vinden of niet geïnteresseerd is in wat hij heeft gezien, zal hij waarschijnlijk met lege handen achteruit stuiteren.

4. Creëer geen valse verwachtingen

De bestemmingspagina moet consistent zijn met de hints van de oorspronkelijke advertentie, of omgekeerd. Bezoekers moeten op de bestemmingspagina vinden wat ze voor het eerst zijn beloofd in de advertentie waarop ze hebben geklikt.

Zoals we hebben beloofd, laten we een aantal mooi vormgegeven en effectieve bestemmingspagina's van B2B en B2C bekijken. We zullen hun sterke punten en onvermijdelijke zwakheden onderzoeken. Kijk uit voor het volgende in de onderstaande galerij: visuele communicatie, merk- en vertrouwensindicatoren, inhoudseffectiviteit, calls-to-action.

Vitrine: prachtige bestemmingspagina's

99designs

Dit is de versie van een bestemmingspagina die is gericht op ontwerpers en studenten. 99Designs heeft ook een bestemmingspagina voor de andere kant: bedrijven die ontwerpen nodig hebben. Wat deze betreft, het is zeer effectief in termen van goedkeuring (zie de gedurfde getuigenissen) en spreekt echt de taal van het publiek met cijfers en vertrouwensindicatoren (aantal leden van de gemeenschap, hoeveelheid geld die ze verdiend hebben). Let op de felrode tint van de enkele CTA-knop - dit is meestal iets om te vermijden, maar in dit specifieke geval is het niet storend, omdat het overeenkomt met de kleur van het logo.

123RF

123RF maakt een duidelijke doelverklaring op deze landingspagina met de afbeeldingsschuifregelaar en de vier mediaanvakken. U begrijpt meteen wat de service is en hoe u deze kunt gebruiken (Zoeken, Registreren, Pay-as-you-Go, Koop abonnement). De lichtgrijze achtergrond is onopvallend en legt de nadruk op de essentie, namelijk de afbeelding. Wat ik persoonlijk denk dat ze kunnen verbeteren is de lijst met stockfotografie categorieën, het is een beetje gevuld. En de CTA is een beetje te subtiel voor de aanklikbare vakken.

Favomatic

Ik ben helemaal weg van het ontwerp van deze landingspagina. Er is contrast, goede slogans in elke sectie en het brengt veel informatie zonder je te dwingen alles te lezen (het kleine lettertype doet het allemaal). Het heeft wel navigatie, maar een verticale, door te scrollen, wat het aantal bouncings aanzienlijk vermindert.

BiznessApps

Sterke call-to-action, benadrukte slogan en een indrukwekkende lijst van aanbevelingen - dit is de juiste combinatie voor een landingspagina en deze pagina heeft het. Bovendien bevat het een minimale hoeveelheid tekst en maakt het gebruik van een demovideo, omdat het een bekend feit is dat mensen de voorkeur geven aan het kijken van een korte film dan aan het lezen. De vorm is een element dat ze enigszins kunnen verbeteren. Meestal moet je eerst geven voordat je kunt krijgen, dus als in ruil voor het indienen van het formulier bezoekers gratis traktaties kunnen ontvangen, dan kan de knop "Verstuur bericht" iets zeggen als "Krijg nu je gratis spullen!"

Brusheezy

Een ander bewijs minder is meer. Deze bestemmingspagina ziet er heel netjes uit met een enkel pictogram en een prominente koptekst. Let op de twee call-to-action, bovenaan en onderaan, dit is een waterdichte methode om het bericht persistent te maken zonder de pagina te overbevolken. Het benadrukken van de voordelen voor de klanten in plaats van de functies van het product is een andere overwinnaar.

JailBreak

Deze pagina is misschien een beetje te druk, maar het is in de traditie van bestemmingspagina's voor apps. De beslissing om de pagina in segmenten onder te verdelen, maakt het echter gemakkelijk om door alle elementen te navigeren. U vindt alles wat u zoekt: functies, voordelen, getuigenissen en zelfs een garantie op een terugbetaling als u niet tevreden bent met het resultaat. De laatste is nogal riskant, omdat het vragen over de kwaliteit van de service kan oproepen en het was een goed idee om het helemaal onderaan te plaatsen

PageLines

Minimalisme is hier het sleutelbegrip. Persoonlijk vind ik dat deze pagina je niet meteen alles vertelt, maar je uitnodigt om te ontdekken. Wat ik echter niet zo leuk vind, is een video die automatisch wordt gestart (een functie die ik over het algemeen mijd), zelfs als Andrew Powers niet alleen bekwaam, maar ook knap is! Ook kan het feit dat er geen onmiddellijke CTA is een nadeel zijn voor de website.

Pico

Deze bestemmingspagina is eenvoudig maar krachtig. Het "groter dan" rode teken is zout en peper voor het algehele uiterlijk. De paragraafindeling lijkt op een krantenlay-out en is behoorlijk suggestief voor het doel van het CMS. De CTA-knoppen zijn echter een beetje te zwak en de dame in de rechteronderhoek veroorzaakt een milde distractin; met teveel verrassing op haar gezicht, lijkt het erop dat ze in staat is om een ​​zakelijke aangelegenheid te onderhandelen?

Shoeboxed

De beschrijvende lijnen voor elk van de secties zijn een voorbeeld van beschrijvend taalgebruik. U begrijpt het bericht in een fractie van een seconde, omdat uw gezichtslijn snel de eerste rij scant en bij de CTA-knop arriveert. Als je nog steeds twijfelt, is er een testimonial om te helpen, samen met sterke aanbevelingen: vertrouw je een bedrijf dat in Forbes en Tech Crunch wordt genoemd, niet? ik zou.

SquareSpace

Professioneel uitziende bestemmingspagina, dit is het. Een gedurfde slogan, CTA-knoppen die je niet kunt weerstaan ​​aan klikken en een zeer goede goedkeuring, dit is de combinatie van succes. Ik vind het ook leuk dat ze hun context van gebruik in het midden van de pagina plaatsen, met een screenshot van de manier waarop hun pagina's eruit zien en infographicachtige indicaties. De 3-elementsstructuur van de pagina is een ander sterk punt.

Opmerking van de uitgever: Dit bericht is geschreven door Laura Moisei voor Hongkiat.com. Laura heeft een bachelorgraad in Communicatiewetenschappen en besteedt de meeste tijd haar passie voor ontwerp en schrijven. Ze werkt voor 123ContactForm, een online formulier- en enquêtebouwer waarmee gebruikers prachtige formulieren voor elke webpagina kunnen maken.