- 2018 szeptember 13
Akár B2C-ben, akár B2B-ben tevékenykedünk, szükségünk van landoló oldalakra, azaz ahová az érdeklődőket szeretnénk terelni. Sok esetben viszont nem kap elég fókuszt, hiszen “Miért is fektetnénk egy landoló oldal létrehozásába időt és energiát, amikor minden elérhető a weboldalon?” – hangozhat el a kérdés.

A válasz egyszerű: ha nem a megfelelő tartalmat látja a felhasználó, akkor nem várhatjuk el tőle, hogy elvágezze az általunk elvárt cselekvést, például vásárlás, feliratkozás, vagy egy könyv letöltése.

Landoló oldal

Mi is az a landoló oldal? A fogalmat tekintve azokat az oldalakat nevezzük landoló oldalaknak, amelyek 1 konkrét célt hivatottak kielégíteni és ahova a látogatók valamilyen külső forrásból érkeznek. Ilyen külső forrás lehet például egy e-mail vagy egy PPC kampány.

Egy webáruházat tekintve, gyakorlatilag bármilyen oldal funkcionálhat landoló oldalként, azonban egy főoldal vagy kategória oldal egyszerűen nem fog olyan magas konverziós számokat hozni, mint egy landoló oldal. Amíg egy klasszikus értelemben vett főoldalnak 3-4 különböző célja is lehet, addig a landoló oldalnak csupán 1 célja van, csak 1 célt hivatott kielégíteni, viszont azt extrém hatékonyan csinálja.

Főoldal vs. Landoló oldal

A landoló oldalak létrehozását és a legfontosabb pontjait 4 fő szakaszba csoportosítom, amelyek a következők: tervezés, megvalósítás, marketing és ellenőrzés. Lássuk is az elsőt!

Landoló oldal tervezés

Tény: A legtöbb landoló oldal már a tervezésnél halálra van ítélve. Ha nincs a tervezés mögött következetesség, akkor az egésznek semmi értelme. A tervezés során a következő pontokra kell ügyelned:
  1. Cél meghatározása: Minden landoló oldalnak kell, hogy legyen egy célja. Határozd meg, hogy ez pontosan mi és azt, hogy milyen cselekvésre szeretnéd ösztönözni a látogatóidat (példa: Forgalom irányítása, Csali letöltése, Jelentkezés egy eseményre, Árajánlat kérése, Próbaidőszak igénylése, Termék megvásárlása…) Ezt a célt kell, kommunikálnod a landoló oldalon és törekedj arra, hogy ettől eltérő célok NE szerepeljenek a landolón.
  2. Buyer Persona meghatározása: A kommunikáció hatékonyságának érdekében elengedhetetlen, hogy ismerd a Buyer Persona-dat. A Buyer Persona testesíti meg azt az embert, akit potenciális vásárlónak szánsz, akinek a terméket állítod elő, akinek a terméket értékesíted vagy akinek a szolgáltatást ajánlod. Határozd meg azt a 2-3 max 4 személyt, akik a tipikus vásárlóid. Ha nincs ennyi akkor fordítsd meg az elméletet és határozd meg azokat a személyeket, akiket ügyfeleidnek szeretnél tudni. Képzeld el magad előtt őket és írd le a demográfiai, viselkedési és egyéb jellemzőit, hogy egy teljes képet kapj a személyéről. Ezt követően már csak egy lépés lesz meghatározni a fájdalompontjait, a kommunikáció, illetve az ajánlat stílusát és tartalmát. Ha megválaszolod a problémáit úgy, hogy ezzel el tudod adni a termékedet, mint megoldást, akkor nyert ügyed van!
  3. Inspiráció: Valljuk be, sok esetben nehéz tartani a fókuszt. Ha erre nem figyelsz tudatosan, akkor rengeteg időt fog igényelni egy landoló oldal lérehozása. Rengeteg időt és energiát spórolhatsz azzal, hogy ha végigpásztázol olyan oldalakat, ahol konkrét landoló oldal példákat, template-eket találsz. Személy szerint a themeforest.com-ot szoktam használni inspirációs célokra, de sok esetben az is tökéletesen működik, ha ráguglizol a “landing page examples” vagy “landing page templates” kulcsszavakra és kiválasztasz egy szimpatikus találatot.
  4. Wireframe: Ha megvan a cél, ha megvan a Buyer Persona és inspirálódtál is, akkor nincs más hátra, mint felvázolni a landoló oldal tervét! A wireframe lényegében a landoló oldalad strukturális váza, a vázlata. Ha még nem készítettél wireframe-et akkor először csak egy plusz feladatnak tűnhet, de vedd figyelembe azt is, hogy ha csak úgy nekiállsz tervezés nélkül egy weboldal létrehozásának, akkor eléggé szedett vetett lesz a megoldás. Maximum 1-2 óra alatt fel tudjuk vázolni a fejléceket, címsorokat, alcímsorokat, a fő tartalmi blokkokat, az egyéb tartalmi blokkokat, a call-to-action-t és az egyéb részeket. Ha a papír és ceruza a szimpatikus, akkor használd azt, ha word-ben vagy powerpointban szeretnél dolgozni, akkor dolgozz abban. Azt viszont fontos megemlíteni, hogy a legjobb eredményt akkor fogod elérni, hogy ha egy arra a célra létrehozott programban dolgozol. Ilyen például: mockflow.com, wireframe.cc vagy az axure.com szoftvere.

