Dive
Vzdělání pro designéry.
🧭 V prezentaci se posouvejte se šipkami ↑ nahoru a ↓ dolů
Landing page odshora až dolů™
Rozbor hlavní stránky
Prohlédněte si stránku živě—
a pak pokračujte v rozboru…
💪🏻 Pojďme na rozbor…
Dive je vzdělávací projekt, ve kterém designéři předávají
své znalosti v podobě kurzů dál.
Pojďme mrknout na jejich web…
Tmavý web s modrozeleným nádechem působí na první pohled zajímavě a strhnul moji pozornost.
Čím to je?
1/ Bílý svítivý nadpis na tmavém pozadí. Kontrastní rozdíl zaujme oči.
2/ Řada lidských obličejů. Ty podvědomě přitahují naši pozornost.
Lidské tváře zaujmou pozornost a dokážou ovlivnit, kam se má uživatel dívat.
3/ Barevný rozmazaný tvar přidává pozadí hloubku a působí prostorově, díky čemuž ostatní prvky „vyplouvají“ nad povrch.
Specialitou tohoto webu je „fixovaná“ navigace na levé straně webu.
Netradiční řešení, které známe spíše z aplikací. Odkazy v rámci stránky odkazují na patřičné sekce.
Taková navigace má pozitiva
i negativa…
✅ Výhodou boční navigace je, že máte položky stále na očích. Lépe je očima skenujete a snadno k nim přistoupíte. Potřebujete-li se dostat na jinou sekci stránky, jednoduše se prokliknete.
❌ Nevýhodou naopak je, že zabírá více prostoru a v určitý moment se musí na malém zařízení schovat.
Navíc při prohlížení webu zvyšuje kognitivní zátěž (myšlenkové úsilí), protože se uživatel musí soustředit na více věcí naráz.
Na mobilu je navigace skrytá.
Co říkáte na nadpis a podnadpis? Snaha o kreativní slogan? Za mě by šlo udělat lépe. ❌
✅ Texty by měly více vystihovat, o čem web je. A to hned na první dobrou. Takto musím chvíli po webu brouzdat, abych to zjistil.
❌ Slova jako „welcome“ nebo fráze „where the…“ jsou prázdné
a zabírají místo pro hodnotné informace. Každé slovo by mělo ideálně předat kus hodnoty.
→ Ukažme si jednu z mnoha možností, jak to udělat lépe…
Takto jasněji pochopíte, o čem web je.
Na sekci „Mise“, tedy o čem celý projekt je, mám 2 pohledy.
1/ Je skvělé, že je myšlenka vysvětlená stručně a jednoduše. Neokecává se zbytečně. Celý obsah se vejde na „jednu obrazovku“. ✅
V posledním řádku nadpisu se střídají 3 fráze. Místo tří sekcí si vystačíte s jednou.
Každá fráze je doplněna
o jednoduchou animaci, která myšlenku podpoří…
2/ Na druhou stranu nejsem zastánce těchto animací, protože se špatně obsah čte a prochází. ❌
Změna textů i animací probíhá příliš rychle. Nestíhám si je v klidu přečíst a prohlédnout.
Musím čekat, než se znovu otočí kolo, abych se znovu pokusil zachytit myšlenky…
Animace bych zpomalil.
Další sekce přichází s nabídkou kurzů. Působí to dobře. Opět se skvěle pracuje s lidskými obličeji, které jsou první, co zachytí vaši pozornost.
Dalším plusem je barevné odlišení kurzů.
Obličej plus barevné podbarvení dává každému kurzu svoji zapamatovatelnost. Když se ke kurzům budete později vracet, už budete například vědět, že hledáte fousatého pána zabarveného do červena. 👍
❌ Jednu věc bych ale vytknul…
❌ Za mě jsou položky příliš přeplácané. Vizuální smog.
U někoho může na scénu nastoupit bannerová slepota.
Co je v každé kartě navíc?
❌ V každém bloku je v pravém horním rohu ikona. Na první pohled nic neříkající. Po jejím vyzkoušení jsem zjistil, že po najetí myší na ni se zobrazí informace o autorovi. Proč ne. Ale stejné informace najdete po rozkliknutí osoby.
Ikona i její funkčnost by se mohla klidně skrýt.
Dále je na pozadí každé karty umístěn obrys textu se jménem. Ano, pěkně přidává pozadí hloubku. Ale zároveň přidává na vizuálním smogu. V kartě je už tak dost prvků a informací…
Tip: Soustřeďte se v první řadě na obsah. S vizuálními prvky šetřete. Hodí se tehdy, když je málo „funkčních prvků“
Sekce s hodnocením podpoří sociální důkaz a odbourává obavy
z objednání kurzů.
Vizuální zpracování je netradiční. Natočená karta s fotkou přitahuje pozornost. Vylepšil bych 2 věci:
1/ Když jsou k dispozici škaredé a nekvalitní fotografie, nevyzdvihujte je. Rozhodně je použijte, ale
v menším formátu. Tím skryjete nedokonalosti.
2/ Jezdec s hodnoceními se otáčí příliš rychle a nestíhám si je přečíst. Na reálném webu testujte. Reálně si texty přečtěte a změřte čas, jak dlouho vám to zabere. Přidejte i časovou rezervu pro pomalejší čtenáře.
Sekce, která láká na nové autory kurzů.
Když na osobu kliknete, objeví se nové okno, kde můžete zadat e-mail, abyste si pohlídali, když člověk vydá kurz.
Určitě dobrá taktika, jak zanechat e-mailovou adresu…
…V marketingu je dobrou praktikou pro další komunikaci
s potenciálními zákazníky sbírat e-mailové adresy. Dejte si však pozor, jak si o e-mail říkáte.
Tip:
Zapomeňte na:
❌ „Přihlaste se
k newsletteru“.
Raději napište:
✅ „Až bude nový kurz, dáme vám vědět“…
…Jde o to samé. Jen to psychologicky působí odlišně. Buďte konkrétní a vyjádřete jasný důvod, proč e-mailovou adresu potřebujete.
Přesně sdělte, jaký benefit z kurzu získáte.
Sloveso „Připojte se“ („Join“) je rozhodně lepší než „Odebírejte“.
V dnešní zahlcené době nikdo nechce odebírat další věc, ať už je to cokoliv.
Naopak lidé rádi přirozeně a podvědomě tvoří sociální skupiny. Rádi někam patří a rádi se připojují k ostatním.
A v další sekci? Stejný princip „připojení“.
Každý chce být součástí „talentované“ sítě.
Celá myšlenka je podpořena hodnocením designérky, která se již do sítě přidala.
…Akční sloveso v tlačítku?
„Join“ jsme si vysvětlili.
A slovo „today“? Pošťuchuje uživatele k akci ještě víc. Jasně mu dává konkrétní instrukce. Říká: „Udělej to dnes/hned teď.“
Je potřeba říct, že obecně by každá stránka webu měla mít
1 hlavní cíl.
Tady jde především o prodej kurzů…
Poukázat na to, že se můžete přidat do sítě talentů, je určitě dobré. Ale ne v tomto místě stránky.
V další sekci ještě následují časté dotazy, které se týkají prodeje kurzů.
Míchají se jablka a hrušky. Jednou kurzy, podruhé talentová síť.
Tato sekce, která se týká jiného tématu, by se měla odprezentovat ideálně na konci celé stránky, aby uživatele neodváděla od plnění cíle.
A tady jsou. Časté dotazy.
Ne vše musíte říct v hlavní prezentaci. Podrobnější témata si nechte do odpovědí na časté otázky. Ty by měly vyvracet poslední obavy potenciálních zákazníků.
Poslední sekce se zaměřuje na zmíněný sběr e-mailových adres.
„Stay in the loop“ – téměř nic neříkající nadpis. Prostor by se dal využít efektivněji a napsat nadpis, který uživateli přinese hodnotu a informaci…
Tip: Pokud nevíte, co do nadpisu napsat, nelamte to na sílu. Jednoduše ho nepřidávejte.
Samotný text je už napsaný lépe…
1/ „Courses only run a few times per year and often have limited availability“
= tady se klade velký důraz na to vyvolat v uživateli pocit nejistoty a strachu, že o něco přijde a že je toho nedostatek. Jedna ze základních taktik, jak popostrčit zákazníka k akci. 🎁 Více v bonusu.
Někdo možná řekne, že je to manipulace. Není. Lidé se jen neradi rozhodují a neumí to. Takto jim jen v rozhodování pomůžete…
2/ „Enter your email below…“
= Ač se zdá jasné a zřejmé, co má uživatel udělat, raději mu to výslovně sdělte. Použijte akční sloveso („Enter your email“), veďte ho za ruku a dejte mu jasné instrukce, co má udělat. Pomůžete mu se rozhodnout a zvýší se šance, že e-mailovou adresu opravdu vyplní.
No a to je konec webu… Všimněte si, žádná patička. Opět netradičně.
Ne vždy ji musíte použít. Patička webu tříští také pozornost. Pokud chcete zvýšit uživatelovo plnění cíle (prodej), dejte „zbytečné“ prvky ze hry.
Výborně! Dokončili jste rozbor! 🎉
Co si z něho odnést? (pokračujte 👉)
🎉
🎉
🎉
🎉
🎉
🎉
- Experimentujte s netradičními rozloženími webu (např. fixní boční navigace). Dělejte to s rozvahou a ověřujte chování uživatelů.
- V první části webu jasně sdělte, o čem je. Vypusťte prázdná slova.
- Vysvětlujte myšlenky jednoduše a stručně.
- Animované prvky, které nesou informativní obsah, zpomalte, aby si je uživatel stihnul prohlédnout nebo přečíst.
- Lidské tváře zaujmou. Používání barev odliší obsah. Kombinace barev a lidských tváří pomůže zapamatovat a rozeznat obsah.
- Šetřete vizuálními prvky. Sdělení informací je na prvním místě.
- Pokud máte k dispozici nekvalitní zdroje fotek, použijte je v malých velikostech, abyste skryli nedostatky.
- Při sběru e-mailových adres se vyhněte „Odběr newsletteru“. Zkuste jiný a neprvoplánový přístup a úhel pohledu. Konkrétně popište účel.
- Lidé jsou rádi součástí sociálních skupin. Nabízejte jim věci stylem „Připojte se/přidejte se“.
- Každá jedna stránka webu by měla mít daný jeden cíl. Obsah stránky by měl odrážet obsah směřující k tomuto cíli.
- Využijte principu nedostatku. Řekněte lidem, že máte omezené množství zdrojů.
- Pokud to pomůže plnění cílů, zkuste odstranit z webu patičku, která zákazníky může rozptylovat.
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ě →
…
Princip nedostatku (vzácnosti)
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 hlavní stránky - dive.club
By Lukáš Augusta
Rozbor hlavní stránky - dive.club
Vzdělání pro designéry.
