Případová studie · Shoptet šablona na míru
Jak nová Shoptet šablona zvýšila tržby e-shopu jipos.cz o 30 % během prvního týdne
Placená šablona z Shoptet marketplace už e-shopu nestačila. Postavil jsem proto pro Jipos systém na míru, který vyladil design i UX a zároveň nahradil řadu placených doplňků, za které klient platil skoro 20 000 Kč měsíčně. Během prvního týdne po nasazení stouply tržby o 30 %.

Výsledek v číslech
01 · Výchozí stav
E-shop, kterému už standardní Shoptet šablona byla malá
Jipos denně vyřizuje stovky objednávek, má tisíce produktů a hodně různorodý sortiment. Prioritou byl rychlý e-shop s co nejpřehlednější navigací, kde má zákazník všechny podstatné informace na dosah ruky a objednávku dokončí bez zbytečných překážek.
Přechod na novou šablonu zabral pár hodin, obešel se bez výpadku tržeb a jeho dopad na tržby jde jasně změřit.

02 · Co vzniklo
Pět míst, kde se rozhoduje o nákupu
-
Vyhledávání
Na šabloně běží vlastní vyhledávání nezávislé na Shoptetu. Změny v katalogu se do něj propisují průběžně a každý den se ladí podle čerstvých dat o tom, co zákazníci hledají. Týden po spuštění má vyšší konverzní poměr (17,4 % proti 16,9 %) než původní placená služba třetí strany, která stála 15 000 Kč měsíčně. Nové vyhledávání běží na vlastním serveru klienta bez měsíčního poplatku.

-
Parametrická filtrace
Parametry produktů byly dřív jen v textu popisů, takže se podle nich nedalo filtrovat ani je systematicky třídit. Pomocí jazykových modelů (LLM) jsem je z popisů vytěžil a udělal z nich filtrační a popisné parametry ve všech hlavních kategoriích.

-
Detail produktu
Nejnavštěvovanější typ stránky si zaslouží nejvíc pozornosti. Přibyl jasně popsaný průběh a datum doručení, vyčíslená úspora u zlevněných produktů, nejnižší cena za posledních 30 dní, související zboží vybrané podle dat hned u tlačítka do košíku a úplně přepracovaná galerie.

-
Košík a doprava
Pokladna je přestavěná od základu podle vzoru Shopify. Boční panel se souhrnem objednávky je pořád po ruce, u každého dopravce zvlášť ukazuje datum doručení, cenu dopravy vysvětluje hmotnostními pásmy a nic zákazníka zbytečně nerozptyluje.

-
Mobil
Mobilní verze má vlastní logiku i ovládání. V menu kategorií jde rovnou hledat, spodní navigační lišta se mění podle typu stránky a je vždycky po ruce, místo vyskakovacích oken se vysouvají panely a šablona je vyladěná i pro pomalé připojení.



03 · Data v katalogu
Filtr stojí na datech v katalogu
Hezký filtr nepomůže, když produkt nemá vyplněné napětí, výkon nebo délku lišty. Proto jsem vedle šablony sestavil jednotný registr parametrů a po dávkách je doplnil do katalogu. Každá dávka měla náhled, schválení a kontrolu po zápisu.
Produkty s vyplněnými filtračními parametry
Podíl z celého katalogu, před a po
04 · Rychlost
Rychlost jsem neodhadoval, měřil jsem ji
Pro šablonu jsem postavil vlastní měření: pomalé mobilní připojení, čtyřikrát zpomalený procesor, pokaždé stejný postup. První měření v den spuštění ukázalo, kde stránka zbytečně čeká. Po dvou kolech úprav se obsah na pomalém mobilu ukáže o tři až čtyři a půl sekundy dřív.
Čísla navíc hlídá test: rozpočty rychlosti se kontrolují každou noc na kopii e-shopu a jednou týdně na ostrém.
Kdy zákazník uvidí obsah stránky
Pomalé mobilní připojení, sekundy. Méně je lépe.
Data v tabulce
| Typ stránky | V den spuštění | Po optimalizaci |
|---|---|---|
| Titulní stránka | 13,1 s | 10,0 s |
| Kategorie | 10,2 s | 6,9 s |
| Detail produktu | 12,5 s | 8,1 s |
Co prohlížeč stahuje
Titulní stránka v den spuštění, podíl dat
- Šablona15 %
- Platforma a doplňky12 %
- Měřicí a reklamní skripty73 %
Kód šablony je zlomek toho, co se stahuje (na kategorii a detailu 9–14 %). Optimalizace proto mířila na pořadí načítání, ne na velikost.
05 · Vyhledávání
Vyhledávání, které rozumí celé větě
Placenou službu jsem nahradil vlastním vyhledáváním nad indexem celého katalogu. Ladil jsem ho na skutečných dotazech zákazníků, v testovací sadě jich je přes 900. Zvlášť hlídám dotazy napsané celou větou a jejich přeformulování.
Před úpravami našlo vyhledávání správný produkt mezi prvními osmi výsledky u 15 z 23 takových dotazů, teď u všech. Když služba neodpovídá, přepne se na původní hledání Shoptetu.
06 · Spuštění
Přepnutí za provozu, bez propadu objednávek
Šablona vznikala na kopii e-shopu se skutečnými produkty. Před přepnutím prošla automatickými testy 28 stránek na počítači i na telefonu a pokladnu jsem se schváleným návrhem porovnal bod po bodu.
- 01NávrhPočítač i telefon, každá obrazovka zvlášť
- 02Vývoj na kopiiSkutečné produkty, žádný dopad na zákazníky
- 03Automatické testyVzhled, pokladna, měření, rychlost
- 04PřepnutíJedno odpoledne, s připravenou cestou zpět
- 05Ladění podle datPrvní týdny opravuji to, co ukáže měření
07 · Po spuštění
Co ukázalo měření hned po spuštění
Dva dny po přepnutí ukázalo měření pokladny posun, který by bez dat nikdo nepostřehl: na mobilu si zákazníci méně volili platbu online (36 % → 17 %) a víc dobírku, na počítači beze změny. Nebyla to chyba. Lišta s tlačítkem Pokračovat byla vidět pořád, volba platby až pod okrajem obrazovky.
Nabídku plateb ani výchozí volbu jsem neměnil, první klepnutí na lištu teď zákazníka jen posune k platbám. Úprava byla venku do dvou dnů.
Otázky k projektu
Co vás u projektu může zajímat
Musel e-shop kvůli nové šabloně přestat prodávat?expand_more
Proč rychlost nesrovnáváte se starou šablonou?expand_more
Proč tržby uvádíte jen v procentech?expand_more
Dá se podobná šablona udělat i pro jiný e-shop na Shoptetu?expand_more
Služby použité v projektu
Chcete vědět, co by to udělalo s vaším e-shopem?
Projdu váš e-shop, řeknu, kde zákazníci ztrácejí čas a co z toho má smysl řešit šablonou.

