Conçu pour être intégré directement sur un site web, le configurateur 3D permet aux utilisateurs de visualiser leur propre store personnalisé dans un décor réaliste. L'utilisateur peut explorer les styles de stores, les matériaux, les couleurs, les dimensions et les fonctionnalités. Autre avantage de taille à la fin du processus de personnalisation : l'utilisateur peut télécharger l'image de sa configuration. En situation réelle, cette image peut être téléchargée pour servir de référence numérique ou être présentée directement en magasin.
Ce configurateur de stores, intégré dans un arrière-plan réaliste, utilise Floating UI pour gérer toutes les interactions de la scène. L'objectif était de le rendre simple d'utilisation et intuitif. L'interface principale présente les options du menu avec des visuels plutôt que du texte. Afin de ne pas encombrer l'image globale, une seule interface a été utilisée.
Le hotspot doit :
L'interface Floating UI, située dans le coin supérieur gauche de l'écran, doit :
L'interface Floating UI propose deux fonctionnalités principales : l'object switcher et le material switcher.
Astuce : Pour réduire le nombre de polygones, seul un mur de fond est utilisé, avec des limites de caméra définies pour empêcher la rotation. L'environnement derrière la fenêtre est représenté par un plan simple doté d'une texture d'image.
