Intuicyjny kreator online: jak UX zwiększył sprzedaż
Skomplikowany proces projektowania do druku zamieniliśmy w prostą zabawę dla klienta. Zaprojektowaliśmy narzędzie webowe, które prowadzi użytkownika za rękę, od wgrania zdjęcia po finalizację zamówienia, eliminując błędy i porzucone koszyki.
Zakres prac
Prototypowanie UX, projekt interfejsu UI, system komponentów, projekt Mobile First
Kategoria
E-commerce / SaaS
Branża
E-commerce, druk personalizowany
Klient
Art Open
Projekt w skrócie
Wyzwanie
Klienci rezygnowali z zakupów, bo dotychczasowe narzędzia były toporne i wymagały wiedzy graficznej o spadach, DPI i formatach. Proces trzeba było uprościć tak, by osoba nietechniczna mogła stworzyć profesjonalny kalendarz w 3 minuty na telefonie lub laptopie.
Rozwiązanie
Przed kodowaniem przygotowaliśmy klikalne prototypy, testując ścieżki użytkownika i usuwając wąskie gardła. Zaprojektowaliśmy przeciąganie zdjęć, podgląd na żywo oraz bibliotekę komponentów zapewniającą spójność całego narzędzia. Interfejs powstał w podejściu Mobile First, bo 60% użytkowników zaczyna projektowanie na smartfonie, a inteligentne podpowiedzi ostrzegają między innymi przed zbyt niską jakością zdjęcia.
Efekt
Liczba kroków potrzebnych do złożenia zamówienia spadła o 40%, a podpowiedzi zmniejszyły liczbę reklamacji i telefonów do obsługi klienta. Kreator stał się głównym kanałem sprzedaży w sezonie świątecznym i można go rozbudować o kolejne produkty bez projektowania interfejsu od nowa.
Wyzwanie: uprościć technologię
Klienci rezygnowali z zakupów, bo stare narzędzia były toporne i wymagały wiedzy graficznej (spady, DPI, formaty). Wyzwaniem było ukrycie całej technologii „pod maską” i stworzenie interfejsu tak prostego, by nawet osoba nietechniczna mogła stworzyć profesjonalny kalendarz w 3 minuty na telefonie lub laptopie.
Rozwiązanie UX
PROTOTYPING
Makiety Funkcjonalne: Przed rozpoczęciem kodowania stworzyliśmy klikalne prototypy (lo-fi), testując ścieżki użytkownika i eliminując „wąskie gardła”.
Drag & Drop: Wdrożyliśmy intuicyjny system przeciągania zdjęć, znany użytkownikom z aplikacji social media.
Live Preview: Podgląd na żywo, który daje klientowi pewność, co dokładnie zamawia.
System Design
Opracowaliśmy bibliotekę komponentów (przyciski, suwaki, modale), która zapewnia spójność całego narzędzia. Interfejs jest minimalistyczny („Invisible Design”), aby nie odwracać uwagi od tego, co najważniejsze: zdjęć klienta.
Mobile First i wydajność
Statystyki pokazały, że 60% użytkowników zaczyna projektowanie na smartfonie. Dlatego interfejs został zaprojektowany w podejściu Mobile First. Wszystkie przyciski są w zasięgu kciuka, a edytor działa płynnie nawet przy słabszym internecie, nie obciążając przeglądarki.
Optymalizacja
KONWERSJA
Zredukowaliśmy liczbę kroków potrzebnych do złożenia zamówienia o 40%. Dodaliśmy system inteligentnych podpowiedzi (np. „Twoje zdjęcie ma za niską jakość”), co drastycznie zmniejszyło liczbę reklamacji i telefonów do biura obsługi klienta.
Efekt biznesowy
Nowy kreator stał się głównym kanałem sprzedaży w sezonie świątecznym. Przejrzysty proces zakupowy i przyjemność z korzystania z narzędzia przełożyły się na wyższą średnią wartość koszyka oraz powracalność klientów, którzy chętnie zamawiali kolejne produkty.
Zobacz powiązane realizacje i wpisy: Design dla wyników: kampanie, które klikają oraz artykuł Dlaczego Twoja strona ma ruch, ale nie sprzedaje?
Dostarczone wartości
WZROST
Klient otrzymał skalowalne rozwiązanie, które można łatwo rozbudować o kolejne produkty (fotoksiążki, kubki) bez konieczności projektowania interfejsu od nowa. To inwestycja w technologię, która pracuje na marżę firmy.
Zobacz inne realizacje
Twoja marka może być następna.
Widziałeś właśnie, jak zamieniamy wyzwania biznesowe w działający produkt cyfrowy. Nie kopiujemy rozwiązań, ale dobieramy narzędzia pod konkretny cel. Jeśli szukasz partnera, który dowiezie podobną jakość dla Twojej firmy, porozmawiajmy o szczegółach.