Wyzwanie
Głównym zadaniem była modernizacja i ustandaryzowanie rozbudowanej strony dla międzynarodowej franczyzy (6 placówek: 5 w Polsce, 1 w Holandii). Platforma posiada mnóstwo podstron ze względu na różne grupy docelowe. Naszym celem było zdefiniowanie skutecznego lejka sprzedażowego, w szczególności dla głównego klienta detalicznego – osób zainteresowanych zakupem systemów włosów. Dodatkowym wyzwaniem technologicznym była prezentacja dużej ilości ciężkich materiałów wideo bez utraty wydajności strony, a także ograniczenie liczby zapytań telefonicznych poprzez lepszą edukację użytkownika na stronie.
Proces i rozwiązanie
Prace rozpoczęliśmy od dogłębnej analizy UX, aby w pełni zrozumieć, jak docelowy klient będzie poruszał się po serwisie. Na tej podstawie ułożyliśmy architekturę informacji i wdrożyliśmy szereg kluczowych rozwiązań:
- Lejek oparty na wizualnych dowodach (Metamorfozy): Już od strony głównej "atakujemy" uwagę użytkownika przykładami udanych metamorfoz. Następnie kierujemy go do dedykowanej podstrony "Wielka baza metamorfoz", która stanowi potężne narzędzie sprzedażowe.
- Autorski system ładowania wideo: Aby zapobiec drastycznym spadkom wydajności przy tak dużej bazie filmów, zastosowaliśmy niestandardowy mechanizm sekwencyjnego ładowania. Filmy nie ładują się wszystkie naraz – skrypt wczytuje najpierw kilka pierwszych, a resztę dociąga w sekwencjach w miarę przeglądania.
- Automatyzacja zapytań i e-commerce: Cały lejek wsparliśmy przemyślanymi formularzami kontaktowymi, które gromadzą najważniejsze informacje już na starcie. Dodatkowo przeprowadziliśmy pełny redesign sklepu internetowego, aby był w 100% spójny wizualnie z resztą platformy.
- Edukacja klienta (Blog jako filtr wsparcia): Znacząco rozbudowaliśmy sekcję blogową i edukacyjną. Dzięki multum użytecznej wiedzy dostępnej na stronie, klient edukuje się samodzielnie przed podjęciem kontaktu. Efekt? Drastyczny spadek "pustych" telefonów informacyjnych, co pozwala obsłudze skupić się na finalizacji zapytań.
Stack technologiczny
- WordPress
- WooCommerce
- Divi Builder (wykorzystany do standaryzacji kodu i zapewnienia pełnej responsywności na całej, ogromnej witrynie)

