01
Horní lišta a hlavička
Černá lišta se sloganem „More hills, less problems“, kulaté logo, jednoduché menu se čtyřmi kategoriemi a výrazný košík s ikonami vyhledávání a účtu.
Case study
Navštívit e-shop ↗
Krkonoše District
E-shop s oblečením a doplňky z Krkonoš. Kompletní redesign již existujícího řešení, převedený do kódu nad šablonou Shoptet Classic tak, aby vše vizuálně odpovídalo brandu.
Zadání
E-shop, který vypadá jako značka
Klient chtěl e-shop, který nebude na první pohled působit jako další obchod postavený na univerzální šabloně Shoptetu. Původní řešení nedokázalo dostatečně vystihnout vizuální identitu značky ani nabídnout zákazníkům požadovaný nákupní zážitek.
Cílem redesignu bylo vytvořit moderní, vizuálně výrazný a přehledný e-shop, který bude přirozeně komunikovat charakter značky. Důraz jsme kladli nejen na individuální design, ale také na intuitivní navigaci, prezentaci produktů a jednoduchý nákupní proces.
Výsledkem měl být e-shop, který se odliší od konkurence, posílí identitu značky a zákazníkům zpříjemní cestu od výběru produktu až po dokončení objednávky.
Řešení
Z Shoptetu zbyla jen ikona v patičce
Kompletní redesign již existujícího řešení. Grafický design byl následně přepracován do kódu nad šablonu Classic tak, aby vše vizuálně odpovídalo brandu. Vzhledově ze Shoptetu zbyla jen „shoptetí“ ikona v patičce.
Prvky webu
Co všechno se změnilo
Projděte si e-shop část po části.
02
Úvodní banner
Úzké kondenzované písmo ve dvou barvách, krátký claim a velká fotka z hor. Banner hned ukazuje náladu značky i to, pro koho oblečení je.
03
Kategorie
Čtyři karty kategorií s produkty na zeleném přechodu, výrazným názvem a stručným výčtem, co v kategorii najdete.
04
Konkurenční výhoda
Pruh ve světle zelené barvě značky vysvětluje, proč nakoupit právě tady: garance doručení, osobní přístup místo anonymního marketplace, přes 3000 výdejních míst a malé série.
05
Patička
Patička začíná velkým claimem „More hills, less problems“ a krátkým příběhem značky. Pod ním je přehledná navigace v pěti sloupcích s kontakty a Instagramem. Ze Shoptetu tu zůstala jen jeho ikona.
06
Náhled košíku
Po přidání zboží vyskočí kompaktní náhled s fotkou, velikostí a cenou. Množství jde upravit rovnou tady a zelená hláška v barvách značky potěší informací o dopravě zdarma.
07
Přehled položek
Výpis kategorie s velkým nadpisem, řazením v podobě přehledných tlačítek a filtrem schovaným pod jedním klikem. Produkty mají jednotné fotky na zeleném pozadí, štítek dostupnosti, cenu a tlačítko rovnou do košíku.
08
Nákupní proces bez překážek
Objednávka ve třech jasných krocích s ukazatelem průběhu. Doprava i platba jsou přehledné karty s logy dopravců a cenou, vybraná možnost se zvýrazní v barvě značky. Rekapitulace s celkovou cenou je stále na očích.
09
Klientská část
Klientské centrum ve stejném stylu jako zbytek e-shopu. Boční menu ve světle zelené barvě značky, výrazný nadpis a přehledná tabulka posledních objednávek se stavem. Zákazník tak nemá pocit, že by z obchodu odešel jinam.
Chcete e-shop, který nevypadá jako Shoptet?
Napište pár vět o svém projektu. Ozvu se do dvou pracovních dnů.