Fashion
E-commerce UX/UI Design
Wewnętrzny zespół klienta pracował nad replatformingiem serwisu na własny autorski system e-commerce. Wdrożenie nowego silnika sklepu było dobrą okazją do przepracowania również warstwy wizualnej sklepu.
Zespół mohi.to został zaproszony do udziału w projekcie po sukcesie aplikacji mobilnej Answear, nad którą pracowaliśmy wspólnie z klientem. Naszym zadaniem było opracowanie nowej ścieżki zakupowej klienta od strony funkcjonalnej oraz estetycznej (nowy look&feel serwisu).
Czy wdrożenie nowej wersji serwisu nie wpłynie negatywnie na wskaźniki biznesowe? Myślimy, że jest to główne wyzwanie w kontekście projektu UX/UI prężnie działającego e-commerce.
Ryzyko związane z wprowadzeniem nowej warstwy frontowej serwisu zmitygowaliśmy stosując odpowiednie podejście w procesie projektowym.
Prace rozpoczęliśmy od ścieżki zakupowej użytkownika. Równolegle pracowaliśmy nad dwiema wersjami serwisu. W pierwszej wprowadzaliśmy modyfikacje w warstwie użytkowej / funkcjonalnej serwisu mające za zadanie podniesienie współczynnika konwersji. W drugiej wersji wprowadzaliśmy dodatkowo zmiany estetyczne – nowe elementy UI (kolorystykę, typografię, buttony, powiadomienia etc.).
Zmiany były stopniowo wdrażane w serwisie. Zespół klienta sprawdzał przełożenie modyfikacji na głównej wskaźniki e-commerce. Pozwoliło to nam podejmować świadome decyzje w oparciu o dane.
Istotnym elementem projektu było opracowanie biblioteki komponentów i zasad ich używania (style guide), dzięki czemu zespoły pracujące przy tworzeniu serwisu (development, edytorzy treści) mogły zachować spójność wizualną w projekcie.
Cały projekt był rozłożony w czasie. Zmiany wprowadzano i testowano kolejno na rynkach w Bułgarii, Słowacji, Węgrzech, Rumunii, Czechach oraz Ukrainie. Ostatnim rynkiem, na którym uruchomiono nowy serwis była Polska.
W międzyczasie brand Answear.com przeszedł lifting i zaktualizowaliśmy serwis o nowe elementy języka wizualnego marki.
W obrębie serwisu wypracowane szereg rozwiązań zasługujących na uwagę.
Aby uniknąć wizualnego chaosu i niespójności opracowaliśmy zestaw modułów, z których zespół może budować poszczególne strony w serwisie (np. stronę główną, strony typu landing pod akcje promocyjne etc.)
Zrozumienie oczekiwań użytkowników wobec wyszukiwarki to istotny element e-commerce. Dla części odwiedzających stronę jest to główny sposób odnajdowania interesujących produktów, kategorii, marek. Ciekawym dodatkiem na Answear.com jest możliwość wyszukiwania obrazem.
Ponad 400 marek i około 100 tys. produktów w asortymencie – przeglądając taką liczbę produktów nie obędzie się bez skutecznych filtrów dopasowanych do konkretnej kategorii produktowej.
Ostatni kwartał roku 2021 Answear.com zamknął z kolejnymi rekordami sprzedaży. Spektakularny sukces marki to oczywiście zasługa wielu różnych czynników: nowej strategii komunikacyjnej, działaniom marketingowym, działaniom SEO, poszerzonej ofercie, rozwiązaniom technologicznym – szybkości i niezawodności strony. Cieszymy się, że mogliśmy dołożyć do tego sukcesu naszą cegiełkę w postaci podniesionego współczynnika konwersji i średniej wartości koszyka.
Świadome podejście do projektowania polega na badaniu skuteczności wprowadzonych zmian – porównywaniu efektywności różnych rozwiązań. Dalsze prace nad serwisem prowadzimy w trybie ciągłym. Wspieramy zespół Answear.com przy bieżącej obsłudze graficznej, jak i pracy nad dalszą optymalizacją poszczególnych fukcjonalności.
