Pneuboss: e-shop se načte do půl vteřiny

Užijete si hladkou jízdu e-shopem

Od samého začátku jsme v PUXu měli jasno. Chtěli jsme, aby nákup na e-shopu byl stejně plynulý a pohodový, jako bude jízda na pneumatikách z Pneubossu.

Filtrování produktů hraje hlavní roli

Abyste rychle našli přesně ten typ pneumatik, který potřebujete, zjednodušili jsme filtrování a načítání e-shopu zrychlili o více jak dvojnásobek.

Na původním e-shopu byste sice filtraci produktů našli, hodně jí toho ale chybělo. Klíčové parametry, které vám usnadní výběr pneu, jsme do e-shopu přidali až nyní.

Můžete si naklikat hned několik parametrů:

• Šířka pneumatiky: zvolte šířku pneumatiky, která sedí na vaše auto.
• Profil pneumatiky: vyberte, jak vysoká má být bočnice pneumatiky.
• Průměr ráfku: ukažte, jak velké ráfky máte, a my vám najdeme pneumatiky, které na ně pasují.
• Sezóna:potřebujete letní, zimní, nebo celoroční pneumatiky?
• Značka: na Pneubossu najdete pneumatiky od mnoha známých výrobců, takže si můžete vybrat podle značky, kterou preferujete.

Skladovost jsme vyřešili na jedničku

Konečně uvidíte zboží, které je skutečně skladem v reálném čase! Na původním e-shopu se skladovost zobrazovala i s hodinovým zpožděním. Mohlo se vám tak úplně klidně stát, že produkt byl už dávno vyprodaný, ačkoliv stále svítil zeleně jako skladem.

O aktuální zobrazení skladů se nám stará replikační služba, která běží mimo e-shop a synchronizuje ERP HoC s Kenticem.

Tento systém nám také umožnil výrazně zrychlit import nových dat. Zde se na chvilku zastavíme, protože import přímo souvisí se skladovostí. Díky rychlejšímu importu dat se informace o dostupnosti produktů aktualizují téměř okamžitě, což znamená, že vždy vidíte aktuální stav skladu.

Import nových dat jsme zrychlili 500krát

Na e-shopu visí tisíce dat, která klient potřeboval přeimportovat. Původně to trvalo 7 hodin, nyní to zvládneme za 20 minut. Celkovou obnovu všech dat na e-shopu provádíme jednou za 8 hodin. Pak ale probíhá ještě aktualizace jen nově změněných dat – a ta trvá jenom 40 vteřin. 

Jak jsme už zmínili, používáme systém HoC, který sleduje sklad, identifikuje nejžádanější produkty a zajišťuje rychlou synchronizaci dat pomocí replikátoru. Replikátor pracuje ve dvou režimech:

• Plná replikace: kompletně zkopíruje všechna data za 20 minut.
• Rozdílová replikace: průběžně aktualizuje změněná data.

Díky tomu je nabídka vždy aktuální a přesná – což je výhoda, kterou v PUXu nemá už žádný jiný projekt.

Pojďme se u té rychlosti ještě na chvíli zastavit. 

E-shop jsme dvakrát zrychlili

Pneuboss doposud fungoval na starším systému a jak říká náš vývojář Ondra: ‚‚tento systém byl takový ukecanější”.

Co to znamená? Web hodně komunikoval se serverem a to celý proces zpomalovalo. Proto se stávalo, že se se web načítal pomaleji.

Stavíme na MVC architektuře

Starší systém nám fungoval několik let, ale bylo potřeba reagovat na neustálý nárůst dat. Nám ani klientovi nedávalo smysl tento systém nadále rozvíjet, a tak jsme se domluvili na novém řešení.

MVC architektura, což znamená Model–View–Controller, je jako rozdělení práce při stavbě webových stránek nebo aplikací na tři hlavní úkoly. Každý úkol zastává jedna část systému:

• Model je jako knihovník, který pečuje o všechna data. Když potřebujete nějakou informaci, model vám ji dá.
• View je jako výkladní skříňka, kde se vystavuje to, co chcete lidem ukázat:jak stránka vypadá, kde bude tlačítko nebo jaké barvy a texty použijete.
• Controller je jako dirigent, který řídí, co se stane, když uživatel klikne na tlačítko nebo zadá informace. Organizuje? to, jak model pracuje s daty a jak se tyto informace zobrazí ve view.

Odteď všechno funguje rychleji. Stránky se načítají svižněji, protože každá část pracuje na svém úkolu nezávisle. Údržba a rozvoj webu je taky jednodušší, jelikož se naši vývojáři zaměřují jen na jednu část systému. 

Čtyři e-shopy táhnou za jeden provaz 

