Choisir les usages qui racontent le produit.
Sélection de cinq situations du quotidien, ordonnées pour que l'émotion monte jusqu'au jeu, puis storyboard du scroll.
Concept personnel · non affiliéSite immersifScroll narratif3D
Meta VR Glasses
Faire vivre un casque de réalité mixte sur un simple site web
Concept personnel non officiel : une expérience web immersive qui fait vivre un casque de réalité mixte au scroll, de la pièce du quotidien au cinéma, au sport et au jeu.
Visiter le siteOuvrir le site- Client
- Meta VR Glasses (concept) — Concept personnel
- Année
- 2026
- Rôle
- UX/UI Designer, direction artistique, développement
- Périmètre
- Concept, Storytelling, Direction artistique, Motion, 3D, Développement
- Outils
- Figma, Claude, Three.js, Blender, Midjourney, Kling
01 — Le contexte
Un concept personnel, non affilié à Meta, pour explorer une question : comment faire ressentir sur un simple site web ce que change un casque de réalité mixte au quotidien, sans fiche technique ni jargon.
02 — Le défi
Un produit qu'on ne peut pas essayer en ligne. Il fallait faire comprendre le passage du réel au virtuel par le scroll, rester fluide malgré la vidéo et la 3D, et garder un parcours lisible de bout en bout.
03 — Le résultat
Une expérience scroll-driven qui enchaîne les usages (passthrough, cinéma, sport en direct, souvenirs, jeu) puis montre le produit de près : un terrain d'expérimentation pour les techniques immersives que je propose à mes clients.
SS — Objectifs
Ce que le projet devait accomplir.
- 001Faire ressentir avant d'expliquerChaque usage est montré en situation, dans une pièce qui se transforme au scroll, plutôt que décrit par des caractéristiques.
- 002Un récit continuLe scroll sert de fil narratif : du salon réel aux mondes virtuels, puis retour au produit, sans rupture.
- 003Immersif mais performantMédias chargés progressivement, profondeur simulée par cartes de relief, 3D réservée aux moments clés.
SS — Processus
De l'analyse à la mise en ligne.
Un univers cinématique, sombre et chaleureux.
Images et vidéos générées avec l'IA puis retravaillées, cartes de profondeur pour l'effet de relief, typographie sobre façon lancement produit.
Un site codé sur mesure, rapide et responsive.
Scroll narratif, parallaxe en profondeur, vidéos et modèle 3D intégrés, déployé sur Cloudflare.
SS — Décisions UX
Les décisions qui ont changé le projet.
DÉCISION 01
Le scroll comme télécommande
LE PROBLÈME
Un produit immersif présenté en pages statiques perd tout son intérêt.
LA DÉCISION
Le visiteur pilote la transformation de la pièce au scroll : il vit le passage du réel au virtuel au lieu de le lire.
DÉCISION 02
La profondeur sans 3D lourde
LE PROBLÈME
Une scène 3D complète par section aurait plombé le chargement, surtout sur mobile.
LA DÉCISION
Des images avec cartes de relief donnent l'impression de profondeur ; la vraie 3D est réservée au jeu.
SS — Direction visuelle
Cinématique, sombre et chaleureuse
Des scènes de vie en lumière dorée, contrastées avec l'intérieur sombre du casque, pour une sensation de lancement produit premium.
rgb(5, 5, 5)
rgb(232, 154, 92)
rgb(244, 244, 242)
TYPOGRAPHIESSans-serif fine et large pour les titresSans-serif sobre pour les textes
SS — Galerie
Le projet en images.
SS — Impact
Ce que le projet a changé.
Un concept qui sert de démonstration concrète : on peut y voir et tester ce que le scroll narratif, la profondeur et la vidéo apportent à la présentation d'un produit.
5 usagesRacontés au scrollPassthrough, cinéma, sport, souvenirs et jeu, enchaînés dans un seul récit.
100 %Codé sur mesureSans template ni builder, déployé sur Cloudflare.