Twój sklep PrestaShop też może sprzedawać lepiej. Porozmawiajmy.Umów konsultację

Case study · PrestaShop · UI i analityka

Erpix Kärcher Center: szybszy sklep i wyszukiwarka, która sprzedaje

Erpix Kärcher Center sprzedaje sprzęt Kärcher w sklepie na PrestaShop. Przebudowaliśmy kafelek produktu i kolory, przyspieszyliśmy karty produktów, wdrożyliśmy własną wyszukiwarkę i polecane akcesoria, a wszystko to mierzymy w GA4.

Chcę podobne wyniki Co zrobiliśmy

Bez zmiany szablonu Zmiany mierzone w GA4 Pomiary przed i po

8% → 19,5%

klikalność wyników wyszukiwania

44 → 81

PageSpeed mobile karty produktu

2,4 → 4,6:1

kontrast koloru marki

33% → 39%

zamówień z polecanym akcesorium w pierwszych dwóch tygodniach

Kafelek i UI

Ten sam motyw, czytelniejszy sklep

Zamiast nowego szablonu poprawiliśmy elementy, które klient widzi na każdej stronie.

Jeden kafelek, 15 miejsc

Kafelek produktu przeszedł 5 iteracji. Ten sam komponent działa w kategoriach, wyszukiwarce, modułach strony głównej, akcesoriach i zestawach, z równą wysokością w każdym rzędzie.

Czytelny kolor marki

Niebieski motywu miał kontrast 2,4:1 i był trudny do przeczytania. Po zmianie odcienia kontrast wynosi 4,6:1 i spełnia wymagania WCAG dla tekstu.

Podkategorie bez przewijania

Sekcja podkategorii zajmowała na telefonie 1577 px wysokości. Teraz to jeden przewijany w bok rząd o wysokości 283 px, a produkty widać od razu.

Tak pracujemy przy projektowaniu UI/UX.

Szybkość

PageSpeed karty produktu z 44 do 81

Przenieśliśmy skrypty z Google Tag Managera i inline JS na później, usunęliśmy jQuery UI ze stron, które go nie potrzebują, poprawiliśmy wczytywanie głównego zdjęcia i logo.

Przed i po

Co mierzyliśmy	Wynik
PageSpeed mobile, karta produktu	44 → 77–81
PageSpeed mobile, strona główna	67–71 → 82
Przesunięcia układu (CLS) na karcie produktu	0,066 → 0,006
Wyłączone produkty zwracające 404	przekierowane 301 do odpowiedników lub kategorii

PageSpeed w trybie laboratoryjnym waha się między pomiarami, dlatego podajemy zakresy.

Więcej o optymalizacji PrestaShop.

Wyszukiwarka

Wyszukiwarka, w której klienci klikają wyniki

Wdrożyliśmy naszą wyszukiwarkę AsapSearch na 1932 produktach. Odpowiada w kilkadziesiąt milisekund, a każde wyszukiwanie i kliknięcie trafia do GA4.

Wyszukiwarka w liczbach

Co mierzymy	Wynik
Klikalność wyników wyszukiwania	8% → 19,5%
Zapytania bez żadnego wyniku	1,67%
Czas odpowiedzi wyszukiwarki (mediana / p95)	42 ms / 78 ms
Wyszukiwań dziennie	ok. 1250

Polecane akcesoria

Akcesoria, które pasują do produktu

Moduł polecanych akcesoriów

Na karcie produktu i w koszyku klient widzi akcesoria dobrane do konkretnego modelu. W pierwszych dwóch tygodniach odsetek zamówień z akcesorium z listy wzrósł z 33% do 39%.

Analityka GA4 i GTM

Każda lista poleceń i wyszukiwarka ma własne zdarzenia: wyświetlenie, kliknięcie, dodanie do koszyka i zakup. Klient widzi w GA4, ile sprzedają polecenia.

FAQ

Pytania o wdrożenie

Czy da się poprawić wygląd PrestaShop bez nowego szablonu?

Tak. W Erpix Kärcher Center przebudowaliśmy kafelek produktu, kolory i sekcję podkategorii w istniejącym motywie. Część funkcji, których brakowało klientowi, już była w sklepie, tylko ukrył je CSS motywu.

Dlaczego PageSpeed waha się między pomiarami?

Pomiar laboratoryjny zależy od chwilowego obciążenia serwera i sieci. Dlatego podajemy zakresy z kilku pomiarów, a nie najlepszy pojedynczy wynik.

Czy wyszukiwarka zwiększa sprzedaż?

Osoby, które korzystają z wyszukiwarki, kupują znacznie częściej niż reszta odwiedzających. To korelacja, bo szukają ci, którzy już wiedzą, czego chcą. Dlatego mierzymy też klikalność wyników i zapytania bez wyników, czyli to, na co wyszukiwarka wpływa bezpośrednio.

Jak mierzycie polecane akcesoria?

Zdarzeniami GA4 przez Google Tag Manager: wyświetlenie listy, kliknięcie i dodanie do koszyka, a zakup przypisujemy do listy poleceń. Do tego liczymy z bazy, w ilu zamówieniach z danym produktem kupiono akcesorium z jego listy.

Chcesz, żeby Twój sklep sprzedawał lepiej?

Kamil Perzowski

CEO & Co-founder, ASAPDevs

Opisz sklep i to, co chcesz poprawić. Powiem, od czego zacząć i co da się zmierzyć.