Un configurateur de batterie externe est un outil numérique interactif conçu pour expliquer les composants internes du produit dans un espace 3D. Cet outil permet aux différentes parties prenantes du processus de développement produit d'explorer en détail toutes les fonctionnalités et éléments de design. Il peut intervenir dans le processus de prise de décision pour le choix de la couleur du boîtier ou pour utiliser la vue éclatée (exploded-view) afin de révéler les pièces et composants internes. Un accès facile à des explications détaillées de chaque élément interne s'avère particulièrement utile pour la formation ou l'aide aux réparations.
L'objectif principal de ce projet était de montrer les composants internes de la batterie externe invisibles de l'extérieur. En utilisant la vue éclatée comme animation principale, les informations présentées devaient indiquer les matériaux utilisés, les dimensions et les spécifications techniques. Cela signifie que chaque couche devait être conçue de manière à pouvoir assembler toutes les pièces ou les séparer. L'interaction principale consistant à ouvrir et fermer la batterie externe, il n'était pas nécessaire d'ajouter des hotspots. Une interaction au clic (on-click) suffit dans ce cas.
Ce modèle a été créé dans 3Ds Max, puis importé dans Vectary sous forme de fichier .FBX. L'accent a été mis sur la modélisation précise de tous les composants internes.
La plupart des matériaux ont été ajoutés dans Vectary, à l'exception du chipset. La texture du chipset a été créée dans Substance Painter et importée dans le Studio, avec les cartes de rugosité (roughness) et de normales (normal maps). Occlusion ambiante et lightmaps ont ensuite été calculées (baked) dans Vectary pour améliorer le rendu global. Configuration de l'éclairage Pour ce projet, nous avons opté pour une scène sombre. L'arrière-plan et le plan au sol sont presque noirs. Nous avons utilisé une configuration à trois lumières avec une lumière principale (key light), une lumière de remplissage (fill light) et une lumière de contour (rim light) pour mettre en valeur le modèle efficacement.
Ce projet comprend plusieurs animations. Tout d'abord, il y a une vue éclatée animation qui ouvre la batterie externe, révélant tous les composants internes. Chaque composant dispose également d’une animation de glissement distincte pour une meilleure visibilité et inspection.
De plus, des animations sont disponibles pour les plans avec des images .PNG présentant les spécifications des composants. Ces caractéristiques sont masquées à l’intérieur de l’objet, puis agrandies et repositionnées grâce à des animations.
Toutes les interactions ont été configurées avec un déclencheur au clic sur les différents composants de la batterie externe. Un clic sur un composant déclenche son animation de glissement ainsi que l’animation des images .PNG des spécifications techniques. Un nouveau clic sur le composant le fait glisser en sens inverse avec les spécifications.
Cette interaction fonctionne de la même manière lors d’un clic sur d’autres composants : le premier composant et ses spécifications glissent vers l’intérieur, tandis que celui sur lequel vous avez cliqué glisse vers l’extérieur.
L’option permettant de générer un aperçu AR présentant la vue éclatée de la batterie externe offre une expérience visuelle immersive, idéale pour accroître l’engagement produit si le configurateur est utilisé comme outil en ligne destiné aux clients.
