mohi.to — strona główna

Answear.com

Projekt UX/UI dla jednego z największych multibrandowych platform fashion e-commerce w Europie Środkowo-Wschodniej.

Answear.com

Answear.com to jeden z największych multibrandowych e-commerce sprzedających modę w Europie Środkowo-Wschodniej.

Projekt UX/UI oraz development platformy e-commerce były kolejnymi etapami naszej współpracy z Answear.

Do udziału w nim zostaliśmy zaproszeni po sukcesie aplikacji mobilnej, którą stworzyliśmy wspólnie z klientem oraz agencją Holdapp, odpowiedzialną za jej wdrożenie.

Strona internetowa Answear, prezentująca kampanię sportową i logo znanych marek odzieżowych.

Wyzwanie marki

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.

Kolaż zrzutów ekranu strony Answear, prezentujący menu nawigacyjne, listę produktów i kartę produktu.
Strona Tommy Hilfiger na Answear, prezentująca kampanię i polecane produkty w mobilnym widoku.

Nasze rozwiązanie

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.

Trzy ekrany smartfona, prezentujące mobilny sklep Answear: listę produktów, kartę sukienki i menu nawigacyjne.
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 wypracowano szereg rozwiązań zasługujących na uwagę.

Ciekawe funkcjonalności

  • Modułowy design
  • Wyszukiwarka
  • Zaawansowane filtrowanie
Zrzuty ekranu ze strony Answear, prezentujące letnią kolekcję sukienek i stylizacje tygodnia.
Trzy ekrany smartfona, prezentujące koszyk Answear, stylizacje tygodnia i sekcję pomocy.  Angielski:

Modułowy design

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.).

modular design feature – answear.com

Wyszukiwarka

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.

search engine feature – answear.com

Zaawansowane filtrowanie

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.

advanced filtering feature – answear.com

Rezultaty

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.

Next case: Eurocash
Eurocash