Pregled projekta
Web-trgovina Panek AGD, specijalizirana za vrhunske kućanske aparate (Liebherr, Smeg, Faber, Falmec), imala je zastarjeli dizajn i slabe performanse. Stara PrestaShop tema uzrokovala je visoku stopu napuštanja, dugo vrijeme učitavanja i slabe konverzije. Klijent je trebao modernu trgovinu optimiziranu za konverziju, s preglednim sučeljem i brzim učitavanjem.
Izazov
Stari PrestaShop dizajn iz 2018. djelovao je zastarjelo, dugo vrijeme učitavanja (5-7 s) dovodilo je do visoke stope napuštanja, a nedostatak prilagodbe mobilnim uređajima gubio je 40 % potencijalnih kupaca iz mobilnog prometa.
Zastarjeli dizajn i korisničko iskustvo
Stara PrestaShop tema djelovala je neprofesionalno i nije izazivala povjerenje u vrhunske marke kućanskih aparata. Neuredan raspored, slaba vizualna hijerarhija i nepostojanje dobro vidljivih gumba za akciju dovodili su do niske stope konverzije.
Slabe performanse - sporo učitavanje
Početna stranica učitavala se 5-7 sekundi, a stranice proizvoda 3-4 sekunde. Slike nisu bile optimizirane, a nije bilo ni cachea ni minifikacije CSS-a/JS-a. Pokazatelji performansi u crvenom dovodili su do lošijeg rangiranja na Googleu.
Nedostatak prilagodbe mobilnim uređajima
Tema nije bila potpuno responzivna: na mobilnim uređajima elementi su se preklapali, izbornik je loše radio, a fotografije proizvoda bile su premale. 40 % mobilnog prometa napuštalo je stranicu bez konverzije.
Naše rješenje
Redizajnirali smo cijelu trgovinu modernim dizajnom usmjerenim na konverziju, optimizirali njezine performanse (odgođeno učitavanje, cache, CDN, minifikacija), uveli potpuno responzivan dizajn i preuredili katalog proizvoda.
Redizajn korisničkog sučelja - moderan raspored
Nova PrestaShop tema s čistim rasporedom, zelenom paletom marke, vidljivim gumbima za akciju, glavnim vrtuljkom s ključnim ponudama (75 godina Liebherra, 10 godina jamstva) i odjeljcima: Akcije, Istaknuti proizvodi, Partner Smeg, Novosti.
Optimizacija performansi
Kompresija slika (WebP), odgođeno učitavanje fotografija proizvoda, minifikacija CSS-a/JS-a, uključivanje PrestaShop cachea, CDN za statičke datoteke i optimizacija baze podataka. Vrijeme učitavanja: s 5-7 s na 1,5-2 s.
Potpuno responzivan dizajn
Potpuna prilagodba mobilnim uređajima, tabletima i računalima. Hamburger izbornik, sučelje prilagođeno dodiru, responzivne slike i optimiziran put kupnje na mobilnim uređajima. Poboljšano korisničko iskustvo na malim zaslonima.
Optimizacija kataloga proizvoda
Preuređenje kategorija, dodavanje filtara proizvoda, poboljšanje prikaza fotografija (galerija, zumiranje), optimizacija opisa za tražilice i dodavanje brzog pregleda proizvoda.
Opišite što želite poboljšati - procjena u 24 h
Napišite što trebate - automatizaciju, integraciju, AI agenta ili aplikaciju. Dobivate konkretnu procjenu onoga što želite: što ćemo napraviti, koliko to košta i kada će krenuti.
Proces realizacije
Analiza i planiranje
Analiza stare trgovine (audit korisničkog iskustva i audit performansi pomoću Google PageSpeeda), istraživanje konkurencije u sektoru kućanskih aparata, dizajn novog rasporeda i planiranje optimizacija.
1Dizajn i izrada sučelja
Dizajn novog sučelja (glavni vrtuljak, rešetke proizvoda, kategorije, podnožje), izrada prilagođene PrestaShop teme, primjena boja marke (zelena, bijela, crna) i responzivnih prijelomnih točaka.
2Optimizacija performansi
Optimizacija slika (pretvorba u WebP), konfiguracija cachea (PrestaShop + Varnish), minifikacija CSS-a/JS-a, odgođeno učitavanje, konfiguracija CDN-a i optimizacija upita prema bazi podataka.
3Testiranje i implementacija
Optimizacija kataloga proizvoda (filtri, fotografije, opisi za tražilice), responzivno testiranje (mobitel/tablet/računalo), testiranje performansi, završna kontrola kvalitete, migracija u produkciju.
4Vrijeme realizacije
10 dana
Opseg usluge
E-commerce razvoj
Tehnologije
Galerija projekta
Planirate sličan projekt?
Dogovorite besplatne konzultacije i razgovarajmo o Vašem projektu.
Dogovorite besplatne konzultacije