Vývoj funkcí na míru pro Renovality CZ a SK
Interaktivní test typu pleti, úpravy košíku pro slevové kampaně, produktové poradenství a další vlastní funkce pro český a slovenský Shoptet.
Shrnutí projektu
Pro český a slovenský e-shop Renovality jsem vytvářel vlastní frontendové funkce a průběžné úpravy nad rámec standardních možností Shoptetu. Mezi hlavní části projektu patřil interaktivní test typu pleti s doporučením vhodných produktů, časově řízená úprava košíku během slevových kampaní, kontaktní formulář na detailu produktu a vlastní zobrazení bannerů, recenzí a obsahových prvků v kategoriích.
Detaily projektu
Kontext, problém, řešení a moje role v projektu.
Kontext klienta
Renovality provozuje samostatný český a slovenský e-shop zaměřený na kosmetiku, péči o pleť a doplňky stravy. V průběhu spolupráce jsem navazoval na stávající podobu e-shopů a postupně řešil nové požadavky související s orientací zákazníků, produktovým poradenstvím, slevovými kampaněmi a prezentací obsahu. Většina větších úprav byla nejprve připravena a otestována a následně nasazena na českou i slovenskou verzi.
Kontext spolupráce
Standardní možnosti Shoptetu nestačily na několik konkrétních obchodních scénářů. Zákaznice potřebovaly snáze vybrat péči podle typu pleti, během celoplošných slevových kampaní bylo nutné odlišit dárkové poukazy od běžných slevových kódů a produktové stránky měly nabídnout přímou možnost poradit se s výběrem. Současně bylo potřeba zachovat správné fungování obou jazykových verzí a možnost spravovat vybrané části bez zásahu do kódu.
Řešení
Pro e-shop vznikl vlastní průvodce, který pomocí několika otázek určil typ pleti a doporučil odpovídající kategorii produktů. Pro období slevových kampaní jsem upravil košík tak, aby místo běžných slevových kódů přijímal pouze osmimístné číselné dárkové poukazy a režim se dal řídit datem z administrace. Na detail produktu jsem doplnil responzivní kontaktní formulář pro žádost o pomoc s výběrem. Dále jsem upravil kategoriové bannery, navigaci, recenze mezi produkty a další obsahové prvky. Všechna klíčová řešení vznikla pro českou i slovenskou verzi.
Co jsem udělal
- Vývoj interaktivního testu pro určení typu pleti
- Bodové vyhodnocení odpovědí a doporučení vhodné kategorie produktů
- Česká a slovenská varianta testu včetně spuštění z desktopového i mobilního menu
- Časově řízené zobrazení pole pro dárkové poukazy během slevových kampaní
- Omezení vstupu na osmimístné číselné poukazy
- Nastavení začátku a konce kampaně pomocí proměnných v administraci
- Kontaktní formulář na detailu produktu pro desktop i mobil
- Oprava zobrazení formuláře také u vyprodaných produktů
- Vlastní bannery a obsahové prvky na detailu kategorií
- Zobrazení vybraných zákaznických recenzí mezi produkty
- Úpravy konkurenčních výhod, ikon, navigace a sezonních kategorií
- Odstranění duplicitního TikTok pixelu a pomoc s nastavením Google zákaznických recenzí
- Průběžné opravy českého a slovenského e-shopu
Co jsem řešil
- interaktivní test pro určení typu pleti
- vyhodnocení odpovědí a doporučení produktové kategorie
- samostatné české a slovenské texty
- spuštění testu na desktopu i mobilu
- časované kampaně ovládané z administrace
- oddělení dárkových poukazů od běžných slevových kódů
- kontaktní formulář na detailu produktu
- zobrazení formuláře u nedostupných produktů
- odlišné obrázky pro náhled a detail kategorie
- recenze vložené do produktového gridu
- úpravy navigace a konkurenčních výhod
- kontrola responzivního zobrazení
Hlavní výzva
Největší technickou výzvou bylo rozšířit existující Shoptet bez narušení jeho standardního chování. Dárkové poukazy platforma zpracovávala stejně jako slevové kódy, proto bylo potřeba vytvořit vlastní prezentační a validační vrstvu, která během kampaně povolila jen správný formát poukazu. U testu typu pleti bylo důležité propojit bodové vyhodnocení s kategoriemi, jejichž obsah může klient později měnit přímo v administraci. Každá funkce zároveň musela fungovat v českém i slovenském e-shopu a na desktopu i mobilu.
Výsledek
Český i slovenský e-shop získaly několik vlastních funkcí, které standardní šablona Shoptetu nenabízela. Test typu pleti pomáhá zákaznicím s orientací v nabídce a přivádí je do kategorií s vhodnými produkty. Kontaktní formulář rozšířil produktové stránky o přímou možnost poradenství. Úprava košíku umožnila během pravidelných kampaní oddělit dárkové poukazy od běžných slevových kódů a řídit jejich zobrazení podle předem nastaveného období.
„Vojta nám pomohl vyřešit úpravy, které se na webu řešily roky. Byl o 1000 % rychlejší než všichni okolo a výsledek byl fakt pecka. Kdyby chtěl někde hodnocení, vychválíme ho do nebe. Strašně moc děkuji a doufám, že spolu pofrčíme dál.“
Jana Sýkorová
Marketing Director & PPC Specialist
Použité technologie
Vybrané oblasti práce
Konkrétní části projektu, na kterých jsem se v rámci spolupráce podílel.
Interaktivní test typu pleti
Vlastní průvodce pomáhá zákaznici určit typ pleti a pokračovat k odpovídajícím produktům.
- bodové vyhodnocení odpovědí
- vlastní grafické zpracování
- výsledek přímo v testu
- propojení s produktovou kategorií
- česká a slovenská verze
Dárkové poukazy během kampaní
Časově řízená úprava košíku odděluje dárkové poukazy od běžných slevových kódů.
- automatický začátek a konec režimu
- osmimístný číselný formát
- vlastní texty a ikona
- nastavení z administrace
- nasazení na CZ i SK
Produktové poradenství
Kontaktní blok na detailu produktu umožňuje zákazníkovi požádat o pomoc s výběrem.
- fotografie konkrétní poradkyně
- telefonní kontaktní formulář
- mobilní a desktopové rozložení
- české a slovenské texty
- funkčnost u vyprodaných produktů
Kategorie, bannery a recenze
Vlastní úpravy rozšířily práci s kategoriemi a sociálním důkazem nad možnosti standardní šablony.
- samostatné ikony a široké bannery
- upravený rozcestník podkategorií
- recenze mezi produkty
- úpravy boční navigace
- responzivní zobrazení
Ukázky z projektu
Vybrané části českého e-shopu Renovality, interaktivního testu typu pleti a vlastních úprav kategorií a produktového poradenství.
Otázka v interaktivním testu typu pleti
Výsledek testu s doporučenou péčí
Kontaktní formulář na detailu produktu
Původní detail produktu před doplněním formuláře
Zákaznická recenze vložená mezi produkty
Vlastní rozcestník kategorií
Potřebuje váš Shoptet funkci, kterou standardní šablona nenabízí?
Pomohu navrhnout a vytvořit řešení na míru – od produktového poradenství a formulářů přes úpravy košíku až po dlouhodobý rozvoj české i zahraniční verze e-shopu.
Probrat úpravy e-shopuDalší projekty
Dlouhodobý vývoj Shoptet e-shopů Buga a Buga Outlet
Kompletní implementace nového vzhledu, vlastní funkce nad rámec Shoptetu a dlouhodobý rozvoj hlavního e-shopu Buga i jeho outletové verze.
Migrace Shoptet šablony a rozvoj e-shopu Alkoholový Shop
Přechod ze zastaralé šablony Pop na novější Classic, úprava produktových výpisů, navigace a nasazení ověřování věku i zákaznických recenzí.