Venngage

Laten we eerlijk zijn, het herontwerpen van uw landingspagina’s is moeilijk. Maar landingspagina’s helemaal opnieuw maken is nog moeilijker.

Welke soort landingspagina’s zijn het meest geschikt voor uw branche? Wat voor soort landingspagina moet u maken voor een specifieke use case? Hoe bereik je de delicate balans tussen geweldige landing page design en copy?

Vertrouw me, ik ben er geweest en ik had dezelfde vragen. Wat me in dit soort situaties het meest heeft geholpen, is naar buiten kijken voor inspiratie.

In deze gids gaan we enkele van de beste landingspagina-voorbeelden delen die we online hebben gevonden, verspreid over meerdere industrieën en gebruikssituaties.

Dit is wat deze gids zal behandelen (klik om verder te gaan):

1. Software Landing Page Examples
2. Product Landing Page Examples
3. Ecommerce Landing Page Examples
4. App Landing Page Examples
5. Coming Soon Landing Page Examples
6. Consulting en Agency Landing Page Voorbeelden
7. Ebook Landing Page Voorbeelden

We hebben ook een aantal van onze landingspagina templates erin gestrooid, zodat u meteen kunt beginnen met het maken van uw eigen landingspagina’s!

Op zoek naar inspiratie om uw landingspagina te herontwerpen? Dan bent u bij ons aan het juiste adres.

Hoe gebruikt u onze landingspagina sjablonen?

Er zijn tal van manieren waarop u onze landingspagina sjablonen kunt gebruiken. Hier zijn er drie van:

1. Mockup voor uw eigen landingspagina: Communiceren hoe uw landingspagina’s eruit moeten zien met ontwerpers of ingenieurs kan lastig zijn, tenzij u een landingspagina mockup maakt om uw ideeën te visualiseren en te communiceren.
2. Werf financiering voor uw startup: Uw startup heeft misschien nog geen homepage, maar dat betekent niet dat u geen geld kunt inzamelen. Een zelfgemaakte landingspagina mockup opgenomen in uw beleggersdeck kan uw idee tot leven brengen en investeerders overtuigen om u te steunen.
3. Win nieuwe klanten voor uw bureau: Wilt u meer deals sluiten en meer verkopen maken? Focus op tonen, niet vertellen. Pas een landingspagina sjabloon aan om klanten te laten zien hoe hun nieuwe landingspagina eruit zou kunnen zien als ze met u werken. Voeg het bij uw voorstel of zakelijke pitch-deck.

Deze landingspagina voor e-commerce is bijvoorbeeld geoptimaliseerd voor het stimuleren van de verkoop en kan worden gebruikt als mockup voor uw uiteindelijke landingspagina:

CREËER DEZE TEMPLATE

Dit is echter maar één gebruikscasus. U kunt ook landingspagina’s maken om:

• websitebezoekers om te zetten in proefaanmeldingen voor uw software.
• bezoekers over te halen uw mobiele app te downloaden.
• uw digitale en fysieke producten online te verkopen.
• een nieuw bedrijfsidee te valideren voordat u besluit er helemaal voor te gaan.
• Genereer nieuwe leads voor uw bureau of consulting business.

Laten we er meteen induiken.

Software landing page voorbeelden

Stripe software landing page

Als het gaat om software landing pages, ben ik met stomheid geslagen door Stripe’s recente landing page redesign.

Stripe is een van de grootste startups op het gebied van financiële diensten op deze planeet, die er prat op gaat drie dingen heel goed te weten: financiën, technologie en design.

En hun voorliefde voor een goed ontwerp en gebruikerservaring komt tot uiting op deze landingspagina van de software:

Bron

Om helemaal objectief te zijn: het ontwerp van hun landingspagina heeft veel mooie toeters en bellen.

Ik heb het over de gradiëntanimatie die van invloed kan zijn op de paginasnelheid en de batterij, slechte leesbaarheid van de tekst, onduidelijke en kleine call-to-action (CTA), enz.

Uw landingspagina’s met software zouden geen toeters en bellen mogen hebben. Mijn advies? Hou het simpel.

Monday sign up landing page

Over het onderwerp van het simpel houden, minimalistisch landingspagina-ontwerp is tot nu toe een van de meest populaire grafische ontwerptrends in 2020.

