Projekt UX konfiguratora w sklepie internetowym

Zaprojektowaliśmy UX/UI dla konfiguratora rolet E-rzymskie oraz wdrożyliśmy to rozwiązanie wspólnie z zespołem specjalistów Software House Sellace.

Celem było stworzenie platformy sklepowej, która zapewni użytkownikom możliwość zamawiania spersonalizowanych produktów wykonanych z bazy dostępnych tkanin. Sklep e-rzymskie umożliwia pełne spersonalizowanie produktu, jak również wybór rolety z przygotowanych wzorców konfiguratora.
  • 7 osobowy zespół
  • 6 miesięcy pracy
  • 112 widoków
  • 3 rozdzielczości ekranu
Odwiedź stronę
E-rzymskie.pl
Klient
E-rzymskie
Branża
E-commerce
Typ
Sklep z konfiguratorem

Kluczowe cele

Bazą projektową była poprzednia platforma, która nie spełniała już dzisiejszych standardów jakości oraz nie była przystosowana do urządzeń mobilnych.
Modułowe podejście
Naszym głównym wyzwaniem było zrozumienie algorytmów przeliczania cen oraz przepisania ich w sposób jak najbardziej modułowy, aby w przyszłości w oparciu o te rozwiązania była możliwość poszerzenia oferty sklepu.
Ciągły rozwój
System został napisany w sposób umożliwiający ciągły rozwój rozwiązania, a co za tym idzie, klient jest w stanie skupić się na wzroście sprzedaży, zamiast nad przepisywaniem kodu aplikacji.
Urządzenia mobilne
Przez to, że platforma nie posiadała do tej pory widoków na urządzenia mobilne to stało się jednym z głównych celów naszej pracy.

Proces realizacji

Ważnym elementem wdrożenia było przekierowanie obecnego ruchu na nową platformę. Współpracując z firmą zajmującą się SEO, przygotowaliśmy cały schemat sklepu, umożliwiający jego znaczy rozwój w tym zakresie. Do zbudowania sklepu internetowego e-rzymskie zostały wykorzystane najlepsze technologie mogące zaspokoić potrzeby klienta, a jednocześnie zminimalizować koszty wdrożenia.
Podczas z warsztatów z klientem wypracowaliśmy schemat działania aktualnego konfiguratora oraz jakie cele marketingowe muszą zostać spełnione przy tworzeniu nowej platformy. Wynikiem przeprowadzonych prac była specyfikacja wraz ze schematami prezentującymi działanie systemu.
Do budowy makiet serwisu wykorzystaliśmy nasz autorski design system, który został wypracowany na podstawie dostarczonych materiałów przez klienta. W oparciu o przygotowane materiały jesteśmy w stanie zoptymalizować czas potrzebny na tworzenie makiet oraz kodowanie finalnego produktu.
Konfigurator produktu stanowi najważniejszy element platformy e-rzymskie. Cały konfigurator został stworzony z wykorzystaniem technologii Vue.js, która jest w stanie w sposób interaktywny prezentować nam dane pobrane z zaplecza strony. Na podstawie wybranych parametrów produktu weryfikujemy poprawność wprowadzonych danych oraz prezentujemy odpowiednie elementy całego produktu. Zaczynając od ceny produktu, kończąc na opisie, który w zależności od wybranej tkaniny może ulegać zmianie.
System posiada możliwość stworzenia produktów predefiniowanych (z wybranymi opcjami w konfiguratorze), co pozwala nam tworzyć promocję poszczególnych konfiguracji oraz znacznie polepsza nam aspekty SEO sklepu internetowego, ponieważ każdy z tym produktów może być osobno zaindeksowany.
Lista produktów została stworzona w sposób jak najbardziej użyteczny dla osób szukających konkretnych grup produktowych. Filtrowanie jest tworzone dynamicznie na podstawie wybranych atrybutów, więc osoby zajmujące się obsługą sklepu mogą stale poszerzać filtry, umożliwiając klientom jeszcze lepsze sposoby znalezienia konkretnej grupy produktowej.
Koszyk produktowy został przystosowany do prezentowania produktów spersonalizowanych, jak i produktów prostych. Będąc w koszyku mamy możliwość powrotu do wcześniej stworzonej konfiguracji, co znacznie ułatwia proces decyzyjny.
Proces zakupowy umożliwia zakup na osobę prywatną oraz firmę. Formularz zakupowy posiada wszelkie walidacje wymagane do poprawnego złożenia zamówienia. Istnieje możliwość zmiany adresu dostawy oraz wybrania formy dostawy za pobraniem w określonych produktach (produkty proste).
Zespół Software House Sellace zajął się wdrożeniem sklepu. Nasz zespół projektantów UX czuwał nad właściwym wdrożeniem wszystkich zaprojektowanych mechanizmów.

Zakres pracy

W dużej mierze postawiliśmy na konsultacje i warsztaty przeprowadzane z Klientem, dzięki czemu poznaliśmy wcześniejsze rozwiązanie oraz opracowaliśmy podejście modułowe do projektu i wdrożenia sklepu.
Analiza
Mapa doświadczeń użytkownika, Mapa interesariuszy, Buyer Persony
Projekt UX
Makiety UX, Interfejs użytkownika, Prototyp aplikacji
Wdrożenie
Wordpress, Vue, Javascript, Symphony

Rezultaty

W efekcie Klient otrzymał od nas w pełni modułową platformę zbudowaną z reużywalnych komponentów.
72
komponenty
7
osób w zespole
6
miesięcy pracy

Podobne Case Study

Wzór Copyright © 2023 All Rights Reserved
Polityka prywatności
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram