Audyt WKDZIK.pl

WKDZIK.pl to rozwijający się sklep e-commerce marki energetyków „Dzik", z dużą i zaangażowaną społecznością. Przeprowadziłem samodzielny audyt UX i wydajności strony, żeby sprawdzić, ile realnej sprzedaży ucieka przez detale, które łatwo przeoczyć.

Rola: UX Designer (audyt własny)

Zakres odpowiedzialności: Audyt UX/UI, Analiza Wydajności, Rekomendacje Wdrożeniowe

Czas trwania: 3 dni

Metodyka: Audyt heurystyczny ścieżki zakupowej + testy wydajności (Google Lighthouse), oparte na danych porównawczych z branży e-commerce.

Kontekst

Mimo mocnego brandu i lojalnej społeczności, strona traciła sprzedaż przez rzeczy, których na pierwszy rzut oka nikt nie zauważa: ciężkie grafiki, ciasne odstępy i elementy interfejsu, które łatwo pomylić ze sobą w trakcie zakupów.

Problem

Strona ładowała się wolno — nowemu użytkownikowi zajmowało to 5–6 sekund, głównie przez nieoptymalizowane zdjęcia. Do tego kilka miejsc na ścieżce zakupowej wprowadzało w błąd: od zbyt ciasnych odstępów, przez przycisk „Dodaj do koszyka" wyglądający niemal identycznie jak baner z adresem siedziby firmy, po nieczytelny ekran potwierdzenia dodania produktu.

Cele

🎯 Przyspieszyć ładowanie strony — bez utraty jakości wizualnej grafik.

🎯 Uporządkować hierarchię wizualną — odstępy i kontrast między elementami tak, aby strona „oddychała".

🎯 Wyeliminować mylące elementy na ścieżce od produktu do koszyka.

Zgadnij: która owca waży mniej?

Dwie identycznie wyglądające grafiki. Jedna z nich waży 37 razy mniej niż druga — i gołym okiem różnicy po prostu nie widać. Kliknij tę, która Twoim zdaniem mogłaby spokojnie trafić na stronę główną.

Kliknij jedną z owiec, żeby zobaczyć wynik 👇

🖼️ Wstaw zdjęcie:
Owca A

Wersja A

🖼️ Wstaw zdjęcie:
Owca B

Wersja B

Nie dało się zgadnąć — i o to chodzi. 😄 Obie wersje wyglądają identycznie. Wersja B waży 1,5 MB, wersja A po bezstratnej kompresji — tylko 40 KB.

40 KB po optymalizacji

1,5 MB przed optymalizacją

-97% wagi pliku

37× lżej, bez utraty jakości

To jedno zdjęcie widoczne od razu na górze strony głównej. Przy miliardowych obrotach Amazon policzył, że każde dodatkowe 100 ms opóźnienia kosztowało ich 1% sprzedaży. Google z kolei podaje, że 53% użytkowników mobilnych opuszcza stronę, jeśli ładuje się dłużej niż 3 sekundy — a nowy użytkownik czekał na WKDZIK.pl 5–6 sekund.

Kilka pikseli, inne wrażenie

Za mało światła między elementami sprawia, że nawet dobry design wygląda tanio. Przesuń suwak i zobacz, jak sam odstęp wewnątrz kafelka zmienia jego odbiór — kolor się nie zmienia, zmienia się tylko przestrzeń.

Przesuń suwak, żeby dodać „oddech" kafelkowi

DZIK Energy 500ml

4,99 zł

0px odstępu — bardzo ciasno

Przed

🖼️ Wstaw zrzut ekranu:
Przed

Po

🖼️ Wstaw zrzut ekranu:
Po

Który przycisk to „Dodaj do koszyka"?

Na karcie produktu przycisk dodania do koszyka wyglądał niemal identycznie jak baner z adresem siedziby firmy — ten sam kolor, ta sama forma. Zobacz stan „Przed" i „Po", żeby poczuć różnicę.

Przed Po

WK sp. z o.o. — ul. Mszczonowska 13, 05-090 Janki

Dodaj do koszyka

Kliknij którykolwiek blok powyżej — spróbuj trafić w przycisk zakupu.

Przed

🖼️ Wstaw zrzut ekranu:
Przed

Po

🖼️ Wstaw zrzut ekranu:
Po

Potencjalny efekt wdrożenia

Żadna z powyższych poprawek nie wymaga przebudowy sklepu od zera — to detale, które da się wdrożyć szybko, a które realnie przekładają się na liczby:

Po audycie

To, co znalazłem, to efekt wstępnego przeglądu — bez dostępu do danych analitycznych, które pozwoliłyby precyzyjnie wskazać, gdzie użytkownicy najczęściej rezygnują z zakupu. Każdy sklep ma takie momenty — pytanie tylko, czy są zmierzone.

Sport i społeczność WK Dzik są mi bliskie, a rzetelny audyt UX to tani sposób na sprawdzenie, ile sprzedaży realnie leży na stole. Mała inwestycja, potencjalnie duży zwrot.