Snuggs

Internetový obchod, který prodává menstruační kalhotky.

🧭 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…

Dnes trochu kontroverznější web—prodej menstruačních kalhotek. Společnost Snuggs hodně šlape do marketingu. A web není výjimkou… Upřímně? Znám málo českých webů, které považuji za kvalitní—pokud bych měl vypíchnout jeden, bude to právě tento… Vyjímečně se tedy podívejme na web s českým obsahem

 

P. S. Pokud znáte český web v podobné kvalitě, dejte mi určitě tip.

Skvělá práce s netradičními barvami. Celý brand vyniká kombinací oranžové a zelené. K cílové skupině bych si dokázal představit spíše jinou barevnou paletu…Ale možná právě proto značka vyniká mezi zaběhlými holčičími weby.

Hlavními vizuály jsou ženské postavy. Lidské siluety s nepravidelnými tvary působí přírodně. A právě to je vybalancováno ostrými hranami písmen, tlačítek, fotografií apod.

Všimněte si oranžové tečky na fotografii. Proč tam je? Kromě podpory značky zastává funkci vyrovnání vizuální rovnováhy. Perfektně rozbíjí prostor s fotografiemi a barevně vyrovnává další oranžové prvky v sekci stránky tj. logo, nadpis, tlačítko, …

Vizuální rovnováha celé sekce (rozložení oranžové barvy)

❌ Častá chyba u velkých nadpisů. Příliš velké řádkování

—U velkého nadpisu zmenšete mezery mezi řádky, aby působil kompaktněji jako jeden celek.

Stále platí, že ho musíte snadno přečíst.

Při první návštěvě se na webu ukáže několik prodejních prvků. Jedním z nich je barevná horní lišta, která slouží k rychlému sdělení důležité informace. V tomto případě jde o nabídku dopravy zdarma

Dalším prodejním prvkem je nabídka 10% slevy na první nákup. Oba dva prvky jsou velké plus při rozhodování, zda nakoupit.

—Čím více důvodů zákazníkovi dáte, tím větší šance, že si produkt objedná.

Zmínil bych v hlavním menu rozbalovací nabídku „Koupit“. Ta zobrazuje celkem 3 bloky s kategoriemi produktů… Zákazník není zahlcen. Malé množství voleb urychluje rozhodování

Hickův zákon (Hick’s Law)

🎁 více v bonusu.

❌ Jak u otevíracího menu tak u vyskakovacího okna se slevou bych vytknul, že bloky splývají s okolím. Bylo by dobré odlišit je od pozadí. Třeba stínem nebo tenkou čárou.

Podívejme se na obsah:

 

Menstruační kalhotky“ = jasné sdělení, o jaký produkt jde.

 

Pohodlná menstruace bez starostí a zbytečného odpadu“. = to je hlavní prodejní argument.

 

Plně nahradí jednorázové tampony a vložky“ = to je benefit, který zákazník získá.

 

Ve 3 slovních spojeních je v úvodní sekci vysvětleno o jaký produkt jde a co nabízí. A to je správně ✅…

Kromě textového obsahu, který je maximálně stručný a výstižný se rovnou zákazníkovi odhalují

3 důvody a benefity, které získá, když nakoupí:

 

1/ „Spokojeně nosí přes 200 000 žen“ = sociální důkaz a Stádový efekt.

 

2/ „Garance spokojenosti 60 dnů“ = výhodná 2měsíční garance vrácení peněz odbourává obavu ze špatného nákupu.

 

3/ „Eticky ušité v České republice“ = kdo by neslyšel na český produkt?

Zaujal mě také vizuál v podobě fotografií… Ale ne kvůli ženám, ale protože:

1/ Obrysy žen vystupují vizuálně mimo rámec fotografie. Přetékají ven mimo pozadí. To přináší do celkového vizuálu hloubku. Působí tak o dost zajímavěji.

2/ Nevím, jestli je to záměr, ale podle mého názoru výběr modelek cílí na velmi širokou škálu žen.

—První žena je spíše hubenější a snědší a druhá naopak o něco udělanější a světlého typu. Za mě vizuál perfektně sděluje: „Jsme pro každou ženu.“

3/ Ve vizuálu jdou vidět obličeje žen. Lidské tváře mají tendenci přitahovat naši pozornost.

Navíc se jedna žena dívá směrem k textovému obsahu a hlavní akci, takže pohledem navádí vaši pozornost. No a druhá žena se dívá přímo na vás, čímž vás její pohled ještě více osloví…

Celá sekce webu je „přepínací“. Automaticky se mění jeden obsah za druhý. Kromě základního textu a vizuálu je na druhém slajdu zcela jiný obsah…

Sociální důkaz v podobě začlenění známé tváře, která produkt podporuje. Všimněte fráze „Už přes dva roky“. Když toto řekne známá osoba, nejspíš půjde o dobrý produkt… Nebo v to aspoň budeme věřit.

Následující sekce ve 3 blocích vysvětluje, jak menstruační kalhotky fungují, jaké mají vlastnosti a přínosy pro zákazníka. A navíc vyvrací hlavní obavy a otázky

