Projekti ülevaade
Kõrgema klassi kodumasinatele (Liebherr, Smeg, Faber, Falmec) spetsialiseerunud veebipoel Panek AGD oli vananenud kujundus ja kehv jõudlus. Vana PrestaShopi teema tõi kaasa kõrge põrkemäära, pikad laadimisajad ja madala konversiooni. Klient vajas kaasaegset, konversioonile optimeeritud poodi selge liidese ja kiire laadimisega.
Väljakutse
Vana 2018. aasta PrestaShopi kujundus tundus vananenud, pikad laadimisajad (5–7 s) tõid kaasa kõrge põrkemäära ning mobiilisõbralikkuse puudumine tegi 40% mobiililiiklusest pärit potentsiaalsetest klientidest ilma.
Vananenud kujundus ja kasutajakogemus
Vana PrestaShopi teema tundus ebaprofessionaalne ega äratanud usaldust kõrgema klassi kodumasinamarkide vastu. Segane paigutus, nõrk visuaalne hierarhia ja nähtavate tegevusnuppude puudumine tõid kaasa madala konversioonimäära.
Kehv jõudlus – aeglane laadimine
Avaleht laadis 5–7 sekundiga ja tootelehed 3–4 sekundiga. Pildid polnud optimeeritud ning puudusid vahemälu ja CSS/JS-i minimeerimine. Punases tsoonis jõudlusnäitajad tõid kaasa halvema asetuse Google’is.
Mobiilisõbralikkuse puudumine
Teema ei olnud täielikult reageeriv: mobiilis kattusid elemendid, menüü toimis halvasti ja tootefotod olid liiga väikesed. 40% mobiililiiklusest lahkus saidilt ilma konverteerimata.
Meie lahendus
Kujundasime kogu poe ümber kaasaegse, konversioonile suunatud disainiga, optimeerisime selle jõudlust (viivitatud laadimine, vahemälu, CDN, minimeerimine), võtsime kasutusele täielikult reageeriva kujunduse ja korrastasime tootekataloogi.
Kasutajaliidese uuendamine – kaasaegne paigutus
Uus PrestaShopi teema puhta paigutuse, brändi rohelise paleti, nähtavate tegevusnuppude, peamiste pakkumisi (Liebherr 75 aastat, 10-aastane garantii) tutvustava peamise karusselli ning jaotistega: Soodustused, Esiletõstetud tooted, Smegi partner, Uudised.
Jõudluse optimeerimine
Piltide tihendamine (WebP), tootefotode viivitatud laadimine, CSS/JS-i minimeerimine, PrestaShopi vahemälu aktiveerimine, CDN staatiliste failide jaoks ja andmebaasi optimeerimine. Laadimisaeg: 5–7 s-st 1.5–2 s-ni.
Täielikult reageeriv kujundus
Täielik kohandamine mobiilile, tahvelarvutile ja arvutile. Hamburgermenüü, puutetundlik liides, kohanduvad pildid ja mobiilis optimeeritud ostuprotsess. Parem kasutajakogemus väikestel ekraanidel.
Tootekataloogi optimeerimine
Kategooriate ümberkorraldamine, tootefiltrite lisamine, fotode esitluse parandamine (galerii, suum), kirjelduste optimeerimine otsingumootoritele ning kiirvaate lisamine toodetele.
Kirjeldage, mida soovite parandada – hinnapakkumine 24 h jooksul
Kirjutage, mida vajate – automatiseerimist, integratsiooni, tehisintellekti agenti või rakendust. Saate konkreetse hinnapakkumise sellele, mida soovite: mida teeme, kui palju see maksab ja millal see käivitub.
Teostusprotsess
Analüüs ja planeerimine
Vana poe analüüs (kasutajakogemuse ja jõudluse audit Google PageSpeediga), kodumasinasektori konkurentsiuuring, uue paigutuse kavandamine ja optimeerimiste planeerimine.
1Liidese kavandamine ja teostus
Uue liidese kavandamine (peamine karussell, tooteruudustikud, kategooriad, jalus), kohandatud PrestaShopi teema loomine, brändivärvide (roheline, valge, must) teostus ja reageerivad murdepunktid.
2Jõudluse optimeerimine
Piltide optimeerimine (teisendus WebP-ks), vahemälu seadistamine (PrestaShop + Varnish), CSS/JS-i minimeerimine, viivitatud laadimine, CDN-i seadistamine ja andmebaasipäringute optimeerimine.
3Testimine ja kasutuselevõtt
Tootekataloogi optimeerimine (filtrid, fotod, kirjeldused otsingumootoritele), reageerivuse testimine (mobiil/tahvel/arvuti), jõudlustestid, lõplik kvaliteedikontroll, üleviimine töökeskkonda.
4Teostusaeg
10 päeva
Teenuse maht
E-kaubanduse arendus
Tehnoloogiad
Projekti galerii
Plaanite sarnast projekti?
Broneerige tasuta konsultatsioon ja räägime teie projektist.
Broneeri tasuta konsultatsioon