Projekt polegał na redesignie karty produktu sklepu internetowego Smyk.com. Celem projektu była implementacja nowych funkcjonalności na karcie produktu oraz poprawa jakości i użyteczności.
+ User journey
Karta produktu SMYK.COM
Projekt polegał na redesignie karty produktu sklepu internetowego Smyk.com.
Celem projektu była implementacja nowych funkcjonalności na karcie produktu oraz poprawa jakości i użyteczności.
Po zmianach
Przed zmianami
Nowa karta produktu nad którą pracowałam została już częściowo wdrożona na oficjalną stronę Smyk.com
Dziękuję za twój czas!
W wersji przed redesignem wszystkie dane o produkcie były wyświetlane łącznie w jednym miejscu. Nowy projekt przewiduje rozdzielenie danych o produkcie na kilka akordeonów. Należało dokładnie przeanalizować gdzie dane opisy mają się wyświetlać i jak je rozdzielić.
Jedno z założeń biznesowych przewidywało dodanie Rich contentu. Ze względu na ograniczenia techniczne, nie było możliwości dodania innych materiałów niż opis do akordeonu "Opis produktu". Zaproponowałam stworzenie oddzielnego akordeonu o nazwie "Zalety produktu" w którym miały pojawić się dodatkowe zdjęcia i opisy od producentów.
-
Opisy produktów i Rich content
Komunikat przed redesignem "Wysyłka w 24 godziny" wprowadzał klientów w błąd. Należało pokazać przewidywany czas dostarczenia przesyłki do klienta. Głównym problemem było systemowe wyciągnięcie takiej informacji bezpośrednio na kartę produktu gdzie forma dostawy nie jest jeszcze wybrana. Propozycją projektową było pokazanie najszerszego przedziału czasowego bazując na określonych już przedziałach czasowych dla poszczególnych form dostawy.
-
Pokazanie czasu dostawy
Wybór rozmiaru
Galeria zdjęć
Okno dialogowe po dodaniu produktu do koszyka
(Dodatkowo w projekcie)
(Dodatkowo w projekcie)
Mój koszyk - warstwa
Tabela rozmiarów
Wybór rozmiaru
Karta produktu
Główne wyzwania i problemy
Wersja desktop
Wersja mobilna
Znając zachowania klientów, przeszliśmy do etapu generowania pomysłów dla funkcjonalności i wyglądu karty produktu.
Metodą pracy były liczne warsztaty i brainstormy. W skład osób biorących udział w warsztatach wchodzili: It Project Manager, E-commerce Operations Manager, Master Data Manager, specjaliści ds. Visual Digital Merchandisingu oraz prezes firmy. Dodatkowo, wypracowane koncepcje były konsultowane z analitykiem, specjalistami SEO i testerami.
Podczas warsztatów swobodnie omawialiśmy pomysły, analizowaliśmy argumeny za i przeciw oraz sprawdzaliśmy rozwiązania konkurencji. Przeprowadzaliśmy również ćwiczenia, jak na przykład układanie wyciętych komponentów w logiczną całość (na zdjęciu).
Wnioski z warsztatów spisywałam i przekładałam na makiety produktu.
Tworząc User Journey pracowałam w zespole z Senior UX Designerem. Wprowadziliśmy podział na kolumny, każda kolumna dotyczyła danej części serwisu na którą trafia klient podczas przechodzenia ścieżki. Wypisaliśmy myśli klienta, emocje, bolączki oraz propozycje usprawnień funkcjonalności na stronie. Za bolączki posłużyły wypowiedzi klientów w ankiecie satysfakcji po zrealizowaniu zamówienia. Dla każdego User Flow powstało User Journey. Fragment jednego z nich:
Wyszłam z inicjatywą stworzenia User Journey dla kluczowych ścieżek użytkowników. W tym procesie zostały wykorzystane dane z ankiety satysfakcji klienta zamieszczonej na stronie Smyk.com oraz persony.
User Journey miało zostać wykorzystane aby zwrócić uwagę na problemy z którymi stykają się klienci korzystający z serwisu. Było także pomocne w zdefiniowaniu punktów wejścia na kartę produktu.
Rozpisałam kilkanaście ścieżek użytkowników, które posłużyły za flow dla User Journey.
Główna grupa:
-
Kobiety w wieku 25-34 lat
-
Najczęściej 2 dzieci
-
Mieszkańcy dużych miast
-
Motywacją jest zakup dobrej jakości produktu w przystępnej cenie, zakup produktów na specjalne okazje
-
Główny cel to zaspokojenie potrzeb własnego dziecka
-
Użytkownicy inspiracje na zakup produktu czerpią od dzieci oraz rodziny
-
Osoby te korzystają najczęściej ze smartfonów
Pierwszym etapem mojej pracy nad projektem było pozyskanie danych które już posiadała firma:
-
Raport z badania satysfakcji klienta.
-
Raport nawyków zakupowych klientów.
-
Dane demograficzne pochodzące z Google Analytics.
-
Obserwacja ścieżek użytkowników za pomocą Hotjar.
Zorganizowałam również spotkanie z działem Obsługi Klienta aby dowiedzieć się o co klienci najczęściej pytają lub co ich frustruje.
Aby lepiej poznać kim są użytkownicy, przeprowadziłam również research korzystając z Facebooka i Instagrama.
Makiety
Warsztaty
User Journey
User Flow
Persona
Research
4
Podniesienie konwersji.
3
Wprowadzenie podziału na akordeony z opisem produktu, specyfikacji produktowej oraz zalet produktu.
2
Poprawa użyteczności i wyglądu karty produktu.
1
Implementacja nowych funkcjonalności na karcie produktu takich jak: dostępność produktów, warianty, informacja o dostawie.
3
Prezentowaniu postępów prac oraz argumentowaniu moich decyzji projektowych.
2
Wizualizację rozwiązań na makietach o wysokiej szczegółowości, używając do tego narzędzia Figma.
1
Zaprojektowanie nowych rozwiązań na karcie produktu, biorąc pod uwagę założenia biznesowe oraz ograniczenia technologiczne.