Für die Daimler AG Marke smart entwickelten wir im Rahmen der IAA in Frankfurt eine interaktive 3D Showroom- und Event-Anwendung, die Sonderedition “smart BRABUS tailor made” auf großen Touch-Displays konfigurierbar macht.

Kunde
smart
Branche
Automotive
Lösung
Produktkonfigurator
Technologien
3D / WebGLWeb
Leistungen
Technical ConsultingUX DesignVisual DesignSoftware DevelopmentProducing
Awards
DDA

Ein immersives Showroom‑Erlebnis für den smart BRABUS tailor made.

Interaktive 3D‑Konfiguration auf großformatigen Touch‑Displays.
Auf der IAA 2017 sollte der smart BRABUS tailor made als haptisches Markenerlebnis erlebbar werden und gleichzeitig eine skalierbare Weblösung ermöglichen. Ziel war, Besucher zu begeistern, Produktvarianten in Echtzeit zu zeigen und eine Basis für internationalen Rollout und mobile Performance zu schaffen.
Zwei Besucher am großen Touchscreen konfigurieren einen blau-roten smart und wählen über ein Farbrad die Lackierung
Realismus und Performance bestimmten die Lösung.
Die Anwendung musste fotorealistisches Rendering mit niedriger Latenz verbinden, damit sowohl Messebesucher als auch Remote‑Nutzer eine nahtlose Experience erhalten.
Ein WebGL‑Konfigurator, der das Auto ins Zentrum stellt und Interaktion zur Freude macht.
Wir lieferten optimierte 3D‑Modelle und Meshes, eigens entwickelte Shader und Lichtsettings, ein React/Redux Frontend, Kamera‑Farbpicker, Idle‑Mode sowie eine Continuous‑Delivery‑Pipeline für Texturen und Assets. Die Lösung wurde für dedizierte Showroom‑Hardware optimiert und für späteren Web‑Rollout vorbereitet.
Oberfläche mit dem Aufruf, den eigenen Traumwagen zu gestalten: schwarz-grüner smart, Farbrad und Felgenauswahl
Technologie und Team sorgten für stabile Performance.
Dank Low‑Poly‑Mesh, spezialisierten Shadern und enger Verzahnung von Creative Engineering und Frontend lief die Anwendung auf High‑End‑Hardware ohne spürbare Latenz. Tausende Besucher konfigurierten ihren smart auf der IAA 2017; das Feedback hob die hohe visuelle Qualität, die intuitive Bedienung und die Joy of Use hervor.
Vier Renderstufen des Fahrzeugs nebeneinander: Drahtgittermodell, Basismodell, Grundfarbe mit Licht und hochglänzendes Finish
Blick über die Schulter auf zwei Monitore: links das Rendering eines orangefarbenen smart, rechts der Shader-Code

Die größte Wirkung erzielte die enge Verzahnung von Design und Engineering: kontinuierliches Testen an realen Geräten, priorisierte Produktsprints und ein klarer Asset‑Workflow ermöglichten eine skalierbare, wartbare Lösung, die Messeerlebnis und späteren Web‑Rollout verbindet.