Jak redesign Chytralekarna.cz
zvýšil konverzní poměr o 28 %
# E-commerce
Chytrá lékárna
2022
Po roce a půl provozu původního webu se e-shop ChytráLékárna.cz rozrostl natolik, že přestal vyhovovat jak zákazníkům, tak obchodním cílům klienta. Web původně kombinoval prezentaci kamenných lékáren s online prodejem, což vedlo ke zhoršené orientaci, složité navigaci a nižší efektivitě nákupního procesu. Cílem redesignu bylo dát jasnou prioritu e-shopu a výrazně zlepšit použitelnost celého řešení.
+28 %
meziroční nárůst konverzního poměru
2 měsíce
implementace nového designu
Luigi's Box
personalizace produktové nabídky
V čem
spočívala výzva?
Největší problém první verze webu Chytralekarna.cz spočíval v tom, že se snažil plnit dvě funkce naráz, online prodej a prezentaci kamenných lékáren. E-shop se tak nacházel až ve druhé úrovni navigace a na úvodní stránce soupeřily o pozornost online a offline akce, což zákazníky mátlo, zejména rozdílem mezi akční online cenou a cenou v kamenné lékárně.
Během prvního roku provozu rostl obrat, počet objednávek i kategorií produktů, k lékům přibyly zdravotnické potřeby, erotické pomůcky nebo sekce chlazeného zboží. Původní design dosáhl svého limitu a pro další rozvoj bylo nezbytné začít s redesignem s jasnou prioritou: online prodej.
Zpět k rýsovacím
k rýsovacím prknům
Redesign znamenal návrat na začátek projektu, změnily se priority cílových skupin a zásadně se zvýšila důležitost online prodeje. To se projevilo na úvodní stránce i v hlavním menu, které se proměnilo v menu produktové.
Všechny změny jsme zanesli do interaktivního prototypu a už v průběhu testování bylo zřejmé, že jsme na správné cestě. Uživatelé se lépe orientovali v kategoriích i v akcích na úvodní straně, zároveň jsme přepracovali možnosti filtrování produktů a připravili plochy pro personalizovanou nabídku díky integraci Luigi's Box.
A přišel čas
na „umčo“
Součástí redesignu byla také drobná úprava vizuálního stylu, ze kterého naše art directorka Petra Kašparová vypustila zdobné, ale produkčně náročné ornamenty z původní corporate identity. Vypuštěním některých samoučelných detailů z designu jsme docílili toho, že si je klient schopen sám připravovat bannery na akce a události. Stačí mu k tomu sada šablon, kterou jsme pro něj v rámci redesignu připravili. Design přitom zůstal jasně odlišitelný od konkurence.
Technické
zpracování
Implementaci nového designu zvládlo vývojové oddělení za dva měsíce. Abychom šetřili náklady, designéři nezpracovávali detailní návrhy všech podstránek. Vývojáři vycházeli z design systému a úpravy textových stránek s designérem pouze konzultovali.
Klíčovou součástí byla kompletní implementace personalizovaných nabídek přes Luigi's Box. Zvolili jsme náročnější backendovou implementaci, abychom zachovali možnost prioritizace výpisů a vkládání bannerových ploch administrátorem. Napojili jsme personalizované doporučovače, řazení produktů v kategoriích i upsell a cross-sell nabídky v košíku a objednávce.
A jaké
byly výsledky
Především spokojenější zákazník. Jak ten náš, který je nadšený z e‑shopu, kterým může směle konkurovat největším hráčům na trhu, mezi které se pomalu zařazuje, tak i zákazník samotného e‑shopu. Ten snadněji najde a nakoupí produkty, po nichž touží. Pro obě tvrzení máme důkazy. Díky redesignu se nám podařilo meziročně zvýšit konverzní poměr o 28 %, což znamená efektivnější kampaně a větší obrat při stejné návštěvnosti.
Analýza dat a chování uživatelů
Zkoumali jsme analytická data, nákupní cesty a problematická místa v nákupním procesu. Identifikovali jsme bariéry, které zpomalovaly orientaci v nabídce a snižovaly pravděpodobnost dokončení objednávky.
Návrh struktury a wireframů
Navrhli jsme novou informační architekturu s jasnou prioritou e-shopu. Vytvořili jsme wireframy klíčových stránek, zaměřené na přehlednost kategorií, logiku filtrování a rychlejší cestu k nákupu.
Prototypování a testování
Interaktivní prototypy jsme testovali na reálných scénářích nákupu. Ověřovali jsme srozumitelnost navigace, práci s filtry i čitelnost produktových detailů a návrh průběžně ladili podle zpětné vazby.
Vývoj a nasazení
Na základě otestovaného návrhu jsme připravili finální UI design a podklady pro implementaci. Důraz jsme kladli na konzistenci, snadnou správu obsahu a připravenost e-shopu na další rozvoj a personalizaci nabídky.
Špičkové technologie
a přelomové inovace
Stavíme na moderních technologiích zajišťujících vysokou efektivitu vývoje a stabilitu i bezpečnost našich řešení v souladu s normou ISO 27001. Specializujeme se na vývoj v PHP a frameworku Symfony, na frontendu spoléháme na ReactJS, a jsme implementačními partnery systému pro správu obsahu SULU CMS.
Při vývoji využíváme nejnovější AI inovace, které zrychlují vývoj a systematicky snižují technický dluh i chybovost aplikací.
Webové portály, aplikace, e-shopy i další řešení provozujeme na moderní high availability architektuře založené na technologiích Docker a Kubernetes.