Visao propose une plateforme de visualisation 3D interactive qui permet aux équipes de vente, d’ingénierie, de marketing et de formation de mieux présenter, expliquer et valoriser leurs produits.
Depuis plus de trois ans, nous collaborons étroitement avec Visao et leur équipe pour faire évoluer cette solution, en intervenant à chaque étape clé du design. Grâce à une approche centrée sur l’humain et à des cellules de co-création régulières, nous avons contribué à rendre la plateforme plus intuitive, cohérente et adaptée à une grande diversité de contextes d’utilisation et de profils utilisateurs.
Avant même de proposer des solutions, nous avons jugé essentiel de remettre en question les étapes clés et les actions nécessaires à la création d’une visionneuse réellement adaptée aux types de client spécifiques et par contexte. Cette posture nous a permis d’ancrer nos choix de conception dans des situations concrètes où la visionneuse serait utilisée, telles que:
Conception d’un schéma visuel qui exprime notre première hypothèse de cas d’usage par contexte.
La segmentation des cas d’usage (par domaine et par contexte). nous a permis d’identifier les profils clients, puis de structurer un organigramme clair et interconnecté des fonctionnalités essentielles, transversales, manquantes ou à améliorer pour la plateforme de Visao.
La segmentation des cas d’utilisation par contexte (3d configurator - e-commerce)
À la base, la plateforme Visao permet de gérer les modèles 3D, d’administrer les visionneuses existantes ou d’en créer de nouvelles, ainsi que de configurer les paramètres des comptes clients et administrateurs. Il était donc essentiel de concevoir des interfaces claires et dédiées pour simplifier l’ensemble de ces opérations.
UX et conceptualisation de la vue de gestion des modèles (wireframes) / Version développée
Ajout d’un nouveau modèle UX / Version développée
L’application de création de visionneuses comprenait plusieurs étapes essentielles, parfois très complexes pour configurer le modèle destiné à la visionneuse.
La première étape visait à définir les informations de base du modèle (Details), le suivi de la conversion et du rendu (Settings). Ensuite il y a les ajustements d’éclairage (Lighting) et la sélection du fond de scène (Background).
Vue du panneau pour ajuster les détails et informations d’un modèle (UX) / La version développée
Une fois le modèle 3D prêt, l’étape suivante consistait à créer la visionneuse finale. Le Viewer Studio devient alors le contenant interactif dans lequel le modèle prend véritablement vie.
Cette interface permet à l’utilisateur de mettre en scène le produit grâce à des fonctionnalités de séquences, d’animations, d’annotations, de descriptions détaillées et des vues personnalisées.
L’objectif de la refonte de la visionneuse était de repenser entièrement l’expérience du créateur pour faciliter la conception d’expériences narratives engageantes autour du contenu 3D.
L’étape de création des séquences au UX / La plateforme développée
La plateforme Visao s’adapte automatiquement à l’apparence définie par l’utilisateur dans son système d’exploitation, que ce soit en mode clair ou sombre.
Version «Dark Mode» de la plateforme Visao
La visionneuse reflète le travail réalisé à la fois dans le Model Studio et le Viewer Studio, afin de livrer à l’utilisateur final une expérience immersive et fidèle à l’intention du créateur.
Il est possible d’essayer vous-même la visionneuse ici.
Vue du Help Center / Annotations et contenu contextuel / Les séquences / Fonctionnalités de mesure et de repérages
Étant donné que la visionneuse peut être utilisée dans des contextes variés: salon d’exposition, musée, magasins, déplacement sur la route, il était essentiel de l’optimiser pour une utilisation fluide sur les appareils mobiles.
La fonctionnalité de réalité augmentée permet de visualiser l’objet directement dans son environnement réel, offrant ainsi une compréhension plus concrète de son échelle, de son usage et de son intégration. Cette fonctionnalité s’avère particulièrement précieuse pour les utilisateurs en contexte de salon d’exposition, notamment lorsque le matériel est trop volumineux ou complexe pour être déplacé physiquement.
Version mobile de la visionneuse / Fonctionnalité de AR
Animée par l’innovation et la recherche, j’aime explorer les codes de la communication visuelle et ses applications dans la vie...
David aime concevoir des solutions à la fois efficaces et faciles d’utilisation. Avec Diapason, ils ont travaillé sur la création...
Passionnée par les possibilités qu’offre le design collaboratif, Julie rêvait depuis longtemps de soulever le Collectif. Sa première intention était...