1/ „Tenké jako normální spodní prádlo“ = celou myšlenku doplňuje informace o tom, jak často se musí kalhotky měnit. Konkrétní číselný údaj zvyšuje důvěryhodnost.

Vizuál ukazuje produkt v akci z dálky. Ukažte zákazníkovi, jak může produkt vypadat na něm.

2/ Druhý blok ukazuje, z jakého materiálu je produkt vyrobený. Není nic lepšího než funkci materiálu ukázat ve formě videa. Kromě toho možná vyplyne otázka, jak silnou menstruaci materiál zvládne? Odpověď je zmíněna v dodatkovém textu…

3/ Třetí blok a vizuál ukazuje, že lze produkt používat opakovaně. Kalhotky natažené na rukou naznačují, že se s nimi bude dále pracovat = znovupoužitelné.

Co z toho plyne? Nad vizuály se přemýšlelo. Doplňují textový obsah a mají přidanou hodnotu navíc.

Všechny bloky jsou vůči sobě v kontrastu, takže celkové rozložení sekce vypadá zajímavě. Navíc každý blok si prohlédnete pečlivě  zvlášť.

 

Jak je dosáhnuto kontrastu mezi bloky?

 

1/ Každý blok má jinou barvu pozadí.

 

2/ Prostřední blok narozdíl od krajních obsahuje video (Von Restorffův efekt)

 

3/ Dva pravé vizuály znázorňují produkt v detailu, kdežto první levý ukazuje produkt z dálky.

Kontrast v barvách

Kontrast mezi statickými obrázky a videem

Kontrast mezi velikostí prezentovaného produktu (zblízka vs. zdálky)

Další sekce představuje již zmíněné a další benefity, které zákazník získá, když nakoupí.

Tip: Používejte konkrétní čísla a hodnoty. Zvýšíte důvěryhodnost. Působit to bude tak, že jste si čísla nevycucali z prstu.

  • dodání do 1–3 dní,
  • doprava zdarma při nákupu nad 1700 Kč,
  • ušetříte až 10 %,
  • při nákupu 3+ kusů,
  • garance spokojenosti 60 dnů

Nespoléhejte na to, že bude nový zákazník vědět, co si koupit. Ukažte mu několik produktů, které jsou oblíbené. Trochu ho naveďte, ukažte mu „výchozí nabídku a snižte jeho rozhodovací paralýzu.

Pokud už bude mít zákazník s produktem zkušenost, sám si zobrazí ostatní produkty, bude-li mít zájem.

Ukažte pravdivé kladné hodnocení. Na 93 % pětihvězdičkových hodnocení lidé uslyší více než na 100 %. Působí to důvěryhodněji.

Sociální důkaz poskytněte v maximální formě…

  • Ukažte počet hvězdiček (vizuál si lidé rychleji vyhodnotí).
  • Popište v procentech nebo číslech, kolik lidí kladně produkt hodnotí.
  • Napište co nejpřesnější číslo, kolik zákazníků produkt využívá.
  • Vypište několik hodnocení zákazníků s fotografií a jménem (ideálně celým)
  • Přidejte loga společností, které o produktu mluví…

Hodnocení zákazníků bych vylepšil následovně:

 

1/ Použil bych realističtější fotografie. Nemusí být tak „instagramově“ naaranžované. Nezapomeňte, že prodáváte produkt běžným lidem. Drtivá většina žen nejspíš nebudou modelky.

 

2/ Vizuálně bych zvýraznil důležité pasáže v textovém hodnocení, aby je zákazník mohl očima rychleji najít. Snížíte tak nutnost číst celé texty a zvýšíte šance,  že zákazník rychleji nakoupí.

3/ Vybral bych přínosnější hodnocení. ✅ Zmiňte, jak produkt zákazník používá, jak mu pomáhá a co díky němu získal.


—❌ když si totiž přečtete tyto recenze, najdete spoustu prázdných slov a vět např.

  • „změnit pohled na své tělo“
  • nebo „člověk tomu neuvěří, dokud je nevyzkouší“, apod.

 

Z takového hodnocení není jeden moudrý. Přesvědčilo by vás?

 

Jak by mohla vypadat smyšlené a lepší hodnocení?

Např.

Pořídila jsem si menstruační kalhotky Classic, protože mívám průměrnou menstruaci. Překvapily mě svým příjemným materiálem a střihem, který perfektně sedí na těle. I po 8 hodinách nošení o nich téměř nevím. Konečně mohu vyjít na rande, aniž bych se stresovala a neustále kontrolovala, jestli se mi neudělal flek na kalhotech. Po 5 dnech nošení jsem si musela objednat ještě jedno balení.

 

= Je mnohem konkrétnější.

= Je zmíněn konkrétní typ produktu.

= Je zdůrazněna vlastnost kalhotek.

= Je zmíněna situace a případ užití.

= Je zmíněn důkaz, že produkt funguje. 

