Back to list

EXEON Design Service (EDS) – Konfigurator zapytań projektowych jako Web App

Created by

Owls Department Sp. z o.o.

2022

About

Projekt polegał na zaprojektowaniu i wdrożeniu nowej usługi EXEON Design Service (EDS) w formie aplikacji webowej. Opierała się ona na opracowaniu dedykowanej metodologii organizującej proces projektowy przez klienta​, jak również na wykorzystaniu ​automatycznego generowania geometrii pojazdu w środowisku CAD. Użytkownicy produktu mogą dokonać wizualizacji założeń w formie wstępnego projektu pojazdu.

Submited by

Owls Department Sp. z o.o.

case study

W ramach usługi powstała aplikacja webowa, którą jest konfigurator parametrów i generator geometrii pojazdu. ​EDS pozwala Klientowi zamówić projekt pojazdu odpowiadającego specyficznym wymaganiom.

Celem narzędzia jest:zaznajomienie klienta ze złożonością procesu rozwoju nowego produktu oraz zwrócenie uwagi szczególnej uwagi na punkty wysokiego ryzyka,usprawnienie i ujednolicenie briefu projektu,automatyzacja w obszarze harmonogramu i wstępnej wyceny,wizualizacja założeń klienta w formie wstępnej architektury produktu.

Narzędzie składa się z 3 etapów którymi są Brief, Timeline oraz CAD. Pierwszy etap to zestaw zagadnień, które dobierane są dynamicznie na podstawie odpowiedzi użytkownika na poprzednie pytania. Drugi etap to timeline, który pokazuje etapy procesu projektowego wraz z datami, milestonami oraz dokładnymi opisami poszczególnych kroków. Trzeci etap to model 3D oparty na Verge-u, gdzie można w czasie rzeczywistym konfigurować produkt. Wynikiem finalnym narzędzia jest plik PDF z podsumowaniem całego procesu.

Opracowany język graficzny aplikacji jest minimalistyczny, ale odważny, poprzez użycie dużej typografii w odmianie monospace i sporych apli koloru. Koncepcja animacji ma odzwierciedlać przetwarzanie, zmianę. Przeładowania pomiędzy modułami obrazują zaawansowanie procesu. Chcieliśmy za pomocą ruchomych maskowań liter zwizualizować na oczach użytkownika proces konfiguracji jego zapytania.

Aby podkreślić techniczne podejście do całego procesu, w tle aplikacji wykorzystaliśmy widoczną siatkę zbudowaną z linii, która jest też analogią do papieru kreślarskiego. Monochromatyczny charakter aplikacji bazuje na brandingu studia Exeon, podkreślając profesjonalizm studia. Kolorowy akcent został wykorzystany do podkreślenia kluczowych elementów interfejsu, na które użytkownik powinien zwrócić szczególną uwagę.

Największym wyzwaniem pod względem projektowym było połączenie funkcjonalności przy rówoczesnej złożoności aplikacji. Ważne dla nas było, aby narzędzie odstawało wizualnie od znanych dashboardów tego typu produktów, nie tracąc przy tym intuicyjności dla użytkownika.

Dla developmentu trudnością była złożoność zakresu projektu. Było to techniczne i technologiczne zadanie, wymagające zrozumienia specyfiki i zależności pomiędzy poszczególnymi elementami w danej kategorii obszaru wiedzy. Dodatkowym wyzwaniem było wyznaczenie ścieżki użytkownika oraz wyznaczenie z góry i obsługa warunków brzegowych. Na tym etapie nieocenioną pomocą okazały się scenariusze testowe BDD, które pozwoliły nam zderzyć z klientem na wczesnym etapie wszystkie możliwe ścieżki. Techniczna złożoność w zestawianiu z animacyjnym charakterem interfejsu wymagały połączenia umiejętności w zakresie kreatywnego i inżynieryjnego dewelopmentu oraz ścisłej współpracy front-end deweloperów z zespołem projektantów.