Paní majitelka měla původně prezentační web postavený na DIVI. A jak to tak bývá, byznys se rozrůstal, k prezentačnímu webu přibyl e-shop, platební brána, několik druhů doprav, filtry zboží… počet produktů se pohybovat okolo 2000, když jsem e-shop viděla poprvé.
Bývalý stav
Na webu bylo mnoho věcí k opravě. A na každou z nich se během roku postupně dostalo:
- zoufale pomalá administrace (velký problém, protože je potřeba vyřizovat objednávky a spravovat produkty produkty… a stránky se načítaly i přes minutu!),
- e-shopu chyběl kvalitní a přehledný filtr (byl tu pouze filtr kategorií, který na množství produktů rozhodně nestačil),
- každá stránka byla vizuálně trochu jiná,
- použitá šablona DIVI neumožňovala potřebnou flexibilitu a rychlost změn,
- majitelce chyběly některé funkce, které by jí umožňovaly web jednodušeji spravovat (např. možnost psaní blogu, hromadná úprava produktů, atd).
Jak probíhala přestavba?
Přestavba e-shopu probíhala v několika vlnách, přičemž každá z nich přinesla pozitivní ohlasy:
- všechny pluginy, které bylo možné odebrat nebo nahradit, šly z webu pryč,
- změnil se hosting v naději, že web poběží trochu svižněji (což se částečně stalo),
- mezitím množství produktů vzrostlo na 3000+,
- kvůli přehlednosti a filtraci přibylo další typy kategorií (značka, barvy/odstín, typ použití…), které byly nutné, ale více zatížily databázi,
- díky vylepšeným filtrům a přehledné struktuře mohou zákazníci rychle najít produkty podle barvy, značky nebo typu použití,
- na webu také nově funguje vyhledávání,
- na webu přibyla stránka s pořádanými kurzy a vysněný blog včetně filtru kategorií,
- po testech a diskuzích došlo k razantnímu kroku – výměně šablony za Bricks, redesignu celého webu, a eliminaci dalších nepotřebných pluginů (vizuál se připravil na testovacím prostředí a následně se importoval do webu – e-shop tak měl výpadek pouze 4 hodiny během jedné noci),
- díky nové šabloně je možné s webem pracovat mnohem lépe a dělat věci na míru,
- web je vyladěn podle barev, které jsou na stěnách obchodu paní majitelky, aby zapadl do firemní identity,
- hlavní strana prošla kompletní rekonstrukcí, aby odpovídala struktuře e-shopu,
- velkou proměnou prošel i e-shop jako takový včetně filtrů a řazení, které konečně fungují, jak mají, a jdou dále rozšiřovat,
- ani výměna šablony nepřinesla vysněný posun v rychlosti a proto byl v poslední fázi byl web přesunut na hosting s vlastním serverem, který poskytuje i Redis a Litespeed.
To vše webu významně pomohlo a z minutového načítání stránek se staly vteřiny.
Další úpravy na míru
Co prošlo velkou úpravou, je administrace, protože podobný e-shop vyžaduje celkem dost drobných úprav, které šetří majitelce čas.
Automatizované naskladnění
Sama majitelka přišla s prosbou, zda by nešlo zjednodušit naskladňování produktů. Mnohdy trávila i několik hodin, než objednané zboží naskladnila položku po položce.
Vybraly jsme tedy vhodnou čtečku EAN kódů (která funguje přes Bluetooth, aby mohla naskladňovat i v jiné místnosti), majitelka EAN kódy zadala k produktům do e-shopu a od té doby už může vesele naskladňovat – několik hodin se zkrátilo na několik minut.
Přehlednější stránka produktu
Tady přibyly všechny podstatné informace, včetně metadat (tj. kategorie, značky nebo barvy/odstíny) a takové informační ikony o dopravě zdarma nebo dárcích.
Podobné produkty
Technologický dluh původního e-shopu byly podobné produkty, které spolu ale nebyly nijak prolinkovány (např. stejné plechovky barev, které se liší odstínem). Nefunguje tu totiž logika propojení podle značky a vytvořit nová metadata by bylo časově náročně a drahé. Proto jsem napsala algoritmus, který takové podobné produkty sám najde a na stránce je zobrazí:
Google recenze
Bez ověřených recenzí dnes e-shop jako by nebyl – proto i tady byly napojeny Google reference, které se automaticky doplňují.
Cookie lišta
Vyměněna byla cookie lišta, se kterou se lépe pracuje, a revizí prošly všechny feedy, napojení reklam a další podobné věci.
Slevové kódy a akce
Kapitola sama pro sebe jsou na e-shopu různé akční nabídky.
- Pro jednorázové hromadné zlevnění jsme použili plugin, který umí aplikovat slevu podle kategorie.
- Pro slevové kupóny postačují klasické kupony, které umí WooCommerce, které jsem rozšířila o funkce:
- seznam objednávek, na které byl kupon aplikován,
- možnost uplatnit kupon nejen podle klasické kategorie, ale také podle značky produktu – to je něco, co majitelce velice chybělo a zjednodušilo jí to i organizaci kampaní.
Webem to nekončí
Součástí spolupráce je i práce na přípravě grafiky, hlavně reklamních bannerů.
Co se zlepšilo?
Z nového e-shopu vyšlo hned několik benefitů pro návštěvníky:
- e-shop je rychlý, přehledný a funkční, s přehlednou strukturou a jednotným vizuálem,
- je přehledná filtrace a vyhledávání produktů – díky vylepšeným filtrům a přehledné struktuře mohou zákazníci rychle najít produkty podle barvy, značky nebo typu použití,
Paní majitelce šetří čas zejména:
- zrychlení administrace – rychlejší správa produktů i objednávek (zrychlení cca z 90 sec na 5-10 sec),
- naskladnění do e-shopu během několika minut – majitelce to ušetřilo několik hodin týdně, které může věnovat zákazníkům,
- správa kuponů a slev, které konečně fungují, jak potřebuje.
