Prehľad projektu
Internetový obchod Panek AGD, špecializovaný na prémiové domáce spotrebiče (Liebherr, Smeg, Faber, Falmec), mal zastaraný dizajn a nízky výkon. Stará téma PrestaShop spôsobovala vysokú mieru odchodov, dlhé časy načítania a nízke konverzie. Klient potreboval moderný obchod optimalizovaný na konverziu, s prehľadným rozhraním a rýchlym načítaním.
Výzva
Starý dizajn PrestaShop z roku 2018 pôsobil zastaralo, dlhé časy načítania (5 – 7 s) viedli k vysokej miere odchodov a absencia prispôsobenia mobilom spôsobovala stratu 40 % potenciálnych zákazníkov z mobilnej návštevnosti.
Zastaraný dizajn a používateľský zážitok
Stará téma PrestaShop pôsobila neprofesionálne a nevzbudzovala dôveru v prémiové značky spotrebičov. Neusporiadané rozloženie, slabá vizuálna hierarchia a absencia dobre viditeľných akčných tlačidiel viedli k nízkej konverzii.
Nízky výkon – pomalé načítanie
Domovská stránka sa načítavala 5 – 7 sekúnd a stránky produktov 3 – 4 sekundy. Obrázky neboli optimalizované a chýbala cache aj minifikácia CSS/JS. Výkonnostné ukazovatele v červenom viedli k horšiemu umiestneniu v Google.
Absencia prispôsobenia mobilom
Téma nebola plne responzívna: na mobile sa prvky prekrývali, menu fungovalo zle a fotografie produktov boli príliš malé. 40 % mobilnej návštevnosti opustilo web bez konverzie.
Naše riešenie
Celý obchod sme prepracovali s moderným dizajnom zameraným na konverziu, optimalizovali sme jeho výkon (oneskorené načítavanie, cache, CDN, minifikácia), zaviedli sme plne responzívny dizajn a preusporiadali sme katalóg produktov.
Redizajn používateľského rozhrania – moderné rozloženie
Nová téma PrestaShop s čistým rozložením, zelenou paletou značky, viditeľnými akčnými tlačidlami, hlavným karuselom s kľúčovými ponukami (75 rokov Liebherr, 10 rokov záruky) a sekciami: Akcie, Odporúčané produkty, Partner Smeg, Novinky.
Optimalizácia výkonu
Kompresia obrázkov (WebP), oneskorené načítavanie fotografií produktov, minifikácia CSS/JS, aktivácia cache PrestaShop, CDN pre statické súbory a optimalizácia databázy. Čas načítania: z 5 – 7 s na 1.5 – 2 s.
Plne responzívny dizajn
Úplné prispôsobenie mobilom, tabletom a počítačom. Hamburgerové menu, rozhranie prispôsobené dotykovému ovládaniu, responzívne obrázky a optimalizovaný nákupný proces na mobile. Lepší používateľský zážitok na malých obrazovkách.
Optimalizácia katalógu produktov
Preusporiadanie kategórií, pridanie filtrov produktov, lepšie zobrazenie fotografií (galéria, zoom), optimalizácia popisov pre vyhľadávače a pridanie rýchleho náhľadu produktov.
Opíšte, čo chcete zlepšiť - cenová ponuka do 24 h
Napíšte, čo potrebujete - automatizáciu, integráciu, AI agenta alebo aplikáciu. Dostanete konkrétnu cenovú ponuku na to, čo chcete: čo urobíme, koľko to bude stáť a kedy to spustíme.
Proces realizácie
Analýza a plánovanie
Analýza starého obchodu (audit používateľského zážitku a audit výkonu pomocou Google PageSpeed), analýza konkurencie v odvetví domácich spotrebičov, návrh nového rozloženia a plánovanie optimalizácií.
1Návrh a implementácia rozhrania
Návrh nového rozhrania (hlavný karusel, mriežky produktov, kategórie, pätička), vytvorenie vlastnej témy PrestaShop, implementácia farieb značky (zelená, biela, čierna) a responzívnych bodov zlomu.
2Optimalizácia výkonu
Optimalizácia obrázkov (konverzia na WebP), konfigurácia cache (PrestaShop + Varnish), minifikácia CSS/JS, oneskorené načítavanie, konfigurácia CDN a optimalizácia databázových dotazov.
3Testovanie a nasadenie
Optimalizácia katalógu produktov (filtre, fotografie, popisy pre vyhľadávače), responzívne testy (mobil/tablet/počítač), výkonnostné testy, záverečná kontrola kvality, migrácia do produkcie.
4Čas realizácie
10 dní
Rozsah služby
Vývoj e-commerce
Technológie
Galéria projektu
Plánujete podobný projekt?
Dohodnite si bezplatnú konzultáciu a porozprávajme sa o vašom projekte.
Dohodnúť bezplatnú konzultáciu