Nová prezentace - ŠTĚRBA-KOLA.cz

MyEgo.cz

Nová prezentace - ŠTĚRBA-KOLA.cz

Webdesign, CMS 10.03.11

V lednu jsme dostali od pětinásobného mistra republiky v cyklistice, pana Roberta Štěrby, poměrně jasné zadání - vytvořit novou verzi eshopu ŠTĚRBA-KOLA.cz, aby o něm šlo prohlásit, že je nejlepší v republice, a to jak z pohledu komfortu a nabízených služeb pro zákazníka, tak snadnosti obsluhy pro 20 zaměstnanců Štěrba-kola.

Výsledkem první fáze implementace je tento nový web:

STERBA-KOLA.cz homepage

Grafiku kreslila, v subdodávce, Iva Schneiderová, ART-PGN.

Při analýze se zjistilo, že většina zákazníků, kteří na web přicházejí, není rozhodnuta pro konkrétní kolo.

Cílem webu je tedy nejdříve jim pomoci s výběrem. Kromě přehledné kategorizace kol (HT, celoodpružená, dámská, dětská, silniční, atd.) a přehledu značek je možné v novém katalogu kol snadno vyhledávat a filtrovat konkrétní kolo z několika tisíců podle vašich potřeb.

Pokud například budete jezdit v těžším terénu (chcete celoodpružené kolo), měříte 183cm, chcete investovat kolem 35 000 Kč a kolo si potřebujete ihned odvézt (tedy volba "skladem"), může váš filtr z výběru kol vypadat třeba takto:

výběr kola

Poté stačí stisknout tlačítko VYHLEDAT a zobrazí se vám ideální kola pro vás.

Pokud se potřebujete podrobně rozhodnout mezi několika nabízenými jízdními koly, použijte funkce pro jejich porovnání (u produktu najděte symbol "váhy") - zde si můžete zobrazit až 3 kola vedle sebe v přehledné srovnávací tabulce.

porovnání kol

V detailu kola poté naleznete nejenom jeho fotografie ve velkém rozlišení, ale také nabízené varianty, doporučenou výšku (zákazníka) vzhledem k velikosti varianty (kola), skladovou dostupnost a kompletní specifikaci a komponentové složení. Kola "skladem" jsou u Štěrby opravdu skladem, během pár hodin je budete mít složené a připravené na prodejně k jízdě, případně zdarma odeslané Toptrans službou po celé ČR.

detail kola

Pro zákazníka web nabízí řadu dalších prvků - výborný přehled o objednávkách, newsletter, fulltextové prohledávání, stovky článků o cyklistice, řadu doporučení, či třeba mobilní verzi webu pro rychlé zavolání či mobilní navigaci do prodejny.

Administrace

Nesmírně důležitou součástí každého eshopu je samozřejmě administrace.

V tomto případě je maximálně automatizovaná, karty kol se načítají z Excelovských souborů dodávaných výrobci kol, obrázky jsou automaticky opatřeny watermarkem a zmenšeny na požadovanou velikost a skladová dostupnost kol, ceny a slevy jsou propojeny s účetním systémem.

administrace

Web je kompletně konfigurovatelný uživatelskou obsluhou, veškeré klíčové parametry jsou uvedené v číselnících, které je možné komfortně editovat:

číselníky

Přidávání článků je díky XStandard 3.0 Pro WYSIWYG editoru velice pohodlné - článek je zobrazen v identické podobě v jaké se objeví na webu, editor také produkuje XHTML validní kód:

editor článků

Produkty jsou do systému načítány automaticky díky propojení s účetním systémem a importem XLS souborů, nicméně je možné je i indivuálně editovat, včetně AJAXového nahrávání obrázků:

editor produktu

Součástí webu je SEO optimalizace, exporty pro Zboží.cz, Heuréka.cz (a další agregátory), foto/video galerie s možností vkládání fotek do článků, možnost editace objednávek a karet klientů, newsletter modul, integrace s e-commerce částí Google Analytics či napojení na SMS služby pro posílání stavu objednávek zákazníkům.

