Nový e-shop na míru pro mistry kuchyně [case study: Tescoma]

Když jsme se pustili do vývoje nového e-shopu pro Tescomu, tušili jsme, že to bude výzva. Tescoma totiž není jen obyčejná firma – je to značka, která rezonuje ve světě kuchyňského vybavení již více než 32 let. Své produkty prodává ve 130 zemích a jejich sklady ročně projde přes 40 milionů výrobků. O tom, jak jsme společně vyvíjeli nový e-shop napojený na 134 českých prodejen, se dočtete v naší case study.

První krok: z krabice k řešení na míru

Tescoma provozovala své firemní weby (CZ, SK, PL, HU, IT, EN, ES, PT a DE) a B2C e-shopy (CZ, SK, PL, HU, DE, ES a PT) na pronajatém „krabicovém“ řešení. To bylo sice funkční, ale i přes upgrady systému přestávalo postupem času vyhovovat. Celé řešení představoval jeden velký program, který zajišťoval vše – od webu a e-shopu přes věrnostní program až po správu informací o prodejnách. A to byl hlavní kámen úrazu. V případě, že se v jedné části aplikace objevila chyba (např. na e-shopu), ovlivnilo to celý systém.

Bylo jasné, že stávající řešení je potřeba modernizovat, proto se Tescoma rozhodla pro přechod na vlastní systém rozdělený na menší komponenty, které mohou fungovat samostatně. V praxi to znamenalo oddělení webu, CRM, správy produktů (PIM) a omnichannel API, které zajišťuje komunikaci s pokladními systémy v prodejnách. Díky tomuto modulárnímu přístupu fungují všechny části systému nezávisle a pokud dojde k chybě, většinou se v dalších částech neprojeví.

Jednotný vizuální styl pro všechny trhy

Při navrhování designu webu jsme věděli, že musíme spojit funkčnost s estetikou. Pod vedením zkušených UX designérů, Martina Valenty a Aleše Bartůňka, vznikl konzistentní a jednotný vizuální styl pro všechny trhy, kde Tescoma působí. Jeho konečná podoba byla vytvořena na základě téměř 200 artboardů, které pokrývají všechny možné scénáře chování uživatelů. Navíc jsme do návrhu zapracovali i specifické požadavky jednotlivých zemí, jako jsou různé věrnostní programy, komunikace na sociálních sítích nebo rozdílné platební metody.

Vylepšené funkce pro lepší uživatelský zážitek

Jednou z hlavních předností nového e-shopu je propracovaná zákaznická sekce. Po přihlášení mohou zákazníci nejen sledovat své objednávky, ale také dohledat nákupy uskutečněné v kamenných prodejnách, a to díky integraci se svou věrnostní kartou.

Systém navíc umožňuje kontrolovat dostupnost zboží ve všech prodejnách zapojených do omnichannel sítě. To znamená, že zákazníci si mohou snadno vybrat, zda chtějí zboží doručit domů, nebo si ho vyzvednou v jedné z prodejen díky click&collect.

Další funkce na e-shopu:

Věrnostní program – zákazníci mohou po předložení věrnostní karty sbírat TESCOMA Klub body, a to jak na e-shopu, tak na prodejnách.
Dárkové poukazy – fyzické nebo elektronické poukazy mohou zákazníci uplatnit na všech prodejnách, a to včetně franšíz.
Hlídání zboží u nedostupných produktů – jakmile je zboží opět naskladněno, přijde zákazníkovi upozornění e-mailem.
Přehledná interaktivní mapa prodejen – obsahuje otevírací dobu, kontakty, aktuální informace a fotografie jednotlivých prodejen (ukázka zde).
Sekce “Pro zákazníky” a “Vše o nákupu” – zde najdou zákazníci veškeré informace o objednávkách, včetně cen dopravy a postupu při reklamaci. Díky tomu se výrazně snižuje počet dotazů na infolince.
Produktová videa – na e-shopu je k dispozici více než 1000 videí, která zákazníkům ukazují detaily o jednotlivých produktech.
Konfigurátor kuchyňských organizérů Flexispace – umožňuje zákazníkům interaktivně navrhnout uspořádání organizérů podle velikosti jejich šuplíků.