Wie beter om als voorbeeld te laten zien dan Monday? Hun landingspagina voor inschrijvingen is strak, minimalistisch en een lust voor het oog:

Bron

Bonuspunten voor de moeilijk te missen rode CTA’s en de automatisch scrollende use-cases in de heldensectie die alle manieren laten zien waarop teams en afdelingen Monday kunnen gebruiken.

Venngage software landingspagina sjabloon

Als je bent zoals ik en je hield van hoe Monday hun landingspagina ontwerp benaderde, heb ik een soortgelijke software landingspagina sjabloon voor je.

De software landing page hieronder is georganiseerd, minimalistisch, en gemakkelijk te lezen. Perfect als u een startup bent die een eenvoudige en gebruiksvriendelijke software aanbiedt.

Ga uw gang en bewerk deze software landing page template nu:

CREËER DEZE TEMPLATE

Product landing page voorbeelden

TransferWise interactieve landing page

Een ander financieel dienstverlenend bedrijf op deze lijst? Wat kan ik zeggen, Transferwise’s kijk op de traditionele product landing page was te goed om te negeren.

Transferwise is snel uitgegroeid tot een van de gemakkelijkste manieren om geld naar het buitenland te sturen en te ontvangen en hun interactieve productlandingspagina is wat mij ook klant heeft gemaakt:

Bron

Je kunt niet echt fout gaan met een live valutacalculator die in beide richtingen werkt en zowel de uitsplitsing van de conversie als de kosten op een no-nonsense manier laat zien.

De kicker? Hun productlandingspagina heeft meerdere CTA’s die erop gericht zijn om u te informeren, vertrouwen en geloofwaardigheid te vestigen, en het belangrijkste: u te verleiden om u aan te melden.

Als u al overtuigd bent, hoeft u alleen nog maar op “aan de slag” te klikken. Wilt u meer weten? Klik op de knop “zien wat we allemaal over” en een explainer video zal pop up.

Aan het eind van de dag, hun doel is om onbekende bezoekers om te zetten in registers. Dus de grote, vetgedrukte en groene CTA staat altijd centraal.

Zoals ik al eerder zei, raad ik aan uw productlandingspagina’s eenvoudig te houden.

Uw middelen kunnen beter elders worden besteed (zoals het uitzoeken van uw online marketingstrategie). Vooral als je een klein tot middelgroot bedrijf bent of net begint.

Astra productlandingspagina

Ik ben in mijn tijd als marketeer veel voorbeelden van productlandingspagina’s tegengekomen, maar onlangs stuitte ik toevallig op de landingspagina van Astra. Ik wist meteen dat dit de beste productlandingspagina was die ik in tijden heb gezien.

Maar waarom? Om te beginnen, hun kop is intrigerend en richt zich op een pijnpunt waar alle website-eigenaren mee te maken hebben. Hun volgende subkop schildert een “wat-als” scenario dat verder agiteert deze pain.

Astra concludeert met een CTA die hen positioneert als een oplossing gericht op het helpen van elke website-eigenaar beveiligen van hun website in drie minuten die zowel hyper-specifieke en tijdgebonden zijn.

Niet alleen dat, maar ze hebben ook de grootste bedrijven die Astra gebruiken op een rijtje gezet om potentiële klanten te verzekeren dat ze zich in goed gezelschap bevinden:

Bron

Venngage product landing page template

Hier is een echte product landing page template die onze ontwerpers hebben bedacht en waar je zelf aan kunt sleutelen en die je naar wens kunt aanpassen.

Deze landingspagina-sjabloon wordt geleverd met alle standaardelementen, zoals de heldensectie, hoe het werkt, meerdere CTA’s en sociaal bewijs in de vorm van getuigenissen van klanten.

Als u enige vorm van software of een fysiek product verkoopt, is deze veelzijdige productlandingspagina-sjabloon uw beste gok:

CREËER DEZE TEMPLATE

Pro Tip: Maakt u zich zorgen dat de ontwerpen van uw landingspagina er niet als een merk uitzien? Met onze My Brand Kit-functie kunt u uw bedrijfslogo onmiddellijk op al uw ontwerpen (inclusief onze landingspagina’s) toepassen. Importeer uw merkkleuren, logo’s en lettertypen en pas ze met één klik toe op elk ontwerp. Zo eenvoudig is het. Meer informatie over Brand Kit vindt u hier.

