3D-Produktkonfiguration
Dieser Produktkonfigurator bietet die Möglichkeit, aus einer Vielzahl von unterschiedlichen Markisenmodellen, zahlreichen Stoffen und Farben auszuwählen und diese als animiertes 3D-Modell in einer Webansicht anzuschauen. Jede Markisenkonfiguration kann gespeichert und per Link mit Freunden geteilt werden. Der geteilte Konfigurationslink ermöglicht es, die konfigurierte Wunschmarkise jederzeit in der AR-App abzurufen und auf der Website zu laden.
Firma
Branche
Technologie
-
Java -
Spring -
Vaadin -
React -
Three.js -
MongoDB -
graphQL
Über den Kunden
Seit 50 Jahren entwickelt und produziert Markisenexperte markilux Sonnenschutzsysteme, Markisen und textile Produkte für die Terrasse. Mit einem hohen Anspruch an Design und Technik werden die Produkte komplett im eigenen Haus gefertigt. Ganz nach Maß und auf Kundenwunsch. Zusammen mit qualifizierten Fachpartnern bietet markilux Qualität bis ins Detail, von der Planung einer Markise bis zur Montage am Haus.
Unsere Aufgabe
Unsere Aufgabe bestand darin, ein System zu entwickeln, mit dem Produktdaten, Preise und Fachpartnerdaten pro Land erfasst werden können, um diese per API für die Web-App bereitzustellen. In der Web App soll man verschiedene 3D-Markisenmodelle auswählen, konfigurieren und speichern können. Das Produkt soll als detailliertes 3D-Modell dargestellt werden und eine Möglichkeit der Animation für ein gutes Produkterlebnis schaffen. Jede Konfiguration soll unter einer eindeutigen ID gespeichert und mit Freunden geteilt werden können. Als weitere Funktion soll eine Preisanfrage an den nächstgelegenen Fachpartner über Salesforce gestellt werden können. Die Entwicklung des Produkts haben wir gemeinsam mit dem Kunden in einem agilen Scrum-Projekt umgesetzt und die einzelnen Funktionalitäten iterativ entwickelt.
Unsere Lösung
Wir haben nach eingehender Analyse mit den unterschiedlichen Fachabteilungen eine Microservice-Infrastruktur aufgebaut, die es ermöglicht, unternehmensweit wiederverwendet zu werden. Die Produktdaten können über ein individuell programmiertes Vaadin-Frontend gepflegt werden. Die Web-App haben wir mit React und Three.js als wiederverwendbares Modul entwickelt, das auch auf den Fachpartnerseiten in einem „Embed-Mode“ eingebunden werden kann. Die 3D-Modelle haben wir in enger Abstimmung mit der Produktentwicklung angepasst und animiert.
