Redesign e-shopu pro Obal Centrum

Blog / Dála Musil – 13. dubna 2018, aktualizace 1. dubna 2019

Jedním z největších projektů, který jsem v posledních měsících řešil, byl redesign e-shopu pro Obal Centrum. E-shop jsme před pár dny spustili, a protože šlo o redesign kompletní a hodně provázaný s firemními procesy, stojí za to mrknout se více pod pokličku nejen na zajímavosti z průběhu vývoje.

O klientovi

Obal Centrum je velkoobchod a e-shop s obaly a obalovým materiálem zejména pro chemický, farmaceutický, potravinářský či zemědělský průmysl, ale vzhledem k šíři sortimentu i pro běžné spotřebitele. Prodává zejména IBC kontejnery, sudy, kanystry, lahve, kartony, kbelíky a další podobné obaly od předních výrobců z ČR i Evropy. Sídlí ve Vesce u Pardubic a na trhu je aktuálně 19. rokem. Spolupracujeme od roku 2013.

Proč redesign?

Starý e-shop Obal Centra byl už hodně letitý - podle data v patičce běžel v téměř neměnné podobě od roku 2011. Ačkoliv na první pohled, jak vidíte i ve screenu níže, vypadal téměř prehistoricky, konverzní poměr byl velmi slušný. Vzhled samozřejmě nebyl hlavním důvodem, proč něco měnit.

Stěžejních důvodů bylo pět:

• počet mobilních uživatelů roste a neresponzivní e-shop jim naproti rozhodně nešel
• chybějící napojení na informační systém (Helios Orange) znamenal vyšší administrativní zátěž
• pronajaté řešení na platformě Inshop neumožňovalo individuální řešení některých funkcí
• zastaralost uživatelského rozhraní brzdila uživatelskou přívětivost i obchodní možnosti
• potřeba sjednotit informace na jedno místo z dosavadních dvou - odděleného e-shopu a webu

Moje úloha v redesignu

V rámci projektu jsem byl částečně designérem a částečně projektovým manažerem/technickým dozorem na straně klienta, tj. Obal Centra. Celkem jsem na projektu strávil přes 450 hodin.

Připravoval jsem všechny úvodní analýzy a podklady:

• situační analýzu (pozice na trhu, cílová skupina, firemní procesy...)
• SWOT analýzu (silné a slabé stránky a příležitosti a hrozby)
• analýzu konkurence (stav, produkty, v čem jsou lepší/horší...)
• analýzu klíčových slov (kvůli SEO a návrhu vhodné struktuřy e-shopu)
• datovou analýzu (jak se chovají současní návštěvníci e-shopu)
• strukturu (informační architekturu) e-shopu
• strukturu produktových kategorií
• wireframy základních stránek
• návrh a popis funkcionalit
• souhrnné zadání projektu

Během realizace jsem pak mj.:

• řídil komunikaci s dodavatelem e-shopu a dodavatelem informačního systému
• dohlížel na jednotlivé etapy (od návrhu grafiky přes kódování a implementaci až po spuštění)
• oponoval průběh vývoje a testoval funkčnost
• řešil napojení platební brány GoPay
• řešil synchronizaci dat mezi e-shopem a informačním systémem
• nastavoval administraci e-shopu a zaškoloval klienta
• tvořil částečně obsah nového e-shopu

Co jsme (vy)řešili

V mnoha ohledech jsme stavěli na zelené louce, takže toho byla spousta. Nejdůležitější je, že jsme vytvořili plně responzivní e-shop napojený na informační systém. E-shop, který je jednoduchý, přehledný, lépe organizovaný (mj. se trojnásobně zvýšil počet produktových kategorií), informačně hodnotnější i marketingově efektivnější.

Funkce dosavadního e-shopu byly v mnoha ohledech omezené, takže až v současném e-shopu jsou dnes zcela běžné samozřejmosti typu filtrace a řazení produktů v kategoriích podle parametrů či štítků, vyhledávání s našeptávačem, platební brána, dárky k objednávce nebo firemní blog. Přestože jsme měnili i zobrazení výpisu na mřížkové, tak je i nadále možné řádkové zobrazení po přepnutí. Velkým plusem je pak logicky i to, že je konečně vidět pořádně tlačítko Vložit do košíku, které šlo ve starém e-shopu snadno přehlédnout.

Chtěli jsme pochopitelně víc než jen samozřejmosti, takže jsou v novém e-shopu i fíčury méně běžné, např. možnost volby měny mezi českými korunami a eury, zcela individuální přizpůsobení transakčních e-mailů, možnost tvorby produktů čistě na objednávku (mimo klasický košík) nebo třeba výpočet dopravy mj. na základě objemu zboží a vzdálenosti.

Netradiční potíže

Když pominu potřebu přizpůsobit e-shop pro koncové spotřebitele i firmy (protože Obal Centrum provozuje i velkoobchod), zavedení EET v průběhu vývoje (které jsme vzhledem k nedávné změně ani zavádět nemuseli) a očekávané problémy při propojení mezi e-shopem a informačním systémem, narazili jsme na zapeklitost jen jednou u volby dopravy v košíku - ta se totiž vypočítává i na základě vzdálenosti dle PSČ:

• je lepší, když uživatel nejdříve vybere dopravu a platbu, pak zadá své údaje a ceny se přepočtou?
• nebo když nejdříve zadá své údaje a až pak vybere dopravu a platbu, která se rovnou zobrazí správně?

Nakonec jsme zvolili druhou variantu. Zobrazení údajů nad volbou dopravy jde sice proti typickému košíku, ale když nechcete řešit další políčko někde nahoře (které by mohlo zmást typickou starší cílovku), vyšlo nám to jako lepší varianta (i proto, že se dopravy a platby liší podle státu). Vše je samozřejmě na jedné stránce a věříme, že si uživatelé zvyknou.

Potvrzení známých faktů

Spolupráce na tomhle e-shopu mi potvrdila některá známá fakta. Většina je sice zřejmá, ale čas od času se vyplatí jejich připomenutí:

• čím více toho lépe specifikujete na začátku, tím méně nedorozumění vás čeká v budoucnu
• vyplatí se mít přehled o všem, co se řeší - já používal známou dvojku Evernote a Freelo
• osobní schůzka je lepší než komunikace po e-mailu, řeknete si toho více a snadněji se pochopíte
• zpoždění, byť menšímu, se lze u vývoje e-shopu málokdy vyhnout, i když se budete hodně snažit
• na druhou stranu zpoždění není vždy špatné, protože když máte více času, vznikne lepší výsledek
• při redesignu e-shopu, jehož původní verze je stará 7 let, se opravdu zapotíte :-)

Na hodnocení výsledků je brzy, ale nepochybuji, že jsme nastavili e-shopu správný směr - a jsem rád, že jsem se na něm mohl podílet. Obal Centru přeji spoustu spokojených zákazníků!

Aktualizace k 1. 4. 2019

Od spuštění e-shopu uběhl rok, ve srovnání s předchozím rokem měl redesign tento vliv:

• počet objednávek se zvýšil o 38 %
• konverzní poměr se zvýšil o 46 %
• míra okamžitého opuštění klesla o 17 %

Potřebujete také pomoct s redesignem webu či e-shopu? Ozvěte se mi.