Jste majitel webu?

Součástí nového eshopu je i affiliate modul - pokud jste majitel webové prezentace, můžete na svůj web snadno umístit affiliate odkazy Štěrba-kola.cz. Vyplácená provize 5% z ceny kola bez DPH znamená třeba u prodaného kola za 15.000 Kč celkem 750 Kč pro vás.

Cookie je návštěvníkům nastavena na 30 dnů.

Nevíte zatím jaké si koupit nové kolo?

Pokud si chcete zlepšit svoji fyzičku, pobavit se, zhubnout, nebo se jen tak pro radost projet na kole, ale nevíte zatím na jakém, zkuste si proklikat nákupního rádce pro jízdní kola na Štěrba-kola.cz. Věřím, že vám s výběrem pomůže.

Osobně mám kolo právě od Štěrby (konkrétně GT Zaskar Carbon), a jsem s prodejem i následným servisem velice spokojen.

Kromě GT si můžete vybírat i ze značek Cannondale, Author, Merida, A-Gang a Kelly's.

Co dál?

V další etapě vývoje bude doplněna možnost online rezervace do servisu (včetně ročních a garančních prohlídek), nabídka komponent a oblečení, a připravuje se ke spuštění kompletně nový web ŠTĚRBA-BIKE.cz s informacemi a eshopem pro sběratele a milovníky historických kol s naprosto fantastickými fotkami - unikátní projekt nejen v ČR, ale i v zahraničí.

Komentáře

1 Miloš Savara 10.03.11, 10:03:53

Radku. Ja som myslel ze svojim klientom odporúčas windows server s IIS a nie ngix web server :)
Je nejaký špeciálny dovod prečo to chodi najlepší eshop o bicykloch na ngix ? :) Predpokladam že používaš aspon ms sql.
2 Radek Hulán 10.03.11, 10:03:59

[1] ano, technicky jde o Linux, PHP, Apache a MySQL 5.x.
Redakční systém umí běžet na IIS/SQL Server (třeba MTBS.cz a KOLO.cz na tom běží), zde byla ale volba dána tím, že pod daným virtualizovaným serverem běží i další weby, co jsou (historicky) na LAMPu.
3 Tobiáš Potoček 10.03.11, 11:03:41

No pokud to má být nejlepší cykloeshop, tak určitě oceníte nějaký feedback :)
Předně vyskakovací menu je docela otravné (osobní názor), stačí přes to omylem přejet myší, a hned se to aktivuje. Přitom stačí nastavit 100-200ms prodlevu. Další problém je to, že web automaticky předpokládá určité znalosti zákazníka. Co jsem rychle proklikal web, tak jsem nebyl schopen najít rozdíl mezi MTB HT/Full. Prostý uživatel, co si chce koupit kolo, se tak imho bude cítit docela ztracen.
4 Radek Hulán 10.03.11, 11:03:57

[3] jj, ty velikosti kol musí klient poladit, má to v "úkolech" (je na to číselník, ale zatím není 100% finální). Ona to má každá značka jinak, 20" znamená cosi jiného (cca 180cm) u GT a jinak je to u Authora.. A dětská kola jsou zase jinak, tam 24" znamená 150cm.

Menu zobrazované se zpožděním je ale ergonomický nesmysl.

Jinak HT = přední odpružení (vidlice), FULL = celoodpružené (vidlice + tlumič). Lidi, co chtějí "MTB" mezi tím většinou umí rozlišovat, ale nápovědu jsem stejně doplnil - zobrazí se po najetí myší na typ kola.
5 Petr Vlk 11.03.11, 12:03:15

[3] Ano, s výběrem správného kola bych čekal větší pomoc, zvláště od článku "Jak si vybrat to správné kolo pro vás?", kde je (možná zatím) jen návod k vyhledávači a skutečně informace o výběru kola pro dítě. Ovšem nic o tom, co je ono MTB či něco o prodávaných značkách, rozhodně určeno někomu, kdo již něco o kolech tuší (zvláště v porovnávači, jak například poznám, které kliky jsou lepší).
6 Radek Hulán 11.03.11, 12:03:21