Funkce na míru potřebám zákazníků

Tescoma nabízí zákazníkům několik možností doručení. Kromě klasického doručení na adresu nebo do výdejních míst mohou zákazníci využít možnost rezervace zboží přímo na prodejnách, což je skvělá volba pro ty, kdo si chtějí zboží před nákupem prohlédnout.

I nákupní proces je navržený tak, aby byl pro zákazníka co nejpohodlnější. Systém si pamatuje poslední zvolené dopravní a platební metody, což zjednodušuje a urychluje opakované nákupy. Vyplňování adres zjednodušuje nástroj Foxentry, který našeptává správné údaje, kontroluje firemní data, e-maily, jména i telefonní čísla, čímž minimalizuje chyby v objednávkách. Navíc díky local storage zůstávají vyplněné údaje uloženy i po aktualizaci stránky nebo při přechodu mezi jednotlivými kroky objednávky, takže zákazník nemusí nic znovu vyplňovat.

Pro zákazníky, kteří preferují asistovaný nákup, je k dispozici bezplatná infolinka, která jim umožňuje objednávku dokončit telefonicky za stejných podmínek jako na e-shopu. I když tuto možnost aktuálně využívá jen asi 1,5 % zákazníků, je to skvělá alternativa pro ty, kteří preferují osobní kontakt.

Moderní technologie a jednodušší administrace

Pod kapotou nového e-shopu se skrývají nejmodernější technologie. Frontend běží na React JS a komunikuje s headless backendem přes GraphQL. Tato architektura zajišťuje vyšší výkon a rychlejší načítání stránek. Kromě toho správa celého e-shopu, včetně všech jeho devíti jazykových verzí, probíhá z jedné administrace, což Tescomě umožňuje efektivněji spravovat obsah.

Vzhledem k zásadním změnám ve všech systémech jsme založili také nové GTM a Server GTM kontejnery (SGTM), které jsme nastavili podle aktuálních doporučení. S využitím řešení SGTM lze zaznamenat o více než 30 % více dat v reklamních systémech, což umožňuje efektivněji řídit marketingové kampaně a maximalizovat jejich úspěšnost. Zároveň je SGTM odolnější proti ad-blockerům a omezením prohlížečů, takže nabízí lepší přehled o výkonu webu a umožňuje lepší plánování. V neposlední řadě také zrychluje web, jelikož redukuje nutnost načítání jednotlivých měřících kódů na straně uživatele.

Pro optimalizaci výsledků vyhledávání jsme do e-shopu implementovali také Luigi’s box. Díky němu jsou zákazníkům doporučovány produkty na základě jejich chování a historie nákupů, což vede k lepší míře konverze a vyšším prodejům.

Výsledek? Růst návštěvnosti i prestižní ocenění

S novým e-shopem, který jsme spustili v roce 2022, Tescoma dosáhla meziročního nárůstu návštěvnosti o 32,86 %, a co je důležitější, návštěvy z organického vyhledávání stouply o neuvěřitelných 195 %. Skvělým ukazatelem je také nárůst počtu nákupů registrovaných členů Tescoma klubu o 23 % za poslední rok.

Nový e-shop získává uznání i od odborné veřejnosti. V roce 2023 obhájil titul ShopRoku v kategorii Kuchyně a v rámci projektu Velký test logistiky se zařadil mezi TOP 10 e-shopů s nejlepším UX a komfortem při nakupování. K tomu se také umístil mezi 100 největších e-shopů v ČR podle metodiky CzechCrunch.

Co dál? Pokračujeme společně

Spuštěním e-shopu naše spolupráce rozhodně nekončí. Společně s Tescomou neustále pracujeme na nových vylepšeních a funkcích formou tzv. co-developmentu. To znamená, že některé části Tescoma vyvíjí interně a na jiných spolupracuje s agenturami. Tento přístup zvolila z důvodu vyšší agility, nižších nákladů, rychlejšího sestavení týmu, rychlejší realizace, nezávislosti na jediné agentuře a vyšší bezpečnosti díky možnosti zastupitelnosti.

Čtěte také