Megvalósítás

  1. Platform választása: Rengeteg segédprogram áll rendelkezésünkre, ilyenek például az Unbounce, Instapage, Quickpages és még sorolhatnám. Fontos, hogy amikor platformot választasz akkor olyat válassz, amelyekhez megfelelő mennyiségű leírás és support van, illetve lehetőséged lesz követőkódok elhelyezésére is.
  2. Beazonosítható design: Jelenítsd meg a logót, tedd egyértelművé, hogy melyik cégről van szó. Ugyanitt érdemes már a PPC kampányok kreatívjaival is számolnod, hiszen fontos, hogy ha Facebook hirdetésről irányítod a landolóra a forgalmat, akkor a hirdetés képének passzolnia kell a landoló oldal designjához.
  3. Hero image: Hero image-nek azt a képet nevezzük, ami jellemzően a landoló oldal első képernyőjén jelenik meg, azaz még nem kell görgetni ahhoz, hogy lássuk. Az ilyen képek adják meg a design irányvonalát. Legyen nagy felbontású, kis méretű, figyelemkeltő és releváns. A tömörítéshez használhatsz szoftvereket vagy olyan online megoldásokat is mint például a Compressor.io. Ha nincs saját fotód, ami megfelel minden feltételnek, akkor nyugodtan gondolkodhatunk stock photokban.
  4. Egységes tipográfia: Az ökölszabály az, hogy egységes, talpatlan betűtípust használj a landoló oldaladon, egységes méretben, egységes színnel. Természetesen, különböző szövegblokkok esetében eltérhetsz ettől, hiszen egy cím és egy tartalmi szövegblokk más-más formázást igényel. Itt is inspirálódhatsz, egyszerűen csak keress rá a “font pairing” kulcsszavakra.
  5. Egységes whitespace: A tipográfiához hasonlóan itt is törekedj az egységesítésre. A címsorok alatt és felett ugyanakkora térközöket használj. A bekezdések között is szintén egységes térközöket alkalmazz.
  6. CTA button: A gombok a landoló elemek legfontosabb részei. Ha nem jó a szöveg rajta, akkor ezen sok százaléknyi konverziót bukhatsz. Manapság az már alapvető, hogy egy button kattintható, jól olvasható, egységes és kontrasztos színű, de figyelni kell arra is, hogy megfelelő mennyiségben szerepeljen az oldalon. Ha hosszabb az oldal akkor 2, maximum 3 button még belefér, de az első képernyőn, a látványvonal felett mindenképpen helyezz el egy buttont! Ügyesen felhívhatod rá a figyelmet azzal is, ha a button körül egységes térközöket alkalmazol. Ha pedig a színekkel szeretnél varázsolni, akkor a paletton.com-ot ajánlom, ahol a saját színűnk komplementer, azaz kiegészítő színét is legeneráltathatod teljesen ingyen.
  7. Form design és integráció: Ha csak forgalmat terelsz, validálsz és tesztelsz akkor valószínűleg nem kell form-ot elhelyezned a landoló oldalra. Ha viszont a terméked vagy a szolgáltatásod igényli, akkor szükséged lesz rá. Mindenképpen ügyelj arra, hogy csak annyi információt kérj be, amennyit feltétlenül muszáj, hiszen minden egyes plusz mező 7%-al csökkenti a konverziós rátát.
Ha szeretnél a marketing és az ellenőrzés szakaszáról is tanulni, nézd meg ezt az előadást, amelyre a cikkünk is épült:



Vélemény, hozzászólás?

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöljük.