GetResponse
🧭 V prezentaci se posouvejte se šipkami ↑ nahoru a ↓ dolů

Landing page odshora až dolů™

Prohlédněte si stránku živě—
a pak pokračujte v rozboru…
💪🏻 Pojďme na rozbor…


GetResponse je marketingový nástroj, který mě před nějakou dobou zaujal. Dnes se podívejme na stránku s ceníkem…



Obecně platí:
Když je ceník obsáhlý a komplikovaný = špatný ceník.
Snažte se redukovat množství balíčků, položek a možností (Hickův zákon).
✅ Pokud to nejde jinak, použijte vhodně přepínače, výběrové seznamy nebo záložky, jako je to tady…


Uživatel si nejprve vybere, jestli chce využít plány „Pro každého“ nebo jestli chce nástroj „Pro větší společnost“.
✅ Jako výchozí položku vyberte tu, kterou volí většina.


„Set up your account, pick a plan later“ (Nastav si svůj účet, plán si vyber později)
→ Tady zafungují 3 věci:
1/ Odbouráváte obavu, že musí uživatel nejprve platit.
2/ Na scénu přichází IKEA efekt. Uživatel stráví nějaký čas nad vyplňováním profilu. Investuje svůj čas do nastavení a bude si tak řešení více vážit.
3/ Stejně tak zafunguje i Majetnický efekt. Uživatel si řešení přizpůsobí svým potřebám. Bude mít pocit, že mu patří a bude pro něj mít vyšší hodnotu.


„Start for free“ (Začni zdarma)
„No credit card required“ (Kreditní karta není potřeba zadávat)
„Privacy protected“ (Soukromí je chráněno)
→ Vyvraťte důležité obavy, které mohou uživatele odradit od nákupu. Nepovažujte je za „jasné“. Výslovně je vypište a dejte na oči, aby psychologicky zafungovaly. →
- ✔️ Předem nic neplatíte.
- ✔️ Nikam nezadáváte platební kartu.
- ✔️ Chráníme osobní údaje.


Tlačítko „Create free account“ (Vytvoř si zdarma účet)
→ Slovíčko „free“ také odbourává obavu platit.
❌ Vytknul bych tady nekonzistenci tlačítek.
Každá stránka webu by měla obsahovat jednu hlavní akci. Napříč celou stránkou by tato akce měla být prezentována stejným tlačítkem.
Když ho uděláte jednou žlutě a podruhé modře—tak je to matoucí.




Výběr délky závazku?
✅ Perfektní věc, když
u přepínačů ukážete, kolik uživatel ušetří, vybere-li si plán s větším závazkem.
To je skvělá motivace zapřemýšlet, zda se zavázat na delší dobu a tak ušetřit náklady…


💡 Ovšem nevím jak vy, ale já než se zavážu někde na celý rok, určitě si službu rád vyzkouším na jeden měsíc či dva. A když se osvědčí? Klidně si ji zaplatím na celý rok.
Kdo si koupí službu na celý rok kterou nezná? Tedy v případě, když má na výběr i možnost měsíční platby?
…


Všimněte si, že výchozí zaškrtnutá položka je týkající se platby na celý rok.
Tady možná tvůrci spoléhají na tzv. Efekt výchozích hodnot (🎁 více
v bonusu). To znamená, že uživatel často přistoupí na předem vybrané volby a nastavení. Lidé mají totiž tendenci věci neměnit, když nemusí…


❌To je za mě ale špatně. Osobně mě toto řešení frustruje a považuji ho za lehce neetické…
1/ Výběrem plánu s větším závazkem se na první pohled zobrazují levnější ceny, než kdyby byl vybrán pouze měsíční závazek (snaha zapůsobit levnější cenou). Kdysi jsem o tom psal článek.
2/ Hrozí, že si uživatel nevšimne přepínače, a nakoupí si službu v domnění, že platí za měsíc. Bum! A najednou je zkasírovaný za celý rok!
No nenaštvalo by vás to?
Tip: Buďte stoprocentně transparentní a etičtí. V rámci dlouhodobého vztahu se vám to ve vztazích se zákazníkem vrátí.


Ulehčete lidem rozhodování. Mají-li hodně možností, může se stát, že si nevyberou žádnou.
Použijte vhodné štítky, kterými řeknete, které řešení si lidé vybírají nejčastěji. Nejenže jim pomůžete se rozhodnout, ale také třeba zvýšíte konverze u dražších plánů.


Kontrastně zvýraznětě tu nejdůležitější informaci, kterou lidé hledají—cenu. Kontrastní prvky strhávají pozornost tam, kam potřebujete.


Umožněte lidem, kteří mají analytickou povahu, porovnat si navzájem plány mezi sebou. Běžte jim maximálně naproti. Dejte jim prostor udělat správnou volbu. Nenuťte je složitě hledat informace. Ulehčujte jim veškeré kroky.



Celý web je navržený 2 barvami, které se navzájem doplňují.
Modrá—barva značky—a žlutá, která je v kontrastu a zvýrazňuje důležité prvky.
Tvůrci web oživují prvky, které vypadají „ručně“ kreslené např. žlutá podtržení.

Co bych vytknul z pohledu designu?
❌ Tak třeba malé mezery—prostrkání písmen—v textech psaný velkými písmeny (např. tlačítka).
Velká písmena nejsou svými tvary členitá, a proto se hůře čtou.
Je potřeba mezery mezi písmeny lehce zvětšit…



Zvětšené prostrkání písmen o 0.4px. Změna je na první pohled nepatrná, ale pomůže k čitelnosti. Lepší držet se pravidla „méně je více“ a velikosti mezer mezi písmeny nepřehnat.

Už jsem zmiňoval konzistenci tlačítek.
I „Sign up free“ tlačítko v hlavičce webu by mělo vypadat podobně.
Pokud jsou v ostatních tlačítkách použitá velká písmena, použijte je
i tady.




Poukažme na jeden takový detail…
Přepínací záložky „For everyone“ a „Mid & Large Companies“.
Odhadnete, co je s nimi vizuálně špatně?
…


Aktivní záložka je šedá. Neaktivní je bílá. Vadí to? Nejspíš zas tak ne. Ale prvek může působit matoucím dojmem. Proč?
Obecně: Světlé objekty nabývají dojmu, že jsou blíže k nám. Tmavší objekty zase vnímáme více na pozadí.
A když se podíváte, označená záložka je tmavší (šedá). A přitom intuitivně má působit, že je blíže
k nám. Šedé pozadí tento princip rozbíjí. Je to přesně naopak.
Správně by tedy bylo barvy kompletně prohodit. To by obnášelo samozřejmě upravit celý návrh sekce…



Všimněte si prohozených barev pozadí a záložek. Světlejší barva (bílá) má správně evokovat, že je v prostoru blíže k vám.

Poslední kosmetickou úpravu, kterou bych provedl, je zmenšení řádkování (mezery mezi řádky) u nadpisů balíčků.
Jde o nadpisy psané velkými písmeny rozložené na 2 řádky.
Tím, že je řádkování příliš velké, působí, že k sobě řádky textu nepatří. Vizuálně se odpoutávají. Vypadají pak jako 2 položky.
Je proto lepší řádkování zmenšit, aby se řádky sjednotily a působily jako jedna jednotka.




Už jsem jednou zmiňoval Majetnický efekt. A tato další sekce je přesně o něm…
Cílem je nechat uživatele zdarma si řešení vyzkoušet. → Když to udělá, je velká šance, že si jej oblíbí a začne platit.


Tady tvůrci zmiňují, že plán zdarma je platný navždy. To je skvělé odbourání obavy z toho, že se musí uživatel registrovat a zkušební doba mu po čase vyprší—tak jak to bývá u jiných řešení.


Další sekce navazuje na bezplatný účet. Nabízí navíc možnost vyzkoušet si všechny funkce nástroje zdarma po dobu 30 dní. To ještě víc posiluje Majetnický efekt.


Součástí je i časová urgence. Lidé se neradi rozhodují. Někteří rádi produkt nakoupí. Ale samotný čin podvědomě odkládají. Použitím časové urgence a nastavením limitu jim pomůžete udělat rozhodnutí ve správnou chvíli a do určité doby.


Do hry vstupuje i strach, že během 30 dní o řešení přijdou, a tak si jej více váží (Averze ke ztrátě).


Hluboko v každém člověku je psychologicky zakořeněno pomáhat ostatním lidem.
Toho je využito v této sekci, kde se „hraje na city“. Speciální nabídka pro charity a neziskové organizace.
To může pomoct zvýšit důvěryhodnost společnosti.
Nesmí chybět srdíčka a roztomilá fotka dítěte. ❤️ Navíc? Lidské obličeje přitahují pozornost.


Časté dotazy—vyvraťte veškeré možné dotazy potenciálních zákazníků. Ulehčete jim rozhodnutí nakoupit. Nenechte je na holičkách.

Využijte Millerová zákona. Zjednodušte větší množství otázek a rozřaďte je do kategorií. Menší celky uživatel snadněji zpracuje…


Millerova zákona se často využívá třeba i v patičkách webů, které obsahují mnoho odkazů.


V patičce mi přišly zajímavé 2 prvky…


1/ Zaprvé je to oblast s blogem.
Málokdy vidím články blogu vypsané přímo v patičce.
Když se nad tím zamyslíte, není to špatné řešení. Ušetříte si tak jednu zvláštní sekci na stránce, kde zmiňujete, že píšete blog.
Takto mají možnost návštěvníci objevit blog, ať už přijdou odkudkoliv na kteroukoliv stránku…


2/ V patičce je tlačítko/přepínáč „Accessibility“ (přístupnost).
Co se po jeho kliknutí stane? Například modré štítky a tlačítka se ztmaví, aby byly kontrastnější a rozluštili je i lidé, kteří mají třeba zrakové vady.
❌ Osobně mi funkce tlačítka přijde zbytečná. Správně by ten web měl být kontrastní a přístupný už od základu.
Přepínač v patiččce nejenže nikdo neobjeví, ale hlavně jde o zbytečné „tahání dříví do lesa“. ✅ Stačilo by prvky rovnou udělat tmavší.
Vyzkoušejte. Schválně—co na to říkáte?…






A tak to máme celou stránku…



Výborně! Dokončili jste rozbor! 🎉
Co si z něho odnést? (pokračujte 👉)
🎉
🎉
🎉
🎉
🎉
🎉

- Ve složitém ceníku redukujte množství položek. Použijte záložky, přepínače, …
- Vhodnými texty odbourávejte obavy zákazníků nejen z platby předem. Argumenty výslovně vypisujte. Nepředpokládejte, že jsou všem jasné.
- Nechte uživatele produkt upravit a personalizovat. Projeví se IKEA efekt a Majetnický efekt a budou si produktu více vážit.
- Na jednu stránku mějte pouze 1 hlavní akci, kterou reprezentuje
1 tlačítko o stejném vizuálním stylu. - Použijte princip Efektu výchozích hodnot a předem vyberte vhodnou volbu. Ulehčete uživatelům rozhodování. Naveďte je tam, kam potřebujete.
- Důležité položky zvýrazněte kontrastními prvky.
- U textů psané velkými písmeny zvětšete mezery mezi písmeny = lepší čitelnost.
- Pokud chcete, aby některé prvky působily blíže k vám, udělejte je světlejší barvou. Naopak ty tmavší budou působit, že jsou na pozadí.
- Pozor na příliš velké řádkování. Řádky se nesmí vizuálně odpoutávat.
- Pro zvýšení důvěryhodnosti spolupracujte s charitami a neziskovkami.
- Hodně položek roztřiďte do kategorií (Millerův zákon).
- Vyzkoušejte umístit blogové příspěvky do patičky webu.
Klíčové shrnutí
Co jste se dozvěděli? Tipy pro návrh prodejní stránky

👍 Jako předplatitelé rozborů dnes získáváte bonusový obsah, který se vám bude hodit při návrhu webu…
…jde vždy o čerstvě napsaný obsah, který aktuálně tvořím pro své budoucí e-booky…

…k rozborům i bonusům mají přístup pouze předplatitelé. Nikdo další je nezíská…

…v každém rozboru najdete nový materiál… Tak si ho nenechte utéct…
—tady je…👉

✅
2
3
Bonus
Hodnocení
Příště…
Bonus
Mohu vás poprosit o laskavost? Dejte mi, prosím, ⭐️hodnocení na rozbory…
Pomůžete mi tím udržet se
v sedle a pokračovat ve tvorbě →
…

Efekt výchozích hodnot (Status Quo)
Zpětná vazba
Hodnocení
Jak se vám rozbory líbí? Co byste udělali jinak? Dejte mi zpětnou, abych věděl, co zlepšit. Budu vám opravdu vděčný.

✅
✅
3
Bonus
Hodnocení
Příště…
Klik 👉
👋 Uvidíme se za 2 týdny
V záloze mám spoustu výborných webů
a bonusů, o které se s vámi chci podělit.
Jsem vděčný každému, kdo sdílí myšlenku rozborů na svých sociálních sítích nebo blogu.
Získejte 25% slevu pro vaše předplatné—Jako odměnu za doporučení…

…více o partnerském programu →

✅
✅
✅
Bonus
Hodnocení
Příště…
(Odesílám 1. a 15. v měsíci)
Rozbor ceníku - getresponse.com
By Lukáš Augusta
Rozbor ceníku - getresponse.com
Marketingový nástroj pro posílání e-mailů, tvorbu stránek a automatizaci.
- 3