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ść
Kompresja obrazów: Zoptymalizowaliśmy całą bibliotekę mediów, poddając kompresji ponad 7800 plików graficznych.
Wdrożenie cache REDIS: Uruchomiliśmy zaawansowane cache'owanie bazy danych w pamięci RAM, co znacząco skróciło czas odpowiedzi serwera.
Audyt techniczny: Usunęliśmy przestarzałe i zbędne wtyczki, które obciążały system i stanowiły potencjalne ryzyko.
Poprawa SEO: Zmieniliśmy struktury adresów URL z domyślnych (
/shop/) na przyjazne dla polskiego użytkownika i wyszukiwarek (/sklep/).
Etap 3: Reagowanie na feedback i wsparcie marketingowe
Naprawiliśmy błędy CSS powodujące nieprawidłowe wyświetlanie produktów w listach kategorii.
Poprawiliśmy logikę produktów powiązanych, implementując własny kod, który faworyzuje produkty z tej samej kategorii.
Dostosowaliśmy banery promocyjne, poprawiając ich czytelność i dodając funkcję kopiowania kodu rabatowego jednym kliknięciem.
Dodatkowo, wspieraliśmy działania marketingowe, tworząc i wdrażając kampanię promocyjną "BACK2025":
Skonfigurowaliśmy kod rabatowy -10% na wybrane kategorie.
Przygotowaliśmy dedykowaną grafikę i treści na stronę główną, aby skutecznie zakomunikować promocję.
Rezultaty:
Nowoczesny i spójny wygląd: Sklep zyskał profesjonalny design, który buduje zaufanie i zachęca do zakupów.
Wysoka wydajność: Czas ładowania strony został radykalnie skrócony, co poprawia doświadczenia użytkowników i jest pozytywnym sygnałem dla Google.
Sprawniejsza konwersja: Nowy "slide-in cart" i przejrzysta strona kasy ułatwiają i przyspieszają finalizację zakupów.
Stabilna i bezpieczna platforma: Dzięki porządkom w kodzie i wtyczkach, sklep jest gotowy na dalszą rozbudowę i większy ruch.
Plany na przyszłość:
Zaawansowane filtrowanie produktów.
Nowy, funkcjonalny panel klienta.
Automatyzację e-mail marketingu (np. maile po zakupie z kodem rabatowym).
Audyt SEO w celu dalszej poprawy widoczności w wyszukiwarkach.
