Le configurateur de chaussures de cyclisme est une visualisation 3D interactive qui va bien au-delà du simple choix de couleurs et de matériaux. Grâce à l'animation 3D, il explore en profondeur la technologie de la chaussure. La présentation finale peut être partagée directement sous forme de lien pour des réunions internes, ou intégrée à votre site internet (et même connectée au checkout).
L'objectif de ce projet de chaussure était de présenter des informations techniques et des innovations uniques grâce à des configurations interactives.
Les éléments interactifs expliquent :
La déclinaison finale peut également être partagée en réalité augmentée (AR) pour être visualisée dans un environnement réel.
Le modèle a été créé dans Rhino et exporté sous forme de fichier .fbx. En raison de la complexité de la plupart des surfaces, une attention particulière a été accordée à la topologie du modèle pour ce projet. La chaussure a donc été importée dans Blender pour corriger le dépliage UV, garantissant ainsi que toutes les textures s'appliquent correctement dans Vectary.
Étant donné les surfaces complexes et incurvées de la chaussure, l'éclairage a pour rôle d'accentuer ces formes et de renforcer la perception des volumes. Pour y parvenir, les lumières rectangulaires sont le choix idéal, offrant un contrôle simple de leur position et de leur orientation. Comme dans beaucoup de projets, il est cruel de baisser l'intensité dans les paramètres d'environnement pour privilégier les lumières locales. L'ajout d'ombres à la source de lumière principale renforce le réalisme et les détails de la scène.
La sélection des matériaux est cruciale pour ce projet. Bien qu'une chaussure de cyclisme présente des contours souples, son matériau principal a tendance à être rugueux. L'objectif était de trouver un équilibre entre l'aspect du plastique et la douceur du tissu, créant une apparence hybride à la fois souple et robuste. L'intégration de motifs dans la color map renforce le réalisme du matériau. Après avoir finalisé l'aspect général de la texture, il est essentiel de baker sa lightmap et son occlusion ambiante pour apporter des détails supplémentaires qui sublimeront le résultat final.
Les interactions dans cette scène reposent principalement sur des hotspots, représentés par des images 2D animées. Ces hotspots déclenchent des animations telles que la rotation de la chaussure pour examiner les détails de la semelle, ou l'éclatement de diverses pièces pour explorer des caractéristiques comme l'amorti et les types de mesh. L'animation montre également comment fixer les cales sur la chaussure à l'aide de vis aux emplacements dédiés sur la semelle. De plus, un sélecteur de matériaux est accessible en cliquant sur le logo, permettant de choisir entre les versions noire et blanche de la chaussure. Des informations techniques sont incluses dans la Floating UI et s'affichent en cliquant sur un hotspot.
