Warsztaty UX w ramach przygotowania do redesignu dla Skąpiec.pl

O marce

Skąpiec.pl to jedna z pierwszych porównywarek w Polsce, która działa od 2004 roku.

Serwis umożliwia internautom porównywanie cen z wielu e-sklepów. Platforma jest jednym z największych źródeł informacji o produktach i ofertach ich zakupu w sklepach internetowych w Polsce. Marka należy do grupy Ringier Axel Springer Polska.

Wyzwanie

Właściciel porównywarki cenowej Skąpiec.pl zwrócił się do nas, ponieważ chciał stworzyć nowy design serwisu, który będzie bardziej przejrzysty, użyteczny i dostosowany do aktualnie obowiązujących trendów UX i e-commerce. 

Cele redesignu porównywarki Skąpiec.pl:

• Odświeżenie wizualne serwisu pod kątem wizerunkowym i funkcjonalnym interfejsu.
• Lepsze prezentowanie unikalnej wartości sprzedaży poszczególnych ofert oraz przewag konkurencyjnych.
• Zwiększenie jakości ruchu i wzrost konwersji u sprzedawców, którzy prezentują swoje oferty w porównywarce.
• Dopasowanie funkcjonalności serwisu do najnowszych trendów e-commerce i rosnących wymagań konsumentów.
• Uwypuklenie w projekcie unikalnych wyróżników marki, np. historii cen produktów dostępnych bez logowania, czy też podkreślanie w komunikacji korzyści z należenia do grupy Ringier Axel Springer Polska. 

Proces projektowania nowego interfejsu

W ramach współpracy z serwisem Skąpiec.pl przeprowadziliśmy dla naszego klienta prace projektowe podzielone na dwa etapy. 

• ‍ETAP 1: Discover & Define — pierwszy z nich to etap związany z przygotowaniem się do projektowania za pomocą narzędzi takich jak: desk research, benchmarking konkurencji, warsztaty. ‍
• ETAP 2: Develop & Deliver — drugi etap to część projektowa, czyli przygotowanie makiet i projektu docelowego interfejsu. 

W tym case study przedstawiamy wyniki pracy nad Etapem 1. 

‍

ETAP 1: Discover & Define

Pierwszym etapem pracy nad nowym serwisem Skąpiec.pl był proces badawczy Discover & Define (desk research, benchmarking, warsztaty). Przeprowadzone badania pozwoliły nam na zdiagnozowanie przewag platformy Skąpiec.pl oraz zmapowanie unikalnej propozycji sprzedaży. Ten sposób przygotowania do projektowania daje największą gwarancję, że nowy interfejs sklepu będzie posiadał wypracowane obszary funkcjonalne pod kątem UX, a nasz klient zyska serwis e-commerce zaprojektowany pod kątem najnowszych trendów rynkowych i dopasowany do potrzeb współczesnych konsumentów. Nowa warstwa wizualna przyczyni się również do wzrostu konwersji leada sprzedażowego u sprzedawców prezentujących swoje oferty w porównywarce.

Research i analiza danych

Wykorzystaliśmy metodę badawczą desk research, która polega na analizie danych z dostępnych źródeł (grupy w social mediach, fora internetowe, Google Analytics i raporty branżowe). Na podstawie desk researchu powstały persony — czyli sylwetki typowych użytkowników serwisu. Persona to jedno z najważniejszych narzędzi w procesie projektowania UX, pozwalające m.in. na wyłapanie potrzeb użytkowników, ich bolączek, sposobów kupowania w sieci. Zrozumienie grupy docelowej ma kluczowe znaczenie, jeśli chcemy dopasować serwis do jej wymagań. Dzięki wypracowanej personie zyskaliśmy dokładny obraz tego, dla kogo projektujemy nową odsłonę porównywarki Skąpiec.pl.

Na tym etapie skupiliśmy się również na trendach e-commerce na lata 2021/22, interferencji zakupów online i offline oraz zebraliśmy typowe wyzwania, z jakimi klienci mierzą się przy każdym większym zakupie np.: sklepy zwiększają cenę przed okresem promocji, niezrozumienie przez klientów pojęć technicznych, problemy z tym, co kupić w określonych sytuacjach (np. narodziny dziecka) oraz rosnąca świadomość na temat tego, że dziś dla konsumentów liczy się nie tylko produkt, ale też usługa i firma, która go dostarcza. 