TASY má čtyři e-shopy:

• pneuboss.cz,
• pneuboss.sk,
• butikumi.de
• a market.tasy.cz

Všechny jsme převedli na společný kódový základ. I když byly předtím spravovány pod jedním Kenticem, měly zvlášť vlastní logiku a všechny práce jsme museli provádět čtyřikrát. Ten samý produkt musel být ve čtyřech kopiích a navíc se musely rozkopírovat i navazující věci, jako třeba ceny nebo skladovosti.

Tahle změna nám urychlila vývoj nových funkcí, protože je nyní stačí implementovat pouze jednou. Data lze nyní sdílet mezi jednotlivými stránkami, což klientovi vyčistilo databázi a zrychlilo chod e-shopů. Ze skoro 6 milionů záznamů o skladovosti jich teď má jen zhruba milion. Rozdíl je to velký. 

S překlady pomáhá umělá inteligence

TASY využívá automatizované překlady s pomocí umělé inteligence pro různé jazykové verze. Nyní můžete nakupovat pneumatiky i v němčině na webu butikumi.de. A jednou od TASY bude pneumatiky nakupovat třeba celý svět. 

‚‚Moje garáž‘‘ – vše o vašich autech na jednom místě

Máte více aut? V sekci „Moje garáž” si můžete uložit všechny důležité informace o každém vozidle, které vlastníte. 

Stačí si do ní zadat:

• SPZ, 
• typ auta,
• informace o nápravách
• a jaké pneumatiky používáte – zda letní, nebo zimní.

 A když potřebujete nové pneumatiky, systém vám ukáže ty, které přesně sedí na vaše auto. 

V sekci ‚‚Můj profil‘‘ si spravujete své uživatelské nastavení. V téhle zóně si přizpůsobíte svůj vlastní profil:

• aktualizujete si své kontaktní údaje, 
• změníte heslo, 
• nebo si nastavíte preferované komunikační kanály,

Vytvořili jsme modul pro nacenění dopravy

Zavedli jsme speciální výpočetní modul, který zohledňuje různá pravidla pro nacenění dopravy. Modul vypočítává cenu za dopravu automaticky na základě toho, co máte v nákupním košíku a jaký máte zákaznický benefit.

Systém ERP si automaticky určuje dopravce podle velikosti a složení objednávky.

Cena za dopravu se také liší v závislosti:

• na množství pneumatik
• typu pneumatik,
• a stejně tak podle skladu, ze kterého je zboží odesláno. 

Košík –  vždy dostanete nejnižší cenu

Asi to známe všichni. Když se zrovna chystáte kliknout na ‚‚odeslat objednávku‘‘, zazvoní zvonek a objeví se návštěva ve dveřích. V čase, kdy popíjíte kávu s nečekanou návštěvou se může stát, že se pneumatiky ve vašem košíku vyprodají. I na toto jsme našli řešení. 

Napojili jsme e-shop na několik externích skladů, takže vám Pneuboss v košíku nabídne vždycky i alternativy v nejlepší cenové kategorii. A tak není kam spěchat – dejte si ke kávě klidně i dezert. 

Změny provádíme bez výpadku e-shopu

Každý hodinový výpadek stál klienta hromadu peněz, a tak jsme přišli s řešením – bezvýpadkové vystavování webu. Abychom mohli nasazovat změny bez výpadků i během dne, zavedli jsme strategii Blue-Green Deployment. 

Tato metoda pracuje se dvěma e-shopy současně – aktivním a pasivním. Nové verze aplikace nasazujeme na pasivní e-shop, kde je nastavíme a otestujeme. Jakmile je vše připravené, jednoduše přepneme role e-shopů – pasivní se stane aktivním a naopak. E-shop Pneuboss je tak dostupný nonstop, zákazníci si v klidu nakupují a my můžeme provádět změny kdykoliv během dne.

Vizuál vychází z TASY Market

Při přepracování B2C e-shopu Pneuboss.cz jsme se rozhodli použít vizuální styl, který máme už osvědčený na B2B e-shopu TASY Market. Oba e-shopy teď vypadají podobně, což zákazníkům usnadňuje orientaci. Přečtěte si o všech vychytávkách, které jsme použili u TASY Market zde.

SEO

Soustředili jsme se také na zlepšení pozice ve vyhledávačích, což je klíčové pro získání nových zákazníků. Integrace SEO (optimalizace pro vyhledávače) do nového designu znamená, že e-shop je nyní lépe připraven oslovit širší publikum.

Plně responzivní

V PUXdesign je responzivní design standardem pro všechny webové projekty –  Pneuboss není výjimkou.

Hledáte podobně rozsáhlé a pokročilé řešení i pro svůj byznys? Ozvěte se nám!