En mai 2024, j’ai eu la chance de collaborer avec Artefact, une agence spécialisée en data marketing et intelligence artificielle, sur un projet aussi poétique que technologique. Leur client : Robertet, maison emblématique des matières premières naturelles pour la parfumerie.
L’objectif ? Créer une expérience immersive pour le salon VivaTech, à partir d’œuvres conçues autour des profils olfactifs de parfumeurs et parfumeuses.
🧬 Quand la data devient émotion
À l’origine du projet, une artiste digitale avait réalisé des visualisations artistiques en nuages de points, représentant chaque artisan du parfum à travers ses affinités olfactives. Mon rôle : transformer ces œuvres en une expérience WebXR en réalité mixte, capable de captiver les visiteurs… directement depuis un casque Quest 3.
🧠 Phase de conception avant l’intégration
Artefact m’a contacté avec une intention forte, mais un concept encore ouvert. J’ai pu proposer une vision d’ensemble, structurée autour du storytelling et de la mise en valeur sensorielle de chaque œuvre.
Nous avons opté pour une approche MVP et agile, priorisant l’essentiel pour la première démo, avec des points réguliers et des livraisons via GitHub Pages. Cela nous a permis d’avancer vite, tout en laissant la place à l’ajustement et à la finesse.
🎛️ Une expérience pensée pour le casque
L’expérience était à l’origine prévue pour l’Apple Vision Pro, mais les contraintes d’accès à WebXR nous ont amenés à la déployer sur Meta Quest 3. Chaque interaction, chaque ambiance a donc été pensée de A à Z pour la réalité mixte.
L’univers visuel rend hommage à l’univers du parfum : les tableaux apparaissent dans des structures inspirées des orgues du parfumeur, ces instruments en escalier où reposent les fioles. On y accède avec la facilité d’un parfumier accédant à ses parfums. La présence du chevalet rappelle le travail de l’artiste 2D, et est l’endroit où la magie opère.
⚙️ Stack utilisée
- Babylon.js pour le rendu 3D WebXR
- MRTK Web pour la gestion des interactions en MR
- D3.js pour manipuler dynamiquement les données olfactives
- Figma pour la conception d’interfaces
- GitHub Pages pour le déploiement continu
L’expérience est toujours accessible ici 👉 https://arthurmougin.github.io/scented-connection
(🧪 Astuce : faites Ctrl + Alt + I pour inspecter les entités WebXR !)
🌿 Une expérience sensorielle, simple et accessible
Ce projet a été un vrai plaisir à réaliser. Il m’a permis de croiser data, design, art et immersion, dans un format léger, web natif et directement accessible en MR. Une belle preuve que le WebXR peut être un outil puissant pour raconter autrement.
Merci encore à Artefact pour leur confiance, et à toute l’équipe mobilisée autour du stand à VivaTech.