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.

Warsztaty z klientem

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.

Design system

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

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.

Produkty predefiniowane

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 oraz filtrowanie

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.

Projekt UX koszyka

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.

Projekt UX procesu zakupowego

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).

Wdrożenie

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.