← Všechny projekty
Shoptet Migrace šablony Frontendový vývoj E-commerce

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í.

Migrace Shoptet šablony a rozvoj e-shopu Alkoholový Shop

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.

Shoptet
platforma e-shopu
Pop → Classic
migrace šablony
Ověř18
kontrola věku
Frontend & migrace
moje role

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

Shoptet Shoptet šablona Classic HTML CSS JavaScript jQuery Shoptet doplňky Ověř18

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 z projektu Migrace Shoptet šablony a rozvoj e-shopu Alkoholový Shop

Homepage po migraci na šablonu Classic

Rozšířený produktový slider na homepage z projektu Migrace Shoptet šablony a rozvoj e-shopu Alkoholový Shop

Rozšířený produktový slider na homepage

Kategorie, produktový výpis a levé navigační menu z projektu Migrace Shoptet šablony a rozvoj e-shopu Alkoholový Shop

Kategorie, produktový výpis a levé navigační menu

Detail produktu v nové šabloně z projektu Migrace Shoptet šablony a rozvoj e-shopu Alkoholový Shop

Detail produktu v nové šabloně

Nasazení ověřování věku v objednávkovém procesu z projektu Migrace Shoptet šablony a rozvoj e-shopu Alkoholový Shop

Nasazení ověřování věku v objednávkovém procesu

Zákaznické recenze na homepage z projektu Migrace Shoptet šablony a rozvoj e-shopu Alkoholový Shop

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 projekt