[5] díky za feedback, článek o tom, co je to MTB HT, MTB FULL, Cross, atd. klient připraví. Mezi cyklistickou komunitou jsou tyto základní termíny zaběhlé, tak si asi neuvědomil, že mimo ni až tak ne.. Programátorsky jsem tam přidal takovou tu mini nápovědu po najetí myší, která to krátce objasňuje / myslím, že to je pochopitelné.

Pro širší přehled o kolech - jsou tam články (stovky), a pak je tam telefon na prodavače :) Toto je jeden z případů, když nechceš číst 100 článků, kdy ti prodavač ušetří čas a poradí rychleji, než to zvládneš prozkoumat sám ;)
7 Petr Kratina 11.03.11, 01:03:35

Dobrý den Radku. E-shop se mi líbí, ale narazil jsem na pár drobností, které vás třeba zaujmou, a některé z nápadů třeba využijete.
1. Při vyhledávání kola jsem nejednou skončil na stránce bez jediného výsledku (měřím přes 200cm a tomuto požadavku, jak jsem zjistil, v některých kategoriích mnoho kol nevyhovuje). Bylo by užitečné, kdyby se už do formuláře s filtrem ajaxem nahrával počet výsledků aktuálně „nakliknutého“ filtru, ušetřilo by mi to mnoho zbytečných kliknutí.
2. Jak už jsem popsal výše, často jsem skončil na prázdné stránce s výsledky, když jsem ale instinktivně použil „zpět“ (to že mohu filtr rovnou zobrazit, mě došlo až po několika pokusech a i tak mě tlačítko zpět stále láká více), dostal jsem se na předchozí stránku, ale bez zobrazeného filtru. Řešení by přitom nebylo nijak náročné, stačilo by po rozbalení filtru přidat do url kotvu (např. #filtr) a při přechodu na stránku jednoduchým javascriptem zkontrolovat, jestli je kotva v url přítomna a pokud ano, formulář zobrazit.
Jinak přeji mnoho úspěchů, vypadá to víc než slibně!
Petr
8 Radek Hulán 11.03.11, 07:03:07

[7] o zobrazení filtru po hledání jsem dlouho uvažoval, problém ale je, že zabere cca 800px na výšku a nejsou pak na běžném monitoru notebooku vidět kola, což se ukázalo být při testování důležitější.
Ale zobrazení filtru po stisknutí "Back", když předtím byl zobrazen? To by šlo :-)
9 Michal Holub 11.03.11, 11:03:11

[8] jakým způsobem provádíš testování?
10 Jirka Meluzin 11.03.11, 12:03:57

Když vyhledávám zároveň dětská a dámská kola tak mi to nic nenajde...
11 Radek Hulán 11.03.11, 01:03:06

[10] to je v pořádku, protože dámské dětské kolo neexistuje. Volba "Dámská" funguje s ostatními jako "AND" - tedy "dámské HT" či "dámský FULL", nikoliv jako "OR". Když člověk hledá nesmysl (dámské dětské kolo), nenajde to nic, to není problém.
12 Václav Pokorný 11.03.11, 06:03:12

Výborné stránky, velice přehledné a funkční.
Detail: V záložce "fotografie firmy" není nutné aby po najetí na jakoukoliv fotku pořád vyskakovala hláška: "fotografie firmy". To stejné platí pro všechny zbylé fotogalerie.
Zbytečně to ruší.
13 Radek Hulán 11.03.11, 07:03:53

[12] to je jen název fotky, uživatelsky editovatelný.. Když se nevyplní, dává se tam název alba.

Twitter	Facebook
Instagram	LinkedIn

Nová prezentace - ŠTĚRBA-KOLA.cz

MyEgo.cz