Custom dashboard WooCommerce Podsztanga.pl – Case Study

Podsztanga.pl, sklep internetowy z branży szkoleń sportowych (Trójbój siłowy) zdecydował się wdrożyć m.in. audyt UX oraz szereg optymalizacji i napraw względem ówcześnie działającego stacku Wordpressowego. Głównym celem była poprawa wydajności, optymalizacja doświadczenia użytkownika (UX) oraz usunięcie błędów technicznych, które negatywnie wpływały na konwersję. Projekt obejmował migrację platformy, wdrożenie dedykowanych rozwiązań programistycznych oraz usprawnienia wizualne oparte na profesjonalnym audycie wykonanym przez agencję WebMetric.

1. Migracja i wdrożenie nowego motywu

Wyzwanie: Stary motyw WoodMart był ciężki i predefiniowany, co skutkowało słabym wynikiem wydajności na urządzeniach mobilnych (42/100) i desktopowych. Wskaźniki takie jak LCP (Largest Contentful Paint) na urządzeniach mobilnych osiągały 9 sekund, a FCP (First Contentful Paint) 7.2 sekundy, co wymagało pilnej interwencji.

Rozwiązanie: Zdecydowano się na usunięcie motywu WoodMart i wdrożenie dedykowanego rozwiązania opartego na lekkim motywie Elementor Hello Theme. Takie podejście pozwoliło na znaczące poprawienie szybkości działania strony oraz zapewniło elastyczność w tworzeniu niestandardowych elementów.

Kluczowe wdrożenia custom code: W ramach prac stworzono od podstaw niestandardowy kokpit klienta WooCommerce, który zawierał wszystkie niezbędne sekcje w jednym miejscu: Kokpit, Zamówienia, Moje Szkolenia, Pliki do pobrania, Kupony, Adresy, Szczegóły konta, Lista życzeń i Wyloguj się.

2. Migracja danych

Wyzwanie: Głównym wyzwaniem była migracja danych ze starej bazy danych. Konieczne było przeprowadzenie dokładnego procesu przeniesienia danych, aby zapewnić ich spójność i uniknąć strat.

Rozwiązanie: Przeprowadzono pełną migrację klientów, zamówień, szkoleń i wpisów blogowych. W celu zapewnienia kompletności danych, brakujące elementy, takie jak szkolenia i klienci, zostały wgrane ręcznie. Dodatkowo, usprawniono proces pozyskiwania subskrybentów, zmieniając integrację z WordPressa na webhooki z systemem MailerLite.

3. Poprawki UX / UI

Na podstawie audytu UX z marca 2025 roku, wdrożono szereg usprawnień, które znacząco poprawiły doświadczenie użytkownika.

• Menu nawigacyjne: Z menu usunięto zbędną zakładkę „Home", ponieważ użytkownicy intuicyjnie wracali na stronę główną, klikając w logo. Uproszczono również rozwijaną listę "Wiedza", która pierwotnie zawierała tylko jeden element, zamieniając ją na pojedynczą zakładkę.

Wyszukiwarka: Domyślna wyszukiwarka ograniczała się wyłącznie do produktów. Zastąpiono ją globalnym rozwiązaniem, które umożliwia wyszukiwanie w całym serwisie.

Mini-koszyk: Zaimplementowano ajaxowy, wysuwany mini-koszyk, który usprawnił ścieżkę zakupową i ułatwił klientom finalizację transakcji.

Hierarchizacja przycisków: W koszyku wprowadzono hierarchizację przycisków. Przycisk „ZAMÓWIENIE" został wyraźnie wyróżniony, aby skrócić ścieżkę do finalizacji zakupu.

Język: Ujednolicono język serwisu, tłumacząc wszystkie anglojęzyczne elementy, takie jak "Click to enlarge", na język polski.

4. Poprawki i optymalizacja SEO

Wyzwanie: Struktura sklepu zawierała błędy, które negatywnie wpływały na pozycjonowanie, takie jak błąd 404 generowany przez filtr kursów.

Rozwiązanie: Problem 404 został rozwiązany. Stworzono również niestandardowy shortcode PHP do sidebaru sklepu, który wyświetlał kategorie produktów, co usprawniło nawigację i wewnętrzne linkowanie na stronie. Naprawiono także brak nagłówka H1 na podstronie FAQ.

5. Formularze i newsletter

Wyzwanie: Formularz zapisu do newslettera był zbyt rozbudowany, co mogło zniechęcać potencjalnych subskrybentów.

Rozwiązanie: Usunięto pole „Nazwisko", pozostawiając tylko imię i adres e-mail, co uprościło proces zapisu. Cały system został zintegrowany z MailerLite za pomocą webhooków.

6. Błędy krytyczne i techniczne

Wyzwanie: W trakcie prac naprawiono krytyczny błąd w WordPressie, który pojawił się po usunięciu nieaktywnego konta administratora.

Rozwiązanie: Udało się znaleźć tymczasowe obejście w pliku wtyczki, co pozwoliło na przywrócenie pełnej funkcjonalności strony. Zastosowano również JavaScript do zmniejszania nagłówka strony podczas przewijania.

Podsumowanie

Kompleksowa modernizacja Podsztanga.pl zakończyła się sukcesem. Dzięki wdrożeniu dedykowanych rozwiązań, optymalizacji wydajności i licznym poprawkom UX/UI, sklep stał się szybszy, bardziej intuicyjny i lepiej dostosowany do potrzeb użytkowników. Usunięcie błędów technicznych i usprawnienia w architekturze strony stworzyły solidne fundamenty pod dalszy rozwój platformy.