Nejdůležitější stránka e‑shopu vypadala jako šablona.
Český lovebrand, který prodává těhotenskou pomůcku do celé Evropy. Přišel jsem k e‑shopu, který už prodával – a měl prodávat líp. Začalo to jednou produktovou stránkou.
E-shop běžel a objednávky chodily. Stránka, na které padá rozhodnutí o nákupu, ale byla v podstatě šablona: galerie, název, cena, tlačítko a pod tím rozbalovací Popis. Aniball je zdravotnický prostředek s klinickou studií a statisíci zákaznic – a ani jedno na té stránce nebylo vidět. Kdo si nebyl jistý, neměl se čeho chytit a odešel hledat jinam.
Nešlo o havárii. Stránku dělal někdo přede mnou a e‑shop na ní roky prodával. Šlo o to, že dělala jen desetinu toho, co mohla.
Začal jsem CRO analýzou původní stránky a novým uspořádáním sekcí. Nahoru šlo to, co rozhoduje: čemu produkt pomáhá, komu už pomohl a co za tu cenu člověk dostane. Cena dostala kontext („≈ 56 Kč na den po dobu přípravy“) a hned pod ní je informace o příspěvku pojišťovny. Zbytek se rozpadl na sekce, které jdou přeskočit – kdo je rozhodnutý, kupuje hned, kdo váhá, čte dál.
Aniball se musí umět použít, jinak nefunguje – a to je před nákupem ta největší obava. Původní stránka o používání mlčela, návod byl až v balení. Sekce „Jak to funguje“ ho vytáhla dopředu: tři kroky, každý s obrázkem a jednou větou.
Číslo „130 000+ maminek“ samo o sobě nic neudělá – je moc velké na to, aby se s ním někdo ztotožnil. Sekce ho proto rozmění na tři konkrétní zkušenosti. Původní stránka nic z toho neměla, hvězdičky na ní nebyly vůbec.
Aniball má za sebou studii v odborném zahraničním časopise. To je u zdravotnického prostředku ten nejsilnější argument, jaký existuje, a na staré stránce nebyl. Teď má vlastní sekci s nadpisem, který nechává čtenáře udělat závěr sám.
K balonku patří gel na cvičení a péče po porodu. Dřív si to zákaznice musela poskládat sama z katalogu, takže to většina neudělala. Bundle sekce s vlastní logikou nabídne kompletní přípravu v jednom kroku, ukáže rozdíl proti nákupu jednotlivě a nechává otevřená zadní vrátka odkazem „Chci jen samotný Aniball“.
Původní košík byl tabulka Produkty / Cena / Množství / Celkem – rozhraní z jiné doby. Nový je karta s jasnou hierarchií, expresními platbami a cross-sellem „Pro kompletní přípravu“, který nabídne to, co k produktu opravdu patří. Doprava zdarma i podmínky vrácení jsou vidět dřív, než člověk začne uvažovat o odchodu.
Dřív klik na ikonu košíku znamenal odchod z produktové stránky na samostatnou adresu. Kdo se chtěl jen podívat, co v košíku má, přišel o rozečtenou stránku. Teď se košík vysune přes ni – i s nabídkou doplňků a s tím, kolik chybí do dopravy zdarma.
Pod kapotou
Jak je to postavené.
Všechny sekce jsou napsané v Liquidu jako součást tématu. Ne poskládané z aplikací, které si navzájem přepisují styly a berou si měsíční poplatek.
Bundle má vlastní logiku ceny a dostupnosti, ne univerzální appku s provizí z objednávky.
Celé to vznikalo za plného provozu. Nové sekce se zapínaly, až když fungovaly – e‑shop mezitím prodával dál.
Rozsah
Co na tom není moje.
Homepage, kategorie, blog i poradna jsou práce někoho jiného. Tahle case study je jen o produktových stránkách, košíku a cross-sellu. Screenshoty „před“ ukazují stav, který jsem převzal, ne můj starší pokus.