W ostatnim czasie podjęliśmy stałą współpracę abonamentową ze sklepem Nobobobo.pl – jest to prężnie rozwijający się sklep internetowy z artykułami dla dzieci, którego misją jest dostarczanie produktów wspierających szczęście, rozwój i bezpieczeństwo najmłodszych. W ramach współpracy przeprowadziliśmy modernizację sklepu do najnowszych standardów e-commerce, pełen redesign oraz szereg optymalizacji i napraw błędów.
Wyzwanie: niska konwersja i potrzeba modernizacji
Przystępując do prac, zastaliśmy sklep nobobobo.pl w stanie, który wymagał pilnej interwencji. Mimo że działał on na solidnej platformie WooCommerce, jego design nie odzwierciedlał aktualnych trendów w e-commerce, był niespójny i mało intuicyjny dla użytkownika. Taki stan rzeczy bezpośrednio przekładał się na niską konwersję – klienci gubili się w procesie zakupowym lub rezygnowali zniechęceni wolnym działaniem strony.
Główne problemy do rozwiązania to:
Niska wydajność: Długi czas ładowania strony powodował wysoki współczynnik odrzuceń (bounce rate).
Nieefektywna ścieżka zakupowa: Klasyczny, wieloetapowy proces zakupowy odbiegał od nowoczesnych standardów UX.
Błędy techniczne: Problemy z wyświetlaniem produktów, nielogiczne działanie modułów i inne konflikty w kodzie utrudniały zakupy.
Przebieg prac: od nowego designu po optymalizację serwera
Etap 1: Fundamenty – nowy design i UX
Nowa identyfikacja wizualna: Opracowaliśmy spójną paletę kolorów (z gradientami i 4 kolorami głównymi), która odświeżyła markę, nadając jej nowoczesny wygląd.
Przeprojektowanie strony głównej: Stworzyliśmy nowy layout strony głównej, nagłówka i stopki. Wprowadziliśmy też angażujące mikrointerakcje (np. efekty hover).
- Przeprojektowanie szablonu kategorii produktów, strony produktowej oraz checkoutu
Komunikacja marketingowa: Wprowadziliśmy hasło "Nobobobo – dla szczęśliwych dzieci", które stało się osią komunikacji.
Modernizacja ścieżki zakupowej:
Slide-in cart: Zastąpiliśmy podstronę koszyka wysuwanym z boku panelem. Dzięki temu klient może dodawać produkty i kontynuować zakupy bez przeładowywania strony.
Nowoczesna strona kasy: Przeprojektowaliśmy stronę finalizacji zamówienia, upraszczając formularz i czyniąc go bardziej czytelnym.
Etap 2: Optymalizacja techniczna i wydajność
