5
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í.
DESIGN NA MÍRU
5
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í.
DESIGN NA MÍRU
Spolupráce od
začátku roku 2020
Design na míru
30+
Unikátních stran
Ladění
testování
zvýšení průměrného konverzního poměru, konkrétně +73 % na mobilu
a +14 % na desktopu
63%
Specifická
filtrace
zvýšení celkové průměrné hodnoty objednávky
20%
obrat českého e-shopu zažil enormní růst
644%
Specifický
košík
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.
Pavel Hrstka
CEO CityZen
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.
Michal Mervart
CEO mime digital
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ě.
Pavel Hrstka
CEO CityZen
DŮKLADNÝM POSTUPEM
K VELKÝM VÝSLEDKŮM
Každý redesign přináší pro e-shop nemalá rizika. My jsme je mimimalizovali opravdu pečlivým postupem, který vychází z informací od samotných zákazníků.
3
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.
4
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.
MOODBOARD
6
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.
KÓDOVÁNÍ
A PROGRAMOVÁNÍ FUNKCÍ
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
63%
obrat českého e-shopu zažil enormní růst
644%
zvýšení celkové průměrné hodnoty objednávky
20%
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í.
Pavel Hrstka
CEO CityZen
Funčkní 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.
Funčkní e-shop pro funkční oblečení
PŘÍPADOVÁ STUDIE
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
SLUŽBA
Design na míru
30+
Unikátních stran
Ladění
testování
zvýšení průměrného konverzního poměru, konkrétně +73 % na mobilu a +14 % na desktopu
63%
obrat českého e-shopu zažil enormní růst
644%
VĚCI NA MÍRU
Specifická
filtrace
zvýšení celkové průměrné hodnoty objednávky
20%
VĚCI NA MÍRU
Specifický
košík
👩🏻💻
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.
Pavel Hrstka
CEO CityZen
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.
Michal Mervart
CEO mime digital
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ě.
Pavel Hrstka
CEO CityZen
DŮKLADNÝM POSTUPEM K VELKÝM VÝSLĚDKŮM
Cílem redesignu e-shopu na základě analýzy výchozího stavu tedy bylo:
1
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.
2
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.
3
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.
4
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.
5
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í.
6
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
63%
obrat českého e-shopu zažil enormní růst
644%
zvýšení celkové průměrné hodnoty objednávky
20%
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í.
Pavel Hrstka
CEO CityZen
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.