Funkční e-shop
pro funkční
oblečení
CityZen je český výrobce unikátního bavlněného oblečení, které odolá špíně a není na něm vidět pot.
Spolupráce od
začátku roku 2020
Design na míru
Ladění
testování
zvýšení průměrného konverzního poměru, konkrétně +73 % na mobilu a +14 % na desktopu
obrat českého e-shopu zažil enormní růst
Specifický košík
Specifická filtrace
zvýšení celkové průměrné hodnoty objednávky
Tým
10 lidí
Vzali jsme
to od podlahy
Všechno začalo poptávkou na drobnou technickou úpravu e-shopu. Nakonec jsme začali pracovat na UX, které nám mělo ukázat slabá místa e-shopu. Využili jsme k tomu následující postup:
Provedli jsme vstupní konzultaci s klientem.
Vytvořili jsme komplexní UX audit e-shopu.
Prokonzultovali jsme s klientem výstupy a navrhli další postup pro zlepšení e-shopu.
Co nám řekl
UX audit
Audit nám ukázal slabá místa celého e-shopu, na kterých jsme začali následně společně pracovat, abychom e-shop připravili na Vánoční sezónu. Když jsme se společně domluvili, že budeme dělat tyto úpravy, tak už bylo jasné, že další sezónu nám tento e-shop nevydrží. Proto jsme se vzápětí pustili do celkového redesignu.
Na začátku jsem byl skeptický, protože pár auditů jsem už držel v ruce a moc mě nepřesvědčily. Doufal jsem, že nedostanu pár stránek obecných věcí. Když mi došel audit, který měl 27 stran s praktickými poznatky, co máme špatně, tak jsem se nejdříve zhrozil a pak se mi ulevilo, protože jsem věděl, že tahle spolupráce bude stát za to.
UX audit e-shopu se liší od obecného auditu tím, že se zaměřuje na zážitek zákazníka při používání stránky a poskytuje konkrétní doporučení na zlepšení uživatelského rozhraní a navigace, což pomáhá maximalizovat konverze a zlepšit celkovou uživatelskou spokojenost. A to je klíčový faktor pro úspěšnost e-shopu.
Redesign pro
raketový růst
Už původní e-shop procházel dílčími úpravami, které postupně navyšovaly konverzní poměr a obraty. E-shop však byl vytvořen na základní šabloně Shoptetu, která je hodně univerzální a pro potřeby dalšího rozvoje nedosahovala našich potřeb. Proto jsme nejprve identifikovali oblasti, které byly pro růst klíčové:
Skvělá responzivita
na všech stránkách
e-shopu a všech
zařízeních.
Zásadní rozšíření
sortimentu, a to
i pro ženy.
Práce s technickým
SEO a parametry
filtrů.
Cíle projektu
Cílem redesignu e-shopu na základě analýzy výchozího stavu tedy bylo:
Lépe poznat vlastní zákazníky
- co chtějí a proč kupují tyto produkty.
Zlepšení responsivity e-shopu,
a to hlavně na mobilních zařízeních.
Zvýšení konverzního poměru.
Připravení e-shopu na dlouhodobý růst na
platformě Shoptet.
Vytvoření technologicky udržitelného
prostředí pro dlouhodobý rozvoj e-shopu.
Měl jsem strach, že se nový redesign e-shopu nepovede a my tak ztratíme naše zákazníky. Díky metodologickému postupu a častým konzultacím s agenturou jsem toho strachu měl čím dál tím méně.
Důkladným postupem
k velkým výsledkům
Každý redesign přináší pro e-shop nemalá rizika. My jsme je minimalizovali opravdu pečlivým postupem, který vychází z informací od samotných zákazníků.
Hloubková analýza uživatelů
Zkoumali jsme a ptali se desítek zákazníků na jejich nákupní chování: Proč chtějí oblečení od značky CityZen? Jaké jsou jejich hlavní důvody nákupu a mnoho dalších otázek. Tyto informace nám pomohly ke správnému pochopení zákazníka a k navržení celého funkčního e-shopu.
Analýza výsledků dat a návrhu prototypu (Wireframu)
Zjištěná data jsme museli interpretovat do konkrétního návrhu v podobě prototypu e-shopu, který simuluje funkční e-shop pro možnosti dalšího testování na reálných uživatelích. Velký důraz jsme kladli na prezentaci samotného produktu a jeho benefitů a správného výběru rozměrů. Nemohli jsme také opomenout, že se jedná o československou výrobu. Nutné bylo také správně zakomponovat uživatelské recenze na kterých CityZen staví již delší dobu. Chceme tak zákazníkům ukázat, že oblečení opravdu funguje.
Uživatelské testování prototypu (Wireframu)
Testování na uživatelích ukázalo drobné nedostatky našeho návrhu, které jsme v této fázi také odstranili. Při navrhování wireframu lze dělat rychlé změny s minimálními náklady. Díky tomu jsme zabránili možným problémům v dalších fázích.
Moodboard
Značka CityZen měla jen vytvořené logo a definované základní barvy. Naším úkolem proto bylo definovat celkový vizuální styl, který se promítne v redesignu e-shopu. K tomu nám velmi dobře posloužil moodboard, který se vytvořil ve dvou variantách, aby si zákazník mohl vybrat, jaký styl značce nejlépe sedne. Toto vizuální nastavení klientovi pomohlo propsat nový styl do marketingových kampaní a tím ušetřil další zbytečné náklady.
Design na míru
Po schváleném a navrženém vizuálním stylu e-shopu jsme přešli na samotný návrh designu. Proces návrhu designu fázujeme tak, aby měl zákazník možnost se ke všem unikátním stránkám vyjádřit a schválit je. Na tomto projektu došlo na začátku návrhu ke 3 zásadnějším vizuálním úpravám, než se finálně stanovil design hlavních stránek. Následně jsme rozkreslili všechny unikátní stránky, kterých bylo přes 30. To vše jak na mobilním, tak desktopovém rozlišení.
Kódování a programování funkcí
E-shop CityZen je výjimečný v tom, že se na něm nachází hodně individuálních úprav na míru. Ukázalo se totiž, že zákazníci potřebují například specifickou kategorizaci a filtraci. Zapracovali jsme také modul recenzí, které na běžném Shoptetu nenalezneme, unikátní varianty produktu, individuální zobrazení variant produktů dle parametrů a mnoho dalšího.
Výsledky
redesignu?
Jaká období sledujeme, když se chceme podívat na výsledky, které přinesl redesign?
zvýšení průměrného konverzního poměru, konkrétně +73 % na mobilu a +14 % na desktopu
obrat českého e-shopu zažil enormní růst
zvýšení celkové průměrné hodnoty objednávky
63% nárůst konverzního poměru a 644% nárůst obratu jsem před spoluprací fakt nečekal. Takže asi nepřekvapí, že společná spolupráce nás baví a pokračujeme v ní.
Počkat. Vy to chcete vzít od podlahy?
V mime digital sídlí rebelské oddělení, které vám pomůže vzít vaše e-commerce podnikání od základu a nastaví vám správnou tvář a komunikaci.