Przykład redesignu UI/UX e-sklepu z podręcznikami i materiałami RPG
Chcę zaprezentować redesign UI/UX strony e-commerce i plik figmy, który stworzyłam, na przykładzie DriveThruRPG. DriveThruRPG to sklep z produktami digitalowymi (z opcją PrintOnDemand) związanymi z tabletop role-playing games. Pokażę Ci, wyniki przejścia procesu Double Diamond, jeśli jednak wolisz obejrzeć gotowy plik figmy, zjedź poniżej.
Persona
Adrian, 32l.
Katowice
Nauczyciel
Trudności:
- Ograniczony czas: Adrian ma ograniczony czas ze względu na pracę. Nie może poświęcić dużo czasu na eksplorację nowych treści, stąd ograniczenie liczby wyświetlanych produktów.
- Zarządzanie treściami: Adrianowi może sprawiać trudność efektywne zarządzanie swoją kolekcją cyfrowych dodatków i zasobów RPG. Bez odpowiednich narzędzi do organizacji, może mieć problem z łatwym odnajdywaniem potrzebnych treści w swojej bibliotece.
- Oczekiwanie wysokiej jakości: Jako entuzjasta gier fabularnych, Adrian oczekuje wysokiej jakości treści, zarówno pod względem pisania, jak i wykonania. Może być zawiedziony, gdy napotka produkty, które nie spełniają tych oczekiwań.
Potrzeby:
- Wygodna eksploracja: Adrian potrzebuje prostych i intuicyjnych narzędzi do eksploracji nowych produktów i zasobów na platformie e-commerce, które pozwolą mu szybko znaleźć interesujące treści.
- Filtracja i sortowanie: Ważne jest, aby platforma oferowała skuteczne narzędzia do filtrowania i sortowania produktów według różnych kryteriów, aby Adrian mógł łatwo znaleźć to, czego potrzebuje.
- Organizacja biblioteki cyfrowej: Adrian potrzebuje możliwości skutecznego zarządzania swoją kolekcją cyfrowych treści, zapewniając łatwy dostęp do potrzebnych zasobów w każdej chwili.
Information Architecture
Lo-Fi showcase
Design Highlights
Figma files
Figma files – mobile
(wymagany login do serwisu figmy)
Figma files – desktop
(wymagany login do serwisu figmy)