Der Fahrradschuh-Konfigurator ist eine interaktive 3D-Visualisierung, die weit mehr als nur Farben und Materialoptionen zeigt. Dank 3D-Animationen taucht er tief in die Technologie des Schuhs ein. Die fertige Präsentation lässt sich direkt als Link für interne Präsentationen teilen oder auf der Website einbetten (und sogar mit dem Checkout verknüpfen).
Ziel dieses Schuh-Projekts war es, technische Details und einzigartige Innovationen durch interaktive Konfigurationen anschaulich darzustellen.
Die interaktiven Elemente erklären:
Die fertige Variante kann auch als Augmented Reality (AR) geteilt und in einer realen Umgebung betrachtet werden.
Das Modell wurde in Rhino erstellt und als .fbx-Datei exportiert. Aufgrund der Komplexität der meisten Oberflächen war bei diesem Projekt besondere Aufmerksamkeit für die Topologie des Modells erforderlich. Daher wurde der Schuh in Blender importiert, um das UV-Mapping zu korrigieren und sicherzustellen, dass alle Texturen in Vectary korrekt angewendet werden.
Angesichts der komplexen und geschwungenen Oberflächen des Schuhs soll die Beleuchtung diese Formen betonen und das Volumen plastischer wirken lassen. Dafür sind Rechtecklichter die bevorzugte Wahl, da sie sich leicht in Position und Ausrichtung steuern lassen. Wie bei vielen Projekten ist es wichtig, die Intensität in den Umgebungseinstellungen zu reduzieren, um den lokalen Lichtquellen den Vorrang zu geben. Zusätzliche Schatteneffekte für die Hauptlichtquelle sorgen für mehr Realismus und Detailtiefe in der Szene.
Die Materialauswahl ist bei diesem Projekt entscheidend. Obwohl ein Fahrradschuh weiche Konturen hat, ist sein Hauptmaterial meist rau. Das Ziel war eine Balance zwischen Kunststoff-Ästhetik und der Weichheit von Stoff – ein Hybrid-Look, der sowohl flexibel als auch robust wirkt. Das Einbinden von Mustern in die Color-Map verstärkt den Realismus des Materials. Nach dem Finalisieren des Textur-Looks ist es wichtig, die Lightmap und Ambient Occlusion zu baken, um zusätzliche Details einzubringen, die das Endergebnis auf ein neues Level heben.
Die Interaktionen in dieser Szene basieren hauptsächlich auf Hotspots, die als animierte 2D-Bilder dargestellt werden. Diese Hotspots lösen Animationen aus – wie das Drehen des Schuhs zur Ansicht der Sohlendetails oder das Zerlegen einzelner Teile, um Features wie Dämpfung und Mesh-Arten zu zeigen. Eine Animation zeigt außerdem, wie die Cleats mit Schrauben an den dafür vorgesehenen Stellen der Sohle befestigt werden. Zudem lässt sich durch Klicken auf das Logo ein Material-Wechsler öffnen, mit dem Nutzer zwischen einer schwarzen und einer weißen Version des Schuhs wählen können. Technische Informationen sind im Floating UI integriert und lassen sich durch Klicken auf den Hotspot aufrufen.
