Skip to content

Jak redesign Chytralekarna.cz

zvýšil konverzní poměr o 28 %

# E-commerce

Chytrá lékárna

2022

chytra_lekarna

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

ChytraLekarna

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.

lekarna1

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.

Chytra_lekarna1

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. 

lekarna3

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.

ChytraLekarna3

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. 

Jak jsme postupovali

Jak jsme to všechno udělali a co máme zažité, při každé implementaci.

1

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.

2

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.

3

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.

4

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.

Docker
Docker
React
React.js
PHP
PHP
Sulu
Sulu
Redis
Redis
Symfony
Symfony
K8s
K8s
Elasticsearch
Elasticsearch
Anthropic
Anthropic AI

Cutting-edge technologies and breakthrough innovations

We build on modern technologies ensuring high development efficiency and stability as well as security of our solutions in accordance with ISO 27001. We specialize in PHP and the Symfony framework, rely on ReactJS for frontend, and are implementation partners of the Sulu CMS content management system.

We leverage the latest AI innovations that accelerate development and systematically reduce technical debt and application errors.

Web portals, applications, e-shops, and other solutions run on a modern high-availability architecture based on Docker and Kubernetes.

Služby a produkty,

které jsme dodali

Máte projekt nebo nápad? Domluvte si nezávaznou konzultaci a zjistěte, jak vám můžeme pomoct.

The Cognizance Blog Honest developer insights

IEA_Nahled
#Tiskové zprávy

Internet Effectiveness Awards 2025

AI-gigafactory_nahled
#Technologie

5 důvodů, proč evropské AI gigafactory nenaplní očekávání

NUKIB_nahled
#Tiskové zprávy

Cognito uspělo ve výběrovém řízení pro NÚKIB

AIManifest_nahled
#Technologie

Manifest AI-Augmented Developmentu

Not enough? We have more