Jak si snadno koupit boty (aneb umíme 100% přehledný eshop)

Před pár měsíci jsem popisoval vývoj eshopu TempleStore.cz. Cílem bylo udělat maximálně přehledný eshop, v němž se bude zákazníkům snadno nakupovat a budou se výborně orientovat ve více než 15 tisících položkách zboží. Tedy věc, která většině tuzemských eshopů chybí.

Když se dnes podívám na hodnocení na Heuréka.cz, takto vypadají reakce zákazníků - myslím, že cíle bylo dosaženo :-)

Důvodem je samozřejmě spousta přemýšlení a práce, která byla do TempleStore.cz investována.

Pojďme se podívat na nějaký jednoduchý případ - chcete si koupit nové pánské boty. Věc, která by měla být opravdu snadná, a v níž přesto většina eshopů selže.

Už v hlavním menu jsou přehledně vidět kategorie zboží s fotkou po najetí myší, hlavní sekce používají speciálně nakreslené piktogramy.

Pojďme si ale vybrat ony pánské boty.

Vy kliknete na bod menu "Boty", a my vám tuto sekci přesuneme nahoru, aby ji uživatel na běžném 1366x768 rozlišení notebooku hned viděl otevřenou, nemusel skrolovat a mohl se tak okamžitě orientovat:

Poté si vyberete sekci "Boty pánské" a my jdeme ještě dál -> ostatní kategorie zboží v tuto chvíli přesuneme až pod filtry. Už víme, že se zajímáte o pánské boty a usnadníme vám následující výběr. Snadno si tak můžete z několika set párů bot vybrat přesně ty, které vás zajímají - značku, velikost, barvu. Filtry máte přímo před očima. A když si boty vyberete, také je (o to pravděpodobněji) koupíte.

Je to logické a přirozené, ale skoro nikdo to v eshopu nedělá, vše bývá statické.

Zde jsem si zvolil velikost bot 43 a značku Vans. Vše na stránce je naprogramováno AJAXem, bez znovunačítání stránky. Použité filtry (v tomto případě značka a velikost) jsou na stránce zobrazené 2x, jednou v levém boxu a podruhé jako červená lišta hned nad produkty. Udeří vás to do očí, orientujete se, hlavně když se pomocí tlačítka "Zpět" vrátíte z detailu produktu..

Velikost bot můžete filtrovat v EU i US mírách, přepočítáváme je, a to pro každou značku správně jinak (není to standardizováno).

Větší fotku (či více fotek) bot vám zobrazíme už po najetí myší nad produkt, nemusíte tedy otevírat mnoho detailů bot, což je pomalejší -> pravděpodobně si vizuálně vyberete co koupit už v tomto přehledu.

Následně si jedny boty zvolíte a kliknete na detail. Z mnoha velikostí, co jsou u daného modelu k dispozici, vám předvybereme tu velikost, kterou jste měl nastavenou ve filtru, nemusíte znovu klikat, že chcete botu velikosti 43. A ukážeme vám vysvícenou její velikost v US, EU mírách i v cm.

V tuto chvíli stačí stisknout tlačítko "Koupit" a je hotovo.

Pod onou vybranou botou (a samozřejmě i v nákupním košíku) vám taky zobrazíme to, co vás může ještě zajímat - související zboží, a pro inspiraci i kategorie zboží, na které jste dosud třeba nepomyslel -> kšiltovky, batohy, pásky, peněženky, sezónně i plavky a sluneční brýle.

Výsledek? Maximální přehlednost pro zákazníka. E-shop, ve kterém je radost nakupovat, pohyb v něm je pro zákazníka přirozený a intuitivní, nemusí se nic učit a dlouze zkoumat. Ona dosažená intuitivnost je přitom (paradoxně?) otázka dost přemýšlení a řady optimalizací.

Skoro žádný jiný eshop, kromě pár gigantů s miliardovým obratem, to nedělá takto dobře.

Optimalizovány jsou i takové zdánlivé triviality jako je Facebook box. Na naprosté většině webů se načítá Facebook box Javascriptem a je to často zoufale pomalé, zdržuje to výrazně celý web. Na TempleStore.cz je Facebook načítán z RSS feedu CRONem v pozadí, je uložen do cache a filtrován (například tam nejsou zobrazeny odkazy z Facebooku na TempleStore blog, protože by docházelo k duplikaci feedu a obsahu webu samotného). Výsledkem je vyšší rychlost načítání celé homepage a 100% kontrola nad designem stránky.

A pokud toto celé spojíte se seriózním obchodníkem, pro nějž skladem znamená skutečně skladem, je zákazník spokojen na 100%.

Související: TempleStore.cz - případová studie eshopu