This project is from the previous edition of the WaysConf Awards 2022, which is why it is in Polish.

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

CREATOR:
Owls Department Sp. z o.o.

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.

Client

Exeon

Submited by

Owls Department Sp. z o.o.

Realization period

X.2020 - VII.2021

Team

-developer:
Miłosz Mandowski,
Kamil Kondratowicz
-pm:
Kasia Moręgiel,Marta Przyborowska
-ux:
Gabriela Baka
ui:
-Gabriela Baka,
Łukasz Podolak

Technologies

-developer:
Miłosz Mandowski,
Kamil Kondratowicz
-pm:
Kasia Moręgiel,Marta Przyborowska
-ux:
Gabriela Baka
ui:
-Gabriela Baka,
Łukasz Podolak

Services

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.

Why us?

-Jesteśmy bardzo zadowoleni z rezultatu.
-Współpraca z klientem ułożyła się bardzo dobrze.
-Tym projektem pokazujemy naszą elastyczność we współpracy z klientem i słuchanie jego potrzeb a następnie wdrożenie ich w świat cyfrowy.
-Stworzone narzędzie wyróżnia się na tle swojej konkurencji – będąc nowatorskim rozwiązaniem w branży.
-Zastosowane technologiczne rozwiązania optymalizują performance strony.
-Stworzony język graficzny podkreśla innowacyjne podejście oraz profesjonalizm aplikacji webowej.

September 19-20, 2024
Krakow + online
6th edition

Join us at WaysConf and be part of the digital revolution.
Buy your tickets now!

Buy tickets