Ecommerce landing page examples

Casper ecommerce landing page

Een ander voorbeeld van een landingspagina die goed is ontworpen, is afkomstig van matrassenwizards Casper.

De kop maakt een gedurfde claim die de bezoeker meteen aan de haak slaat, het unique selling proposition is verleidelijk en het gebruik van populaire mediahuizen als sociaal bewijs maakt hun aanbod geloofwaardiger.

Al met al maakt de eenvoudige structuur, het elegante ontwerp en de overtuigende boodschap het ontwerp van de landingspagina van Casper tot een van de beste in de e-commercesector:

Bron

Pro Tip: Als u de conversie op uw landingspagina wilt verhogen, gebruik dan sociaal bewijs in uw voordeel. Uitgelicht in TIME Magazine? Heeft u lovende getuigenissen ontvangen van invloedrijke personen? Heeft u een 5/5-beoordeling van klanten gekregen? Laat ze zien op uw landingspagina.

Dollar shave club viral landing page

Een bedrijf dat bekend staat om zijn geniale marketing die wordt ondersteund door een no-nonsense houding, het is moeilijk om te debatteren over het monumentale succes van de productlancering van Dollar Shave Club.

Hoewel het ontwerp vrij kaal is in vergelijking met de meeste e-commerce landingspagina-voorbeelden, hielp deze landingspagina in combinatie met hun virale video Dollar Shave Club aan ongeveer 12.000 nieuwe klanten in slechts 48 uur.

Talk about going viral.

De humor en authenticiteit van de virale video deden het zware werk, maar deze landingspagina voor e-commerce doet alles goed – van het vastleggen van het verkoopargument tot het briljante gebruik van sociaal bewijs:

Bron

Nagenoeg tien jaar en een overname later heeft moederbedrijf Unilever ervoor gekozen om met Dollar Shave Club de traditionele route voor landingspagina’s voor e-commerce te bewandelen:

Bron

Venngage ecommerce landing page template

Geïnspireerd door de ecommerce landing page voorbeelden hierboven, hebben we ook een landing page template gemaakt waar je nu mee kunt spelen.

Deze e-commerce landingspaginasjabloon die ik eerder heb gedeeld, heeft een stijlvolle heldensectie met een contrasterende CTA, een eenvoudig verkoopvoorstel in drie punten, en sociaal bewijs in de vorm van vermeldingen in de media en beoordelingen van klanten:

CREATE THIS TEMPLATE

App landing page examples

Hopper app landing page

Hopper is een populaire reis-app met een in-app gebruikerservaring die de beste is die ik ooit heb gehad.

Maar laten we het hier houden bij het onderwerp landingspagina’s. Hopper’s app landingspagina is eenvoudig, gemakkelijk te lezen, en gevuld met speelse pictogrammen, dromerige illustraties, en minimaal gebruik van tekst.

Wat het meest uniek is aan deze mobiele app landingspagina is het maakt niet uit of u uw desktop- of smartphonebrowser gebruikt, ze zullen u altijd doorverwijzen met een link om hun mobiele app te downloaden.

En toen ik hun mobiele app voor het eerst zag, begreep ik hun redenering:

Bron

AnyList mobiele app landingspagina

Als je goed hebt opgelet, zie je dat veel landingspagina’s voor mobiele apps minimalistisch van aard zijn, zowel qua inhoud als qua tekst.

De belangrijkste reden hiervoor is simpel: uw bezoekers zoeken uw mobiele app waarschijnlijk op hun mobiele apparaten. Met beperkte schermruimte moet je elk woord laten tellen.

De boodschappenlijstjes-app AnyList maakt het niet te ingewikkeld en volgt in plaats daarvan heel goed het traditionele app-landingspagina-ontwerp.

Minimale kopij (vaak hooguit een paar regels), een high-res afbeelding van de app in actie, gevolgd door downloadlinks naar hun apps – het kan echt niet eenvoudiger dan dit.

AnyList bewijst dat saai soms beter is als het om landingspagina’s voor apps gaat:

Bron

