Ein Powerbank-Konfigurator ist ein interaktives digitales Tool, mit dem das Innenleben des Produktdesigns im 3D-Raum veranschaulicht wird. So können die verschiedenen Beteiligten im Produktentwicklungsprozess alle Features und Designelemente im Detail erkunden. Er unterstützt die Entscheidungsfindung bei der Wahl der Gehäusefarbe oder nutzt die Explosionsansicht (Exploded-view), um interne Teile und Komponenten zu zeigen. Der einfache Zugriff auf detaillierte Erklärungen jedes internen Elements eignet sich ideal für Schulungen oder zur Unterstützung bei Reparaturen.
Das Hauptziel dieses Projekts war es, das von außen unsichtbare Innenleben der Powerbank zu zeigen. Über eine Explosionsansicht (Exploded View) als Hauptanimation werden verwendete Materialien, Maße und technische Spezifikationen veranschaulicht. Das bedeutet, dass jede Ebene so aufgebaut sein musste, dass sich alle Teile sowohl nahtlos zusammensetzen als auch voneinander trennen lassen. Da die interaktive Hauptkomponente das Öffnen und Schließen der Powerbank ist, sind keine Hotspots nötig – eine On-Click-Interaktion reicht hier völlig aus.
Dieses Modell wurde in 3ds Max erstellt und dann als .fbx-Datei in Vectary importiert. Der Hauptfokus lag auf der präzisen Modellierung aller internen Komponenten.
Die meisten Materialien wurden in Vectary hinzugefügf, mit Ausnahme des Chipsets. Die Chipset-Textur wurde in Substance Painter erstellt und zusammen mit den Roughness- und Normal-Maps ins Studio importiert. Ambient Occlusion und Lightmaps wurden später in Vectary gebacken, um den Gesamtlook aufzuwerten. Licht-Setup Für dieses Projekt wollten wir eine dunklere Szene erzielen. Der Hintergrund und die Bodenebene sind fast schwarz. Wir haben ein Drei-Licht-Setup mit Key Light, Fill Light und Rim Light, um das Modell optimal in Szene zu setzen.
Dieses Projekt enthält mehrere Animationen. Zuerst gibt es eine Explosionsansicht -Animation, die die Powerbank öffnet und alle internen Komponenten sichtbar macht. Jede Komponente hat außerdem eine separate Slide-out-Animation für eine bessere Sichtbarkeit und genauere Betrachtung.
Zusätzlich gibt es Animationen für Ebenen mit .PNG-Bildern die die Spezifikationen der Komponenten zeigen. Diese Spezifikationen sind im Objekt verborgen und werden durch Animationen skaliert und neu positioniert.
Alle Interaktionen wurden mit einem On-Click-Trigger für die verschiedenen Komponenten der Powerbank eingerichtet. Ein Klick auf eine Komponente löst ihre Slide-out-Animation zusammen mit der Animation der .PNG-Bilder mit den technischen Spezifikationen aus. Ein erneuter Klick auf die Komponente lässt sie samt Spezifikationen wieder einfahren.
Diese Interaktion funktioniert bei anderen Komponenten genauso: Die erste Komponente und ihre Spezifikationen fahren wieder ein, während die angeklickte ausfährt.
Die Option, eine AR-Vorschau zu generieren, die die Explosionsansicht der Powerbank zeigt, bietet ein immersives visuelles Erlebnis – für mehr Produkt-Engagement, wenn der Konfigurator als kundenorientiertes Online-Tool genutzt wird.
