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

MyEgo.cz

home foto blogy mywindows.cz kontakt

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 :-)

Přehlednost jak ji vidí zákazníci

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.

Hlavní menu

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:

Boty

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é.

Boty pánské

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.

Boty pánské, značka Vans, velikost 43

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.

Detail boty, předvybraná velikost

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.

Detail boty, související zboží

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


Komentáře

  1. 1 Jan Lukeš 29.05.12, 12:05:06
    FB

    Zobrazení fotek a možnost změny pohledu rovnou na stránce přehledu zboží je perfektní, doufám, že to stane normální i u jiných eshopů. Well done!

  2. 2 Radek Hulán 29.05.12, 12:05:51
    FB

    [1] jo, často si říkám, když nakupuji jinde, jak lepší zážitek by to mohl být. Ale odkazy na http://mywebdesign.cz/ majitelům necpu, na to musí přijít oni, že potřebují posun v kvalitě. ;)

  3. 3 Václav Pekárek 29.05.12, 08:05:07
    FB

    Pěkný shop. První, kde jsem nalezl takovou základní věc, jako filtraci in-line bruslí podle velikosti. A ne jen podle značky a využití.

  4. 4 Miroslav Tišer 29.05.12, 09:05:22
    FB

    Opravdu super práce. Řekl bych, že by se ostatní měli poučit. Když si ale představím, kolik to celé muselo stát, je mi jasné, že takových e-shopů bude i nadále jen poskrovnu.

  5. 5 Adam Perutka 06.06.12, 10:06:33
    FB

    Dobrý den p. Hulán.
    mohl byste mi poslat nějakou velmi hrubou cenovou představu, na kolik Vaše služby vyjdou? Vaše počiny se mi líbí. na mailATsluchatka.net
    a jediné, co potřebujeme zlepšit, je právě přehlednost eshopu.

    http://obchody.heureka.cz/sluc...
    trochu detailů: jde mi zejména o samotné programování, návrh již je hotový poměrně do detailů.
    Hlavním plánem je totální zrušení klasických "kategorií" a jejich kompletní nahrazení chytrým ajaxovým filtrováním.

    je-li zde jiný schopný programátor, který by měl zájem, neváhejte se mi ozvat.