Venngage-sjabloon voor landingspagina’s

Om u te helpen uw app-idee tot leven te brengen, hebben we onze eigen sjablonen voor landingspagina’s voor mobiele apps gemaakt op basis van de app-landingspagina-ontwerpen die we op internet hebben gezien.

Om te beginnen is dit sjabloon voor een mobiele landingspagina voorzien van fraaie, maar visueel aantrekkelijke illustraties en meerdere, maar strategisch verspreide CTA’s:

CREËER DIT TEMPLATE

Wenst u iets veel eenvoudigers? Onze ontwerpers hebben zelfs een app-landingspagina boven de vouw gemaakt met een kop, beschrijving, app-afbeelding en downloadlinks:

CREATE THIS TEMPLATE

Coming soon landing page examples

Playdate coming soon landing page

Coming soon landing pages zijn perfect voor het aankondigen van een nieuw product of een nieuwe dienst waar je aan werkt. Ze zijn ook handig voor het valideren van nieuwe zakelijke ideeën.

Panic Inc. gebruikte een coming soon-landingspagina voor hun nieuwe product. Hun doel? Creëer een buzz rond de lancering van hun nieuwe handheld gaming console: Playdate.

Nou, dit is niet de traditionele landing page structuur die je tot nu toe hebt zien herhalen in deze post. De focus voor deze coming soon landing page is de inhoud.

Het doet me denken aan een lange verkoopbrief. Het belangrijkste verschil in het geval van Playdate is dat het meer aanvoelt als een gesprek en minder als een verkoopbrief.

En met een gestroomlijnd ontwerp van de landingspagina, prachtige productafbeeldingen en een eenvoudige CTA om op de hoogte te worden gesteld wanneer ze worden gelanceerd, is het moeilijk om te debatteren over waar alle hype over gaat:

Bron

Brainfood pre-launch app landingspagina

Hier is nog wat meer coming soon landingspagina ontwerpinspiratie voor je. Het komt van de knappe koppen achter Brainfood.

Boven de vouw, Brainfood richt zich op slechts drie elementen:

• Headline: Kernachtig en gemakkelijk te begrijpen verkoopvoorstel. Zonder de modewoorden.
• Hero beeld: De app in actie laten zien met een explainer video.
• CTA: Weggestopt rechtsboven Gebruikers uitnodigen om zich aan te melden.

Als u net als ik de dingen graag eenvoudig houdt, zult u dit coming soon-landingspaginadesign zeker waarderen:

Bron

Venngage coming soon landing page template

Zoals ik hierboven al zei, als het uw doel is om een nieuw bedrijfsidee te valideren of buzz te creëren voor uw nieuwe product of dienst, zijn coming soon-landingspagina’s uw beste gok.

Het beste deel? Omdat ze meestal net boven de vouw staan, is het maken ervan vrij eenvoudig en ongecompliceerd.

Als u probeert uw startup van de grond te krijgen, zou het verstandig zijn om eerst uw startup-idee te valideren. Anders zou je kunnen eindigen met het creëren van iets dat niemand wil.

Hier vindt u een sjabloon voor een startup-landingspagina die u kunt gebruiken om te valideren of uw idee voor een startup een ja of nee is:

CREËER DIT TEMPLATE

Kondigt u een nieuw product of een nieuwe dienst aan? Gebruik een ‘coming soon’-landingspagina om voldoende buzz op te bouwen voordat je het lanceert. Zelfs als het een reisblog is dat je vol enthousiasme hebt gelanceerd:

CREATE THIS TEMPLATE

Consulting and agency landing page examples

Rob Sobers blog landing page

Tussen de vele landingspagina’s voor persoonlijke blogs die er zijn, is degene die ik waarschijnlijk voor mezelf zal stelen afkomstig van marketingconsultant Rob Sobers. Sorry, Rob.

Bij een bezoek aan zijn website, wordt u begroet met een eenvoudige homepage. Er zijn geen opvallende toeters en bellen en deze “minder is meer”-aanpak is terug te vinden in zowel de inhoud als het ontwerp van zijn website.

Copy die anders is en toch opvalt, een eenvoudige CTA om lid te worden van zijn e-mailnieuwsbrief en een navigatiebalk met weinig poespas zijn wat ik het leukst vind aan dit voorbeeld van een landingspagina:

