Cel wdrożenia
Lena Lighting, producent nowoczesnych systemów oświetleniowych, zgłosił się do nas z potrzebą stworzenia konfiguratora online, który umożliwi projektowanie rozwiązań oświetleniowych w kilku krokach. Głównym założeniem było połączenie funkcjonalności technicznej z przyjaznym doświadczeniem użytkownika.
Podejście do projektu
Szczegółowe rozpoznanie potrzeb klienta pozwoliło nam precyzyjnie zaplanować funkcjonalności i przebieg tworzenia konfiguratora produktu. Jednym z priorytetów była estetyka interfejsu. W tym przypadku postawiliśmy na czytelną, jasną stylistykę, spójną z identyfikacją wizualną marki Lena Lighting.
Dużą uwagę poświęciliśmy szczegółowemu zrozumieniu i odwzorowaniu w narzędziu konfiguratora logiki dopasowywania komponentów. W trakcie prac wdrożyliśmy również system automatycznego wykrywania kolizji, który pozwala eliminować błędne zestawienia jeszcze na etapie konfiguracji. Dzięki temu użytkownik otrzymuje w pełni spójny i możliwy do realizacji projekt. Z kolei technologie, których użyliśmy w projekcie (React.js, Postgre SQL, Nest.js i inne) zapewniły wysoką wydajność i przejrzystość działania konfiguratora.
Gotowy konfigurator umożliwia między innymi tworzenie spersonalizowanego projektu, jego zapis, udostępnienie oraz wysłanie zapytania ofertowego bezpośrednio do działu sprzedaży firmy. Dla użytkowników widoczna jest także cena wybranych produktów, co jeszcze lepiej wpływa na wybór najlepszych dla niego lamp.
Warto zaznaczyć, że konfigurator lamp liniowych rozbudowany został o system tłumaczeń. Dzięki opracowanemu przez nasz zespół modułowi zarządzania treściami językowymi, nasz klient może samodzielnie wprowadzać zmiany i zarządzać aktualnie 5 wersjami językowymi.
Jak działa planer oświetlenia?
Na początku procesu użytkownik wybiera kształt pomieszczenia, które następnie można dowolnie skalować i ustawić parametry montażu. Projekt można oglądać przemiennie w dwóch widokach – z góry lub w ujęciu izometrycznym – podobnie jak widok 3D. Co w efekcie ułatwia pracę z przestrzenią i daje pełniejszą kontrolę nad efektem końcowym oraz pozwala na bieżąco śledzić efekty konfiguracji. Kolejno może on wybierać lampy, ich parametry i inne wartości czy akcesoria, które umożliwiają poprawną konfiguracje. Wybrane produktu pojawiają się na ekranie w pomieszczeniu i to o w tym miejscu jest możliwość dopasowania miejsca montażu lampy. Jak wspominaliśmy na zakończonej konfiguracji można wykonywać różne akcje od podglądu, przez zapis czy zmianę rzutu projektu.
Podsumowanie
Stworzone przez nas narzędzie działa niczym planer przestrzenny, który umożliwia intuicyjne projektowanie dopasowanego oświetlenia w pomieszczeniu, a jednocześnie otworzyło przed użytkownikami, w tym projektantami i architektami, zupełnie nową jakość interakcji z marką.