Přehled projektu
Internetový obchod Panek AGD, specializovaný na prémiové domácí spotřebiče (Liebherr, Smeg, Faber, Falmec), měl zastaralý design a nízký výkon. Stará šablona PrestaShopu způsobovala vysokou míru opuštění, dlouhé načítání a nízké konverze. Klient potřeboval moderní obchod optimalizovaný pro konverze, s přehledným rozhraním a rychlým načítáním.
Výzva
Starý design PrestaShopu z roku 2018 působil zastarale, dlouhé načítání (5–7 s) vedlo k vysoké míře opuštění a chybějící přizpůsobení mobilům stálo 40 % potenciálních zákazníků z mobilního provozu.
Zastaralý design a uživatelský zážitek
Stará šablona PrestaShopu působila neprofesionálně a nevzbuzovala důvěru u prémiových značek spotřebičů. Nepřehledné rozvržení, slabá vizuální hierarchie a absence dobře viditelných akčních tlačítek vedly k nízké konverzi.
Nízký výkon – pomalé načítání
Úvodní stránka se načítala 5–7 sekund a stránky produktů 3–4 sekundy. Obrázky nebyly optimalizované a chyběla cache i minifikace CSS/JS. Výkonnostní ukazatele v červeném vedly k horšímu umístění v Google.
Chybějící přizpůsobení mobilům
Šablona nebyla plně responzivní: na mobilu se prvky překrývaly, menu fungovalo špatně a fotografie produktů byly příliš malé. 40 % mobilního provozu odcházelo z webu bez konverze.
Naše řešení
Přepracovali jsme celý obchod s moderním designem zaměřeným na konverze, optimalizovali jeho výkon (líné načítání, cache, CDN, minifikace), zavedli plně responzivní design a přeuspořádali katalog produktů.
Redesign uživatelského rozhraní – moderní rozvržení
Nová šablona PrestaShopu s čistým rozvržením, zelenou paletou značky, viditelnými akčními tlačítky, hlavním karuselem představujícím klíčové nabídky (75 let Liebherr, 10 let záruky) a sekcemi: Akce, Doporučené produkty, Partner Smeg, Novinky.
Optimalizace výkonu
Komprese obrázků (WebP), líné načítání fotografií produktů, minifikace CSS/JS, zapnutí cache PrestaShopu, CDN pro statické soubory a optimalizace databáze. Doba načítání: z 5–7 s na 1,5–2 s.
Plně responzivní design
Úplné přizpůsobení mobilům, tabletům a počítačům. Hamburgerové menu, rozhraní přizpůsobené dotykovému ovládání, responzivní obrázky a optimalizovaný nákupní proces na mobilu. Zlepšený uživatelský zážitek na malých obrazovkách.
Optimalizace katalogu produktů
Přeuspořádání kategorií, přidání filtrů produktů, zlepšení prezentace fotografií (galerie, zoom), optimalizace popisů pro vyhledávače a přidání rychlého náhledu produktů.
Popište, co chcete zlepšit - kalkulace do 24 h
Napište, co potřebujete - automatizaci, integraci, AI agenta nebo aplikaci. Získáte konkrétní kalkulaci toho, co chcete: co uděláme, kolik to bude stát a kdy to poběží.
Průběh realizace
Analýza a plánování
Analýza starého obchodu (audit uživatelského zážitku a audit výkonu pomocí Google PageSpeed), průzkum konkurence v oboru domácích spotřebičů, návrh nového rozvržení a plánování optimalizací.
1Návrh a realizace rozhraní
Návrh nového rozhraní (hlavní karusel, mřížky produktů, kategorie, patička), vytvoření vlastní šablony PrestaShopu, zavedení barev značky (zelená, bílá, černá) a responzivních zlomových bodů.
2Optimalizace výkonu
Optimalizace obrázků (převod do WebP), konfigurace cache (PrestaShop + Varnish), minifikace CSS/JS, líné načítání, konfigurace CDN a optimalizace dotazů do databáze.
3Testování a nasazení
Optimalizace katalogu produktů (filtry, fotografie, popisy pro vyhledávače), responzivní testy (mobil/tablet/počítač), testy výkonu, závěrečná kontrola kvality, migrace do produkce.
4Doba realizace
10 dní
Rozsah služby
Vývoj e-commerce
Technologie
Galerie projektu
Plánujete podobný projekt?
Domluvte si bezplatnou konzultaci a promluvme si o Vašem projektu.
Domluvit bezplatnou konzultaci