Bron

Pro Tip: Als je een consultant bent zoals Rob, helpt bloggen en het schrijven van e-mailnieuwsbrieven je zeker. Ik raad je ook aan te experimenteren met een paar getuigenissen van klanten en casestudy’s die laten zien welke klanten je in het verleden hebt gewonnen. Je kunt casestudy’s ook als gratis download aanbieden aan websitebezoekers in ruil voor hun e-mailadres. Later meer over het genereren van leads.

Landingspagina van Shortlist

Hoewel ik van nature een voorkeur heb voor marketinggerichte landingspagina’s, denk ik dat u het met me eens zult zijn als ik zeg dat het nieuwe ontwerp van de landingspagina van Shortlist er beter uitziet dan de meeste voorbeelden van landingspagina’s voor verkoop.

Vanuit een ontwerpperspectief zijn gedempte kleurenpaletten, creatief gebruik van kleurverlopen en kleurrijke illustraties die eruit springen wat ik leuk vind aan deze landingspagina van een bureau:

Bron

Vanuit een marketingperspectief ben ik ook fan van hun creatieve verkoopteksten, de gedurfde rode CTA en sociaal bewijs in de vorm van merken waarmee ze hebben samengewerkt.

Het komt erop neer? Optimaliseer elk afzonderlijk element van het ontwerp van uw landingspagina en u zult wegkomen met een verkoop-landingspagina die de meeste bezoekers zal overtuigen om op die grote rode “laten we praten!” knop te drukken.

Venngage agentschap landingspagina sjabloon

Als u op zoek bent om leads te genereren voor uw bureau of adviesbureau, hebt u een agentschap landingspagina nodig die niet alleen converteert, maar ook een balans bereikt tussen ontwerp en kopie.

U hebt geluk, want hier is een landingspaginasjabloon voor meer informatie die aan alle eisen voldoet:

CREËER DIT TEMPLATE

Dit landingspaginasjabloon is anders omdat het prospects vooraf om hun contactgegevens vraagt, een dwingende reden geeft om dat te doen en ook een telefoonnummer bevat, zodat prospects direct contact met u kunnen opnemen als ze vragen hebben.

Ebook landingspagina voorbeelden

Unbounce ebook landingspagina

Als er één bedrijf op deze planeet is dat een goed landingspagina-ontwerp begrijpt, zijn het onze vrienden van Unbounce.

Van de vele landingspagina’s die ik van Unbounce heb gezien, is het ontwerp van deze landingspagina voor ebooks helder en duidelijk en communiceert het alles wat je moet weten over hun ebook en waarom je het zou moeten downloaden:

Bron

Met deze landingspagina voor het vastleggen van e-mails heeft Unbounce een eenvoudig doel voor ogen: hooggekwalificeerde leads genereren door bezoekers die voor het eerst een ebook bezoeken een gratis ebook aan te bieden, in plaats van te proberen hen meteen tot klant te maken (wat zelden werkt).

Marketing voor ontwikkelaars ebook landingspagina

In dit landingspagina-voorbeeld vind ik het geweldig hoe Justin twee versies van zijn digitale product biedt: een ebook en een online cursus om zowel lezers als kijkers in zijn doelgroep aan te spreken.

Het eenvoudige ontwerp, de long-form verkoopteksten en de echte klantbeoordelingen maken deze landingspagina gemakkelijk te lezen, overtuigend en authentiek.

Niet alleen dat, in zijn explainer-video legt Justin alles over het programma beknopt uit door eerst het pijnpunt te laten zien en vervolgens zijn programma als een oplossing te positioneren.

En hoewel dit niet strikt een ebook-landingspagina-voorbeeld is, volgt het wel het standaard ebook-landingspagina-ontwerp waar ik maar al te bekend mee ben:

Bron

De echte kicker: Justin is zo overtuigd van zijn programma dat hij een gratis hoofdstuk uit zijn e-boek aanbiedt, zodat bezoekers die voor het eerst komen een deel van zijn programma kunnen ervaren voordat ze een aankoopbeslissing nemen.

Dit helpt Justin ook om sceptische kopers om te zetten in potentiële leads aan wie hij eerst echte waarde kan bieden voordat hij om een verkoop vraagt. Praat over een win-win.

