Redesign a přepracování struktury e-shopu AtilaShop.cz

Výsledné řešení

Před samotnou přípravou nového grafického návrhu jsme provedli důkladnou analýzu konkurence. Důvod pro tento „průzkum“ nespočíval v nějakém opisování, ale v tom, aby byla nová verze e-shopu opět o trochu napřed. Snažili jsme se funkce, které jsou dnes běžné, posunout na novou úroveň za pomoci vylepšení UX, jež nikdo jiný nenabízí. 

Druhým typem analýzy, které jsme se věnovali, bylo testování zákazníků a jejich chování na e-shopu. Využili jsme k tomu teplotní mapy (Heatmaps) a nahrávky, jak návštěvníci webu prochází kategoriemi a stránkami s detaily jednotlivých produktů. Tyto poznatky se následně odrazily v chystaném grafickém návrhu.

Stěžejní prvky nového grafického návrhu

• moderní, čistý a přehledný design
• jednotný systém ikon a vizuálních prvků
• graficky jasnou hierarchii informací
• vzhled odpovídající tematickému zaměření (online železářství)

Co užitečného vzešlo z našich analýz?

• blok s možností kontaktovat e-shop telefonicky nebo prostřednictvím odeslání dotazu
• každá kategorie má za svým krátkým popisem uvedený i odkaz, který pomůže zákazníkům zkrátit cestu k výpisu produktů (je zde totiž velice vysoký blok s podkategoriemi)
• celý roztříděný sortiment je viditelný v menu umístěném na levé straně
• speciální bloky pro prezentace okamžité slevy a možnosti B2B spolupráce
• zvýraznění nabídky bezplatné dopravy pro objednávky nad 5 000 Kč
• hodnocení e-shopu bylo více vytaženo do popředí 
• možnost odběru v kamenné prodejně více na očích

Další praktické vylepšení, se kterým jsme přišli, byl přehledný výpis skladových zásob a rychlosti dodání u všech produktů a jejich jednotlivých variant. Díky tomu se každý zákazník ihned dozví, jaké množství je k dispozici a za jak dlouho může objednané zboží očekávat.

Nikdy nezapomínáme na to, co je důležité

Proč dělat důkladné analýzy webu? Právě proto, že objevíme nebo si potvrdíme, že jsou některé prvky a funkce využívané a důležité. A co je důležité, na to se nezapomíná. V každém případě je lepší mít argumenty a plánované změny podpořené analýzou, než postupovat instinktivně, i kdybychom měli mít ty nejlepší úmysly.

Vyhledávání

Funkci hledání jsme na mobilu nechali neustále otevřenou pro uživatelský vstup, neboť bylo na menších displejích původně málo viditelné a využívané. Naopak na monitorech vyhledávací pole uživatelé lépe viděli a proto jej hojně používali.

Přihlášení

K přihlášení jsou uživatelé motivováni možností okamžité 5% slevy po vytvoření registrace. Také se vybraným účtům zobrazují odlišné B2B ceny.

Další důležité prvky

Tím samozřejmě výčet důležitých prvků ani zdaleka nekončí. Mezi další části e-shopu, u kterých se nám potvrdil jejich nemalý význam, patří:

• horizontální navigace s velmi podrobným a rozsáhlým dropdown menu
• odkazy do podkategorií pro rychlý přístup k roztříděným specifickým produktům
• nejčastěji navštěvovaná kategorie produktů se nachází na začátku menu
• proklik na stránku s produkty od jedné značky
• vždy viditelný košík
• submenu na detailu produktu, které usnadňuje scrollování na jednotlivé části (Podrobný popis, Hodnocení produktu, Podobné produkty, Související produkty)

Když něco ruší, ať to ruší co nejméně

Uživatelsky nepřívětivou povinností dnešních internetových stránek je takzvaná cookie lišta. Bohužel musí být přítomná na všech webech, ale nebudeme si nalhávat, že nekazí prvotní návštěvníkův dojem z e-shopu. Proto jsme se rozhodli, že v případě atilashop.cz uděláme lištu minimalistickou a přístupnější, aby zakrývala co nejméně obsahu. Povinnost je splněna, neznamená to však, že by musela obtěžovat víc, než je nutné.

Posvítili jsme si na každý typ stránky

V rámci našeho redesignu jsme prošli každý typ stránky a pokusili se z něj dostat to nejlepší. Asi by bylo od nás odvážné tvrdit, že je e-shop po našem redesignu dokonalý (koneckonců zvyklosti uživatelů se v čase mění), ale postupné zlepšování je to, o co nám jde. Každou novou úpravou se snažíme fungování e-shopu a proces objednávání ušít na míru byznysu našich klientů a především jejich zákazníkům.

Homepage

Hlavní stránka atilashop.cz je vlastně jedním velkým rozcestníkem, kde musí být vidět co nejvíce boxů s kategoriemi a podkategoriemi. Důležitou roli hraje i vyhledávání, které se často využívá. Pod rozcestníkem prezentujeme informace o firmě ATILA STÝL s.r.o., kamenné prodejně a možnosti 5% slevy po registraci. Nechybí kontaktní údaje a nejprodávanější produkty.

Výpis kategorie

Horní popis kategorie jsme zkrátili a jeho plná verze je přístupná až po kliknutí na odkaz. Na předních místech se zobrazují v minimalistickém provedení tři nejprodávanější produkty. Přehlednosti také prospějí lepší a širší možnosti filtrování. Na této stránce je také trvale viditelné levé menu s výpisem kompletního roztříděného sortimentu do kategorií. Pod výpisem obsahu kategorie uvádíme podrobnější text a poslední navštívené produkty.

Detail produktu

Na stránce s detailem produktu jsme kromě obligátní galerie s fotografiemi produktu zapracovali i na tabulce s variantami, neboť tento typ zboží je na webu velice častým. Některé produkty mají variant větší množství, a proto musel být jejich výpis co možná nejpřehlednější. Nezapomněli jsme ani na hodnocení produktu a e-shopu.

Kontakty

Stránka s kontaktními informacemi je na webu atilashop.cz často navštěvovaná, a tak jsme zapracovali na její přehlednosti. Telefonní číslo a e-mailová adresa musely být na první pohled výrazné a nepřehlédnutelné, aby je uživatelé nemuseli hledat.

SLOVO ZÁVĚREM

E-shop firmy ATILA STÝL s.r.o. je ukázkovým příkladem postupného vylepšování na základě analýz, kdy nám jde nejen o moderní vzhled a změny za každou cenu, ale především o funkční řešení, která se pozitivně odrazí na tržbách. V takové situaci nelze použít nic jiného než pečlivý a systematický přístup. A o ten nám jde především. Zkrátka víme, co děláme a děláme to dobře. Výsledky naší práce, které se dostaví v podobě násobného zvýšení tržeb, jsou tomu důkazem. Chcete-li i vy pozvednout váš online byznys a využít naše znalosti, kontaktujte nás.