NaturalSkin to jeden z wiodących polskich producentów kosmetyków naturalnych, ze stabilną bazą klientów i rosnącą rozpoznawalnością marki. Pomimo wysokiego ruchu organicznego, platforma e-commerce firmy borykała się z fundamentalnym problemem – konwersja na urządzeniach mobilnych była drastycznie niższa niż na desktopie.
Wyzwanie biznesowe
Ponad 70% ruchu użytkowników pochodziło ze smartfonów, jednak współczynnik konwersji w tym segmencie był krytycznie niski. Skomplikowany wielokrokowy koszyk, powolne ładowanie stron produktowych na słabszych łączach oraz brak dostosowania interfejsu WooCommerce do naturalnych gestów kciuka powodowały masowe porzucenia koszyków zakupowych.
Wielostopniowy tradycyjny checkout wymagał od użytkownika wypełnienia rozbudowanych formularzy na małym ekranie – każde dodatkowe pole to kolejna szansa na rezygnację. Równolegle, zdjęcia produktowe w wysokiej rozdzielczości i ciężkie skrypty blokowały sprawne działanie sklepu w terenie, szczególnie przy słabszym zasięgu sieci.
Wdrożone rozwiązanie
Nasz zespół zaprojektował i zaprogramował dedykowaną ścieżkę zakupową od nowa. Zamiast standardowych widoków WooCommerce, postawiliśmy na architekturę skupioną wokół potrzeb klientów mobilnych, upraszczając do maksimum każdą interakcję.
Kluczowym elementem było wdrożenie autorskiego One-Step Checkout – połączyliśmy podsumowanie zamówienia, opcje dostawy oraz płatności (Blik, Apple Pay, Google Pay) na jednym, czytelnym ekranie. Liczba pól formularza została zredukowana o 40%. Równolegle przeprojektowaliśmy całą nawigację produktową zgodnie z zasadami Mobile-First UX – przyciski akcji i filtry trafiły w dolną strefę ekranu, dostępną dla kciuka.
Autorski One-Step Checkout (Blik, Apple Pay, Google Pay)- Mobile-First redesign nawigacji i kart produktów
- Leniwe ładowanie mediów i asynchroniczne skrypty (< 1.5s TTI)
- Dedykowany szablon WordPress (Block-based / Gutenberg)
Zakres wdrożenia technicznego
Realizacja dla NaturalSkin obejmowała pełen cykl projektowo-programistyczny, od warsztatów strategicznych po bezpieczną migrację danych 50 tys. klientów.
+210%
Konwersja z urządzeń mobilnych
Wzrost odnotowany w pierwszych 3 miesiącach od wdrożenia nowej ścieżki checkout. Czas ładowania skrócony z 4.8s do 1.2s. Porzucone koszyki zredukowane o 40%.
- Warsztaty strategiczne i projekt makiet UX/UI
- Kodowanie dedykowanego szablonu WordPress (Gutenberg)
- One-Step Checkout ze wsparciem Apple Pay, Google Pay i Blik
- Optymalizacja Core Web Vitals i audyt szybkości ładowania zdjęć
- Bezpieczna migracja bazy danych ponad 50 tys. klientów bez przestojów
- Wdrożenie Enhanced Ecommerce Analytics do mierzenia konwersji
Dlaczego AM Bajak
NaturalSkin wybrał AM Bajak spośród kilku agencji. Decydującym czynnikiem było nasze podejście – nie sprzedajemy gotowych szablonów, lecz analizujemy dane i projektujemy rozwiązania pod konkretny cel biznesowy.
Podejście oparte na danych
Przed każdą decyzją projektową analizujemy dane z GA4, Hotjar i heatmap – żadne zmiany nie są intuicją, każda jest poparta liczbami.
Specjalizacja w WooCommerce
Nasze doświadczenie w ekosystemie WordPress/WooCommerce pozwala nam tworzyć niestandardowe rozwiązania, których nie oferują żadne gotowe wtyczki.
Odpowiedzialność za wyniki
Traktujemy każdy projekt jak partnerstwo – nasz sukces jest mierzony Twoim wzrostem przychodów, nie liczbą oddanych plików.
Stałe wsparcie
Samo wdrożenie to zaledwie pierwszy etap naszej partnerskiej relacji. Po uruchomieniu nowej platformy NaturalSkin, objęliśmy system stałą opieką techniczną w ramach umowy SLA.
- Ciągłe testy A/B i optymalizacja checkout
- Monitoring Hotjar i Google Analytics – raport co miesiąc
- Bezpieczeństwo: WAF, automatyczne backupy, aktualizacje
- Dedykowany opiekun projektu dostępny przez 5 dni w tygodniu