Venngage e-mail capture landing page template

Zoals eerder aangegeven, kunt u leads genereren op meer dan een manier. En het proces is vrij gelijkaardig ongeacht of u een agentschap, een consultant of een softwarebedrijf bent.

Als u zich overweldigd of verward voelt, zou ik u aanraden klein te beginnen. Maak een ebook en bied het aan als een leadmagneet op je e-mail capture-landingspagina om te beginnen met het genereren van leads.

Hier vindt u een eenvoudige landingspaginasjabloon voor ebooks om u op weg te helpen:

CREËER DEZE TEMPLATE

Als u eenmaal doorhebt hoe ebooks helpen bij het genereren van leads, kunt u gaan knutselen met andere vormen van leadmagneten, zoals whitepapers, infographics en checklists.

Stel vast welk type aanbod het meeste weerklank vindt bij uw doelgroep voordat u begint met het optimaliseren van uw landingspagina. Een topman uit de Fortune 500 is bijvoorbeeld wellicht meer geïnteresseerd in een white paper dan in een checklist.

Pro Tip: ebooks, white papers en checklists zijn geweldige leadmagneten omdat ze eenvoudig te maken zijn. Als je wat tijd en middelen kunt besteden, raad ik je ook aan te experimenteren met het maken van een e-mailnieuwsbrief of een diepgravend brancherapport om leads van hogere kwaliteit te genereren. Voel je je avontuurlijk? Probeer eens een webinar te organiseren.

Uw beurt om uw beste landingspagina’s te maken

Feliciteerd, u hebt het einde van deze gids bereikt. Nu heb je een goed begrip van de beste landing page voorbeelden die de neiging hebben om te werken voor verschillende industrieën en specifieke use cases.

Zoals ik al zei, de sleutel tot het maken van landingspagina’s die converteren is om vooral de inhoud en het ontwerp goed te krijgen. Pas dan zullen de conversies volgen.

Hoe maak je je website LEESBAAR

– Gewoon > Pretentieus
– Gezichten > Illustraties
– Sociaal bewijs bij elke gelegenheid pic.twitter.com/gO4tY3LQWz

– Marketing Examples (@GoodMarketingHQ) July 16, 2020

Voordat je je landingspagina maakt, onthoud deze volgende tips:

• Keep it simple, stupid (KISS): De beste landingspagina’s die converteren zijn gemakkelijk op de ogen en gemakkelijk te lezen.
• Gebruik sociaal bewijs: Nieuwe bezoekers moeten u vertrouwen voordat ze kopen. Elimineer hun scepsis door vermeldingen in de media, citaten van beïnvloeders en getuigenissen van klanten net als zij te tonen.
• Praat als een mens: Minder “The AI Visitor Conversion Platform” en meer “How Small Brands Sell More Online” Je copy moet praten zoals een mens dat zou doen.
• Herhaal jezelf niet (DRY): Landingspagina’s hebben beperkt onroerend goed, gebruik het verstandig. Concentreer u op uw boodschap en herhaal uzelf niet om ervoor te zorgen dat u de waarde van uw aanbod effectief communiceert.
• A/B-test alles: A/B-test uw landingspagina’s regelmatig om te bepalen wat het beste werkt. Test afzonderlijke elementen zoals ontwerp, kopie, verkoopvoorstel, CTA’s, sociaal bewijs, en krijg granulaire vanaf daar.

Ten slotte, vergeet niet om cross browser testing tools te gebruiken om ervoor te zorgen dat uw landingspagina’s compatibel zijn met een aantal van de meest populaire webbrowsers en besturingssystemen.

Nu u weet hoe u uw eigen landingspagina kunt maken of uw bestaande landingspagina’s een visuele facelift kunt geven, is het tijd om actie te ondernemen.

CREËER EEN LANDING PAGE!

Wilt u meer leren? Hier vindt u nog meer marketing- en ontwerpmateriaal, speciaal voor u geselecteerd:

7 Tips voor het gebruik van afbeeldingen om landingspagina’s te maken die converteren

20+ verbazingwekkende eBook-sjablonen + ontwerptips voor beginners

Websitemarketing voor kleine bedrijven: De ultieme gids