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í.
Shrnutí projektu
Pro e-shop Alkoholový Shop jsem původně řešil rozšíření produktových výpisů a úpravy zastaralé šablony Pop. Namísto dalšího investování do starého řešení jsem klientovi doporučil přechod na novější šablonu Classic, která z původní šablony vychází, ale nabízí modernější základ pro další rozvoj. Po migraci jsem šablonu přizpůsobil původnímu fungování e-shopu, upravil homepage, produktové výpisy, kategorie a detail produktu. Součástí spolupráce bylo také nasazení služby Ověř18 pro kontrolu věku zákazníků, zobrazení zákaznických recenzí a řada menších úprav podle potřeb klienta.
Detaily projektu
Kontext, problém, řešení a moje role v projektu.
Kontext klienta
Alkoholový Shop je specializovaný e-shop a kamenná prodejna zaměřená na rumy, whisky, destiláty, limitované edice a další alkoholické produkty. Nabídka obsahuje velké množství kategorií, značek a produktů, takže důležitou roli hraje přehledná navigace a efektivní využití prostoru v produktových výpisech. E-shop dlouhodobě fungoval na Shoptetu se starší šablonou Pop.
Původní zadání
Klient chtěl především rozšířit obsahovou část homepage tak, aby se na jednom řádku zobrazilo více produktů bez výrazného zmenšení jejich fotografií. Další produkty se měly posouvat horizontálně místo pokračování do dalších řádků, a to na desktopu i mobilních zařízeních. Při analýze původního řešení se ale ukázalo, že rozsáhlejší úpravy zastaralé šablony Pop by nebyly dlouhodobě efektivní. Místo postupného opravování starého základu jsem proto navrhl migraci na novější šablonu Classic.
Řešení
Šablona Classic navazuje na původní Pop, takže umožnila zachovat podobný charakter e-shopu a zároveň jej převést na novější a lépe udržovatelný základ. Nejprve jsem připravil novou verzi e-shopu na šabloně Classic a následně ji přizpůsobil požadavkům klienta. Upravil jsem strukturu homepage, produktové slidery, levé kategoriové menu, produktové výpisy a vybrané prvky detailu produktu. Součástí práce bylo také zachování důležitých funkcí původního e-shopu a jejich kontrola po migraci. Do košíku jsem pomohl nasadit službu Ověř18 pro kontrolu věku a na homepage doplnil zobrazení zákaznických recenzí.
Co jsem udělal
- Migrace e-shopu ze zastaralé šablony Pop na novější Classic
- Příprava a kontrola nové verze e-shopu před nasazením
- Přizpůsobení nové šablony původnímu obsahu a fungování e-shopu
- Rozšíření produktových výpisů na homepage
- Vytvoření horizontálně posouvaných produktových sekcí
- Úprava zobrazení kategorií a levého navigačního menu
- Úprava produktových štítků a příznaků
- Změna zobrazení původní ceny, slevy a procentuálního zvýhodnění
- Úpravy konkurenčních výhod na homepage
- Nasazení služby Ověř18
- Začlenění kontroly věku do objednávkového procesu
- Doplnění zákaznických recenzí na homepage
- Úpravy detailu produktu
- Průběžné drobné úpravy podle zpětné vazby klienta
Co jsem řešil
- posouzení stavu původní šablony Pop
- doporučení vhodnějšího dlouhodobého řešení
- přechod na šablonu Classic
- kontrola obsahu a funkcí po migraci
- více produktů na jednom řádku homepage
- horizontální posouvání produktových sekcí
- úpravy kategoriového panelu a levého menu
- úpravy slev, cen a produktových příznaků
- začlenění ověření věku do košíku
- kontrola návaznosti na dopravu a platbu
- zobrazení posledních zákaznických recenzí
- responzivní úpravy pro desktop i mobil
Hlavní výzva
Hlavní výzvou nebylo pouze upravit vzhled jedné části webu, ale rozhodnout, zda má smysl dále rozvíjet zastaralou šablonu. Úpravy původní šablony Pop by krátkodobě splnily zadání, klient by ale investoval do řešení s omezenou budoucí využitelností. Migrace na Classic znamenala větší zásah na začátku, ale vytvořila stabilnější základ pro další rozvoj e-shopu. Další důležitou částí byla kontrola objednávkového procesu. Po přechodu bylo potřeba zachovat dopravy, platby, osobní odběr a další funkce a současně do procesu začlenit ověřování věku.
Výsledek
E-shop byl převeden ze zastaralé šablony Pop na novější Classic, aniž by ztratil svůj původní charakter a důležité funkce. Homepage nyní lépe využívá dostupnou šířku a dokáže zobrazit více produktů v horizontálně posouvaných sekcích. Produktové karty přehledněji komunikují slevy, ceny a příznaky a zákazníci se mohou lépe orientovat v rozsáhlém kategoriovém menu. Objednávkový proces byl doplněn o službu Ověř18 a homepage o zákaznické recenze. Nová šablona zároveň představuje udržitelnější základ pro další průběžné úpravy e-shopu.
Použité technologie
Vybrané oblasti práce
Konkrétní části projektu, na kterých jsem se v rámci spolupráce podílel.
Migrace šablony Pop na Classic
E-shop byl místo rozsáhlých zásahů do zastaralé šablony převeden na novější řešení.
- vyhodnocení původního technického stavu
- příprava nové verze e-shopu
- přenos a kontrola obsahu
- zachování důležitých funkcí
- úpravy nové šablony podle potřeb klienta
Homepage a produktové sekce
Produktové výpisy byly rozšířeny a upraveny pro efektivnější využití prostoru.
- širší zobrazení e-shopu
- více produktů na řádku
- horizontální produktové slidery
- akční a doporučené sekce
- responzivní chování
Ověření věku v objednávce
Do objednávkového procesu byla začleněna služba pro ověření věku zákazníka.
- integrace Ověř18
- úprava posledního kroku objednávky
- doplnění potřebných informací
- kontrola návaznosti na dopravu a platbu
Zákaznické recenze
Homepage byla doplněna o samostatnou sekci s hodnocením obchodu.
- poslední zákaznické recenze
- celkové hodnocení
- odkaz na další zkušenosti zákazníků
- zapojení sociálního důkazu do homepage
Ukázky z projektu
Vybrané ukázky e-shopu po migraci, produktových sekcí, navigace, detailu produktu a ověřování věku v objednávce.
Homepage po migraci na šablonu Classic
Rozšířený produktový slider na homepage
Kategorie, produktový výpis a levé navigační menu
Detail produktu v nové šabloně
Nasazení ověřování věku v objednávkovém procesu
Zákaznické recenze na homepage
Používá váš Shoptet zastaralou šablonu?
Posoudím, zda se ještě vyplatí současné řešení upravovat, nebo bude efektivnější přejít na novější základ. Pomohu s migrací šablony, úpravami vzhledu i zachováním důležitých funkcí e-shopu.
Probrat projektDalší projekty
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.
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.