Benchmarking konkurencji

Kolejnym krokiem były przeprowadzenie benchmarkingu, który miał na celu analizę wzorców projektowych wśród europejskich i światowych serwisów pod kątem dobrych i złych praktyk, a następnie porównanie ich do rozwiązań zastosowanych w serwisie Skąpiec.pl. Dzięki temu mogliśmy zlokalizować miejsca, w których nasz klient ma przewagę nad innymi porównywarkami oraz te obszary, które można usprawnić.

Podczas przeglądu konkurencji skupiliśmy się na przykładach globalnych oraz najważniejszych trendach e-commerce, które powinno się wziąć pod uwagę podczas projektowania nowego interfejsu, np.:

• wzrost zakupów produktów szybkozbywalnych w sieci (np. produkty spożywcze),
• wzrost zapotrzebowania na pomoc przy i po zakupie (np. słowniczek),
• zwiększenie dostępności dóbr cyfrowych,
• zmiany w funkcjonowaniu sieci reklamowych,
• rozszerzanie funkcjonalności e-sklepów i porównywarek.

Warsztaty 

W ostatniej części Etapu 1 przeprowadziliśmy warsztaty razem z naszym klientem. Podczas warsztatów zaprezentowaliśmy wstępne wnioski i dane zebrane na podstawie desk researchu i bechmarkingu. Następnie bazując na wiedzy domenowej klienta oraz doświadczeniu naszych ekspertów UX, wspólnie dokonaliśmy próby segmentacji użytkowników, a następnie opisaliśmy ich jako realne osoby — klientów.

W wyniku tego procesu mogliśmy zidentyfikować i wypracować unikalną propozycję wartości serwisu dla każdego z segmentów grupy docelowej. W ostatniej części warsztatu pracowaliśmy na wstępnych moodboardach i razem z klientem weryfikowaliśmy, w jakim kierunku mogą iść prace wizualne. 

Efekty warsztatu

W wyniku prac badawczych i warsztatu przygotowaliśmy dla klienta raport zawierający rekomendacje związane kilkoma aspektami:   

• analiza semiotyczna marki 
• drabina korzyści marki 
• propozycje pozycjonowania 
• archetypy marki 

Aby jeszcze lepiej przygotować się do etapu Develop & Deliver, po warsztatach wykorzystaliśmy też narzędzie Fusion Matrix oraz Idealist. Pierwsze z nich łączy mapy empatii, gdzie gromadzimy obserwacje i przekłada je na konkretne zadania, jakie użytkownik chce realizować w serwisie oraz umożliwiające mu to funkcje. Następnie widok po widoku przypisujemy funkcje do konkretnych obszarów serwisu. Na końcu w formie warsztatowej z klientem porządkowaliśmy te funkcje ma matrycach 2x2. Natomiast za pomocą narzędzia Idealist stworzyliśmy podsumowania tych ustaleń, gdzie matryce zastąpiliśmy współczynnikami/wagami.

Korzyści etapu Discover & Define:

• Stworzenie person i zmapowanie potrzeb grupy docelowej serwisu Skąpiec.pl. Dzięki zidentyfikowaniu potrzeb i celów użytkowników jesteśmy w stanie lepiej zaplanować strukturę informacji docelowego projektu serwisu. 
• Przygotowanie planu na indywidualne zabiegi projektowe dla każdego z hipotetycznych segmentów klientów. Dzięki temu mamy pewność, że żaden z nich nie zostanie pominięty. 
• Współpraca ze specjalistami SEO po stronie klienta na etapie priorytetyzacji funkcji. Dzięki temu w procesie projektowania od razu bierzemy pod uwagę dopasowanie go do wymogów związanych pozycjonowaniem w wyszukiwarce. 
• Wypracowanie kierunku pozycjonowania marki i zbudowanie archetypu marki, które wyznaczają kierunek projektowania makiet interfejsu. 

W tym case study przedstawiamy wyniki pracy nad Etapem 1 - Discover&Define.