Landing page a základy jej nastavenia

October 22, 2017

Čo to taká landing page vlastne je?

Predstavte si, že sa vám na webe zobrazí reklama na novú kolekciu zimných čižiem. Počasie sa zhoršuje, botičky vyzerajú super a tak neodoláte na reklamu kliknete. Stránka, ktorá sa vám zobrazí po kliknutí na reklamu (banner) sa nazýva landing page.

 

Landing page vstupná stránka na určitý web. 

 

Ako navrhnúť landing page

Najskôr sa treba zamyslieť aký cieľ vaša landing page má. Chcete aby ľudia vykonali nákup, prihlásili sa na odber alebo stiahli vašu appku? Pokiaľ návštevník splní požadovaný cieľ ide o konverziu. Je dôležité nastaviť vašu landing page tak, aby ste dosahovali čo najvyšší konverzný pomer.

 

Konverzia nastáva pokiaľ návštevník správne zareaguje na vaše call-to-action (CTA). 

 

CTA je najdôležitejší element na vašej stránke. Call-to-action vyzýva vašich návštevníkov k vykonaní určitej akcie. Pokiaľ už viete aký cieľ vaša stránka má, prispôsobte mu CTA. Môže ísť napríklad o button 'stiahnite si našu appku' alebo 'Vložiť do košíka'. 

 

  

Pri navrhovaní landing page nezabudnite uviesť aj benefity, ktoré bude návštevník mať po vykonaní danej akcie. Tiež je dôležitý headline. Dobrý nadpis, ktorý zaujme donúti návštevníka webu čítať a pozerať ďalej. Tiež nezabúdajte na mobilnú verziu vašej landing page. 

 

Na landing page prichádza návštevník po kliknutí na určitú reklamu - banner. Vstupná stránka by mala s bannerom súvisieť. Graficky aj kontextom. 

 

Pokiaľ v reklame ponúkate čierne čižmy, zákazník kliká na reklamu práve kvôli nim, nie kvôli balerínkam, ktoré sú v Zľave. Očakáva, že na landing page nájde v prvom rade čierne čižmy a až potom prípadne iné návrhy produktov. 

Graficky by taktiež mali banner a landing page spolu súvisieť. Používajte rovnaké alebo podobné farby, typy písma, typy buttonov atď. 

 

Uvádzam dobrý príklad kombinácie landing page a newslettra od Sashe. Po kliknutí na obrázok z newsletra sa dostanete priamo na eshop s produktom s rovnakými farbami, písmom, grafikou...

  

Nástroje na navrhnutie landing page

Existujú veľmi šikovné online tooly na vytvorenie návrhu landing page alebo tzv. wireframe. Odporúčam dva:

  • Wireframe.cc – Tool je zadarmo, no je veľmi limitovaný. Na mňa až tak, že mi komplikuje robotu. Umožňuje ale kresliť si rozličné shapes, nadpisy, a vkladať obrázky. Na jednoduchý a rýchly náčrt určite stačí.

  • UXPin – milujem tento online tool. Je platený (30-50$ mesačne) a prvých 14 dní je trial verzia zdarma. Má všetko čo potrebujem, je jednoduchý a finálna page sa  vyexportovať v png, pdf aj HTML. Super, takto ma vyzerať dobrý tool.

Ďalej mi boli odporúčané ešte:

  • Moqups

  • Fluid UI

  • Balsamiq Mockups

  • Photoshop a InDesign

     

Optimalizujte!

Nezabudnite pravidelne sledovať analýzy vašich stránok. Iba tak zistíte či vaša landing page naozaj spĺňa cieľ. Použite napríklad Google Analytics.

 

Čo ale merať? Pokiaľ je cieľom vašej landing page prihlásenia na newsletter, sledujte koľko ľudí sa dostalo až na stránku s poďakovaním za odber.

 

Zamerajte sa teda na analýzu stránky, ktorá sa zobrazí až po vykonaní konverzie. 

 

Nezabúdajte tiež na A/B testing.

 

A/B testy vám umožňujú vyskúšať rozličné variácie vašich stránok a zistiť, ktorá varianta funguje lepšie.

 

Klikajú viac ľudia na CTA button, keď je navrchu alebo na spodku stránky. Práve niečo takéto vám A/B testy umožnia zistiť. 

 

Na základe analýz a A/B testov môžete potom váš web optimalizovať aby dosahoval čo najvyššiu conversion rate. 

 

Dôležitá je aj grafika vašej landing page. Viac sa dočítaš v mojom poste, kde zdieľam Tipy na dobré UI (používateľského rozhrania).

 

Share on Facebook
Share on Twitter
Please reload

Kam ďalej?

Základy webdesignu a.k.a príbeh začínajúcej designerky

AB test: ako zistiť víťaza testu a veľkosť vzorky

1/7
Please reload

Barbora Grmanová design | Slovakia