Een conversie-georiënteerde landing pages ontwerp maken

Geschreven door

DigitalMenta

UX · 23 / 04 / 2015

We hebben gehoord voor de jaren over de user experience, bruikbaarheid, toegankelijkheid… Veel regels, trends en adviezen die we kunnen volgen wanneer we het ontwerp van een website gezicht. Maar bij het ontwerpen van een Bestemmingspagina, met een zo duidelijk en belangrijk doel als het bereiken van leads, moeten we rekening houden met een aantal belangrijke punten. Want als we het ontwerpen van een landing page en de resultaten (meetbaar, vergeleken!) zijn niet gunstig, het betekent dat iets wat we verkeerd hebben gedaan…

1. Het doel is conversie. Focus op dat doel

Het succes van een bestemmingspagina kan direct met aantallen worden gemeten. Als uw Analytics geen gunstige resultaten oplevert, wordt de bestemmingspagina niet succesvol. En terwijl er vele factoren zijn die het omzettings tarief kunnen schaden, heeft het ontwerp van de bestemmingspagina veel te doen.

Wat betekent het dat het doel is conversie?

Bij het ontwerpen van een corporate website of promotionele microsite, het belangrijkste doel kan worden branding (“merk”, zegt de mensen van marketing), zichtbaarheid of visuele impact, onder anderen. Echter, bij het ontwerpen van een landing page, het doel is conversie, meestal via een formulier.

Als de landing page ontwerp geen adres dat doel, dan is dat ontwerp is verkeerd. Het is niet langer genoeg om te voldoen aan de basisregels van web design. Nu, daarnaast, moet u uw inspanningen op de gebruiker concentreren om een vorm in te vullen en op een knoop te klikken. Die knop is, vanaf het moment dat u begint met het maken van het draadmodel, uw heilige koe. De klikken op die knop zijn uw manier om aan te tonen dat uw ontwerp geldig is.

Dus in Digital Menta We zeggen dat wat niet gemeten wordt niet kan worden verbeterd. Omdat een landing page ontwerp dat meer conversies genereert dan een ander (voor dezelfde campagne, hetzelfde product, dezelfde investering,…) is zeker beter.

Landing page-knop ontwerp

Knop ontwerp op de landing page, de heilige koe

2. Trekt de aandacht van de gebruiker om de belangrijkste punten van de landing page

Het is een fundamenteel principe van ontwerp (zowel grafisch als web). Net als wanneer u een poster ontwerp, moet u de mening van de gebruiker/lezer/peers gericht op belangrijke informatie en prioriteren alle berichten die uw ontwerp biedt.

Experts geven een aantal sleutels tot dit:

  • Spelen met de spaties. Ze zijn voorstander van een ontspannen lezing en laat te markeren en om de informatie te prioriteren. Het is niet langer de moeite waard “alles te zien zonder te scrollen”.
  • Maak een visuele rondleiding. Neem de Hero shot gebruiker naar de hoofd kop, van daaruit naar de eerste paragraaf en van daaruit naar het formulier. Gebruik de pijlen als je het nodig ziet (Eye! Je moet subtiel, niet “kracht” van de gebruiker of boos en ga met slecht gezicht…)
  • De “oproep tot actie”. Dat Heilige knop. Dat zou + 1 toe te voegen aan ons succes. Verzorgen van hem, geef hem al uw aandacht. Review alles wat je geleerd over kleur psychologie toen je studeren, want het is onze sleutel tot succes. Maak een aantrekkelijke en expliciete boodschap voor hem (“Send” is niet aantrekkelijk voor iedereen, maar, “Stuur dit formulier en ontvang tickets voor een concert in ruil” is een ander ding. Ik zou klik op een veel meer overtuigend, niet?)
  • Gebruik de kleuren in uw voordeel, niet om stress te provoceren op de gebruiker, om de informatie te prioriteren, om uw oproep tot actie te markeren…

Doe om het even wat om de gebruiker van uw bestemmingspagina te maken voelen als het klikken!

3. Sluit rechtstreeks aan uw doelgroep. Krijgen ze te identificeren met uw bericht.

Het is een kwestie van logica. Maar als je het uit het oog verliezen, je gaat verliezen Leidt.

Er zijn 3 belangrijke elementen waarmee je de aandacht en emotie van de gebruiker te krijgen:

De “Hero shot”

Het is de representatie VisualL (een beeld, een video…) van wat uw landing page biedt. Als het is, het is het belangrijkste element van de landing, het eerste wat de gebruiker zal zien. En dus moeten we de gebruiker prikkelen, krijgen hem onmiddellijk te identificeren en het gevoel dat hij in zijn omgeving, dat hij voelt is iets wat hij streeft naar. Als onze landing probeert vast te leggen geïnteresseerd in een brandbestrijding natuurlijk, gemakkelijk! Zet op een onverschrokken brandweerman. En als je gaat om investeringen in zonne-energie aan te bieden, maken de gebruiker zich ontspannen en zie een troostende zon, zoals we deden in Dit geval van succes.

Bestemmingspagina voorbeeld ontwerp

Ontwerp van de held geschoten in een landing page

De kop

Dit is iets van een kopie, maar het is niet in gedachten te houden dat het moet worden aantrekkelijk, direct en dat moet absoluut duidelijk maken de kwestie van de landing page. Dat is leesbaar, zeer leesbaar. En zichtbaar, zeer zichtbaar.

De “oproep tot actie”

Ik heb je te vertellen voor een tijdje, het is onze heilige koe. Dat is wat het succes van onze landing pagebetekent. Studie zijn kleur, grootte, locatie en bericht. En maken het uitgegroeid tot de ultieme en onvermijdelijke bestemming van de visuele reis die u hebt voorbereid.

4. Kus (Houd het kort en eenvoudig). En praat met uw gebruikers te begrijpen.

Ontwerp door landing page short

Ontwerp eenvoudig en kort door landing page

Tuurlijk u een samenvatting van de tirade dat u de klant doorgebracht in een infographic die zal vermenigvuldigen met 1000 het plezier van het bezoeken van uw landing page.

Waarom zorgen we voor de positie van het formulier, de zichtbaarheid en de relevantie van de oproep tot actie? Want het is het doel waarvoor we bouwen de landing page (bekering als religie) en een vorm is gevuld “hot”. U moet de gebruiker prikkelen om hun aandacht en rente te vangen. Veel tekst zal alleen de gebruiker uitnodigen om op de “terug” knop te klikken.

Iemand de uitvinder van de term UX Voor iets. Nooit vergeten.

Bijna (ik herhaal, bijna) zo belangrijk als de oproep tot actie zijn de krantenkoppen van de landing page.

Hoewel dit niet het bedrijf van de ontwerper, u en ik weten allebei dat je een beetje off-road.

5. Volg de resultaten van uw ontwerp en handelen dienovereenkomstig

Een landing page zal deel uitmaken van een campagne (ofwel AdWords, sociale netwerken of een actie in de supermarkt). Tijdens de duur van de campagne, als het lang genoeg is, zult u in staat zijn om de fouten die u in het oorspronkelijke voorstel te detecteren en te corrigeren door de herziening van de resultaten die de marketing mensen rapporteren aan u (of uw eigen, Off-Road vriend).

Als u een zeer laag succespercentage, is het tijd om te handelen. Kan het formulier te veel velden hebben? Wat als de Hero shot niet op te wekken of de aandacht trekken? Do User tests (Op deze website, bijvoorbeeld). En, natuurlijk, waardeer je de mogelijkheid van het uitvoeren van een A/B-TEST. Weet je waar het over gaat?

Wij hopen dat deze sleutels zullen dienen om uw bestemmingspagina’s te optimaliseren. In een volgend artikel zullen we zorgvuldiger praten over de belangrijkste elementen die een perfecte landing page hebben, die ja of Ja moet worden tot de volgende!

Digital Menta

UX · 17 / 12 / 2019

Bestemmingspagina's strategieën voor rekrutering in de onderwijs sector en dergelijke

bestemmingspaginas-strategieen-voor-rekrutering-in-de-onderwijs-sector-en-dergelijke Wanneer een student recruitment strategie is gedefinieerd en geïmplementeerd in digitale kanalen, een van de fundamentele beslissingen die kunnen betekenen succes of de doorslaande falen van campagnes is de landing pages strategie waarvoor te kiezen. Er zijn verschillende opties, variërend van het creëren van unieke landing pages tot het gebruik van primaire corporate websites. […]

Paloma García

UX · 12 / 12 / 2019

Gebruik PageSpeed ​​Insights om de kwaliteit van een Landing Page te verbeteren

PageSpeed es una herramienta de Google Developers que mide aspectos relacionados con el tiempo de carga y la experiencia de uso de una página web y, en base a los resultados de esa medición, nos devuelve una puntuación (sobre 100) y unos consejos para su mejora.

Paloma García

UX · 24 / 10 / 2019

Wat is CRO? Beschrijving en sleutelconcepten

En este post explicamos qué es CRO (Conversion Rate Optimization) y los conceptos clave relacionados con este conjunto de técnicas que nos ayudan a mejorar el rendimiento de nuestro sitio web y, finalmente, aumentar nuestras ventas.

Send this to a friend