Vizuální úroveň e-shopu zaostávala za kvalitou nabídky
Vizuální úroveň e-shopu zaostávala za kvalitou nabídky.
Predchozi pokus
Design e-shopu neodpovídal kvalitě značky a nebyl dostatečně moderní ani konzistentní.
Případová studieAutoria
Autoria
Redesign Shoptet e-shopu, který posunul prezentaci značky Autoria, sjednotil vizuální styl a zlepšil mobilní použitelnost. Výrazně modernější vizuální identita Posílit první dojem ze značky a vytvořit design, který bude…
Silnejsi prezentace. Jasnejsi hodnota. Rychlejsi rozhodovani.
Shoptet
SEO
Figma
E-commerce
40%
Zlepšení mobilní použitelnosti
Live projektMarketing + build
Přehled spolupráce
Typ projektu
Shoptet e-shop
Posílit první dojem ze značky a vytvořit design, který bude lépe fungovat na desktopu i mobilu.
Hlavní fokus
Posílit první dojem ze značky a vytvořit design, který bude lépe fungovat na desktopu i mob…
Značka působí profesionálněji a srozumitelněji.
Veřejný web
www.autoria.cz
https://www.autoria.cz/
(Hlavní vizuál case study je ilustrativní, veřejný výstup projektu je ale dohledatelný na https://www.autoria.cz/.)
Kontext klienta
Klient
Český e-shop a kamenný obchod zaměřený na autorskou módu a lokální značky z Česka a Slovenska.
Vychozi stav
Design e-shopu neodpovídal kvalitě značky a nebyl dostatečně moderní ani konzistentní.
Rozhodovaci moment
Posílit první dojem ze značky a vytvořit design, který bude lépe fungovat na desktopu i mobilu. Design e-shopu neodpovídal kvalitě značky a nebyl dostatečně moderní ani konzistentní. Vizuální úroveň e-shopu zaostávala za kvalitou nabídky. Redesign Shoptet e-s…
Co bylo ve hre
- Design e-shopu neodpovídal kvalitě značky a nebyl dostatečně moderní ani konzistentní.
- Návrh UI ve Figmě
- Custom úprava Shoptet šablony
Výchozí stav a řešení
Výchozí stav
Design e-shopu neodpovídal kvalitě značky a nebyl dostatečně moderní ani konzistentní.
Řešení
Návrh UI ve Figmě Custom úprava Shoptet šablony Základní SEO optimalizace Nastavení dlouhodobé spolupráce
Bariéry a rizika
Posílit první dojem ze značky a vytvořit design, který bude lépe fungovat na desktopu i mobilu.
Slabší konzistence designu zhoršovala čitelnost značky
Slabší konzistence designu zhoršovala čitelnost značky.
Predchozi pokus
Posílit první dojem ze značky a vytvořit design, který bude lépe fungovat na desktopu i mobilu.
Bez jasného návrhového směru hrozilo jen dílčí…
Bez jasného návrhového směru hrozilo jen dílčí kosmetické zlepšení.
Predchozi pokus
Posílit první dojem ze značky a vytvořit design, který bude lépe fungovat na desktopu i mobilu.
Strategie řešení
Nezůstali jsme u úpravy šablony, ale propojili návrh, implementaci a ladění do jednoho konzistentního výstupu.
Posílit první dojem ze značky a…
Posílit první dojem ze značky a vytvořit design, který bude lépe fungovat na desktopu i mobilu.
Ocekavany dopad: Značka působí profesionálněji a srozumitelněji.
Návrh UI ve Figmě
Návrh UI ve Figmě
Ocekavany dopad: Mobilní návštěvníci se snáz orientují v nabídce.
Custom úprava Shoptet šablony
Custom úprava Shoptet šablony
Ocekavany dopad: E-shop lépe odpovídá očekávání zákazníka, který nakupuje autorskou módu.
Odmítnuté alternativy
Nechat původní řešení bez větší změny
Vizuální úroveň e-shopu zaostávala za kvalitou nabídky.
Řešit projekt jen dílčími úpravami
Slabší konzistence designu zhoršovala čitelnost značky.
Dukaz misto dojmuBaseline, cil a vysledek v jednom miste
Důkaz výsledků
(Následující sekce spojuje dostupné výsledky s vysvětlením, proč byly pro projekt důležité.)
Zlepšení mobilní použitelnosti
Baseline
Design e-shopu neodpovídal kvalitě značky a nebyl dostatečně moderní ani konzistentní.
Target
(Zlepšit použitelnost na mobilních zařízeních a odstranit zbytečné tření.)
Result
Zlepšení mobilní použitelnosti o přibližně 40 %
Casovy ramec: (Po nasazení a stabilizaci řešení)Overitelny vystup
Zlepšení mobilní použitelnosti o přibližně 40 %
Obchodni dopadCo zustane klientovi po spusteni
Výsledky
Výrazně modernější vizuální identita Zlepšení mobilní použitelnosti o přibližně 40 % Sjednocení design systému Lepší prezentace značky Značka působí profesionálněji a srozumitelněji. Mobilní návštěvníci se snáz orientují v nabídce. E-shop lépe odpovídá očekávání zákazníka, který nakupuje autorskou módu.
Zlepšení mobilní použitelnosti
40%
Zlepšení mobilní použitelnosti o přibližně 40 %
Postup realizace
01(Fáze 1)
Návrh nového vizuálního směru ve Figmě
Posílit první dojem ze značky a vytvořit design, který bude lépe fungovat na desktopu i mobilu.
02(Fáze 2)
Odsouhlasení detailů se zadavatelem
Mobilní návštěvníci se snáz orientují v nabídce.
03(Fáze 3)
Implementace designu do Shoptetu
E-shop lépe odpovídá očekávání zákazníka, který nakupuje autorskou módu.
04(Fáze 4)
Průběžné ladění detailů a základního SEO
Lepší prezentace značky
Milníky spolupráce
Nezůstali jsme u úpravy šablony, ale propojili návrh, implementaci a ladění do jednoho konzistentního výstupu.
01(Fáze 1)
Discovery
Owner: Dvojka V IT + klient
Akce
Návrh nového vizuálního směru ve Figmě
Dopad
Značka působí profesionálněji a srozumitelněji.
02(Fáze 2)
Návrh
Owner: Dvojka V IT
Akce
Odsouhlasení detailů se zadavatelem
Dopad
Mobilní návštěvníci se snáz orientují v nabídce.
03(Fáze 3)
Implementace
Owner: Dvojka V IT
Akce
Implementace designu do Shoptetu
Dopad
E-shop lépe odpovídá očekávání zákazníka, který nakupuje autorskou módu.
04(Fáze 4)
Ladění
Owner: Dvojka V IT
Akce
Průběžné ladění detailů a základního SEO
Dopad
Lepší prezentace značky
Pokud resite podobny kontextNavazujici obchodni krok
(Chcete podobně posunout i svůj e-shop?)
(Vhodné pro e-shopy, které mají kvalitní sortiment, ale jejich vizuál a UX zbytečně snižují důvěru.)
(Nezůstali jsme u úpravy šablony, ale propojili návrh, implementaci a ladění do jednoho konzistentního výstupu.)
(Na úvodním callu projdeme scope, priority i realistický další postup bez zbytečných slibů.)
Next step
30min call nad kontextem, prioritami a realnym dopadem.
Bez zbytecne technicke mlhy. Vyjasnime co je brzda, co ma nejvetsi obchodni efekt a jak rychle se da pohnout dopredu.
Pripraveno na dalsi krok
(Zajímá vás podobný přístup i pro e-shop?)
(Vhodné pro e-shopy, které mají kvalitní sortiment, ale jejich vizuál a UX zbytečně snižují důvěru.)