5 nejčastějších zodpovězených dotazů vyvrací základní obavy zákazníků a přibližuje je k nákupu.

Určitě je lepší vypíchnout jen pár nejdůležitějších otázek. Nikdo totiž nechce číst nekonečně dlouhé seznamy dotazů a odpovědí (Millerův zákon).

Snažte se být „nejistým“ zákazníkům maximálně nápomocni. Umožněte jim v maximální míře přiblížit produkt, podejte jim pomocnou ruku a věnujte se jim. Lidská a osobní online poradna je to nejmenší, co pro ně můžete udělat.

V poslední části stránky přichází sekce s nabídkou výhodných balíčků. No proč ne? Ale je to za mě nejslabší sekce…

 

Když se na sekci zběžně podívám, absolutně nemám ponětí, kam se podívat dřív, jak si informace spojit a co k čemu patří.

 

❌ Je špatně nastavená vizuální a obsahová hierarchie informací.

Možností, jak vás prvky po sekci provedou, je víc. U mě to bylo takto:

1/ Nejprve jsem si všimnul hodnot -10% a -20%… Hmm, ale co to znamená?

2/ Pak jsem se podíval na vizuál. Vyskládané nevýrazné krabičky? Co to je? Aha, že by obaly produktů?

3/ Přečtu si nadpis „Výhodné balíčky“ a pak se vrátím na „Libovolné kombinace snuggs“—teď mi to teprve začíná dávat smysl.

4/ Až po přečtení popisků 3–4 ks a 5+ ks mi docvakává, že při větším odběru získám slevu… Tedy aspoň to odhaduji. Protože nikde není vyjádřena měna nebo slovíčko „sleva“ či „akce“.

Podívejte se, jak by sekce mohla vypadat o něco lépe → Je to jen rychlý návrh v editoru a berte ho spíš jako wireframe.

Ukázat chci pouze to, jak uživateli nabídnout obsah v lepším sledu…

1/ Uživatel se dostane k sekci webu a prvně si možná všimne vizuálu.

2/ Vrátí se doleva a začne odshora dolů číst text. V návaznosti na sobě, pěkně popořadě.

3/ Přidaly se texty „při odběru“ a „sleva“. Teď je jasné, co chcete sdělit…

V posledních sekcích stránky najdete třeba odkaz na Instagram. Určitě dobrá strategie.

 ❌ Možná bych vybral na ukázku atraktivnější příspěvky, které by zákazníka více motivovaly se na Instagramový účet podívat.

Trochu mi i vadí míchání češtiny a angličtiny. Jde o českou značku. Instagram je však vedený v anglickém jazyce. Chápu důvody pro lepší expanzi produktu. Ale pro české publikum bych raději tvořil český obsah…

Další sekce láká na odběr newsletteru

 

„Máme velké plány, buďte první, kdo o nich uslyší“

 

→ To my všichni máme velké plány. 🙂 Proč bychom jim měli nechávat

e-mailovou adresu?

 

Kdyby zákazník dostal raději výměnou za e-mailovou adresu třeba několik tipů a hacků, co dělat při silné menstruaci (vymýšlím si), rozhodně by sběr adres fungoval lépe → nabídněte hodnotu.

 

A tím bych dnes skončil…

Máte tip na skvělý web? Klidně mi ho pošlete a třeba jej zařadím do rozborů.

Výborně! Dokončili jste rozbor! 🎉​

Co si z něho odnést? (pokračujte 👉)

🎉

🎉

🎉

🎉

🎉

🎉

  • Myslete na to, jestli je kompozice sekcí vizuálně vybalancovaná. Nebojte se k vyrovnání použít libovolný prvek (klidně i abstraktní).
  • V navigacích používejte co nejméně odkazů. Ulehčete uživateli rozhodování na základě Hickova zákona.
  • Prvky, které překrývají hlavní obsah (menu, okna, …), odlište od pozadí. Musí jít rozeznat. Použijte jinou barvy, stíny, ohraničení, …
  • V první sekci stránky jasně vysvětlete, jaký produkt nabízíte, co je jeho prodejní výhodou, čím se liší a co zákazník získá.
  • Pro atraktivnost, zaujmutí a přidání hloubky do designu nechte objekty na fotografiích „vyčnívat“ ven.
  • Pomoci vizuálů můžete jasně říct, pro koho produkt je.
  • Používejte lidské tváře pro zaujmutí pozornosti.
  • Pro odlišení bloků obsahů používejte síly kontrastu. Prvky od sebe odlišujte barvou, pohybem, velikostí, …
  • V textech používejte, vždy když to jde, reálna a konkrétní čísla pro zvýšení důvěryhodnosti.
  • Nabídněte ve výchozím stavu několik produktů, abyste snížili nerozhodnost zákazníků.
  • Zaměřte se na vizuální a obsahovou hierarchii. Uživatel musí hned vědět, kam se postupně dívat a jak za sebou informace číst.

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ě

Hickův zákon

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í…

Bonus

Hodnocení

Příště…

(Odesílám 1. a 15. v měsíci)