Case study · Concept studio
LUMEN
Une marque fictive de luminaires haut de gamme, imaginée pour démontrer ce qu'un site produit peut faire vivre : le site démarre dans le noir, et la lampe est la seule source de lumière.
- Rôle
- Design + Développement
- Année
- 2026
- Stack
- Next.js · React Three Fiber · GSAP ScrollTrigger · Lenis · Tailwind CSS
- Type
- Concept studio
Le concept
Tout part d'un geste : allumer. Un clic sur la lampe et l'expérience s'éclaire — puis le scroll démonte l'objet pièce par pièce, la caméra voyage le long des fils électriques, et un configurateur fait varier finitions et température de couleur en temps réel. La lampe est modélisée à 100 % en code (géométrie paramétrique), sans mesh généré par IA.
La démarche, en images
L'allumage
Le moment signature : noir total, puis la lumière. Un clic sur la lampe 3D, l'interrupteur du header ou le bouton du hero — le titre se révèle lettre à lettre.
L'assemblage au scroll
La lampe se démonte au fil du scroll : zooms macro sur l'alésage du socle, travelling le long des fils électriques, retour à l'assemblage — une chorégraphie caméra écrite en fonctions pures testées.
Le configurateur
Finitions (laiton brossé, noir mat) et température de couleur (2700 K → 5000 K) appliquées en direct sur le produit 3D.
Essayez-le vous-même
Pas une vidéo, pas des captures : le vrai site, utilisable ici même.
100 %
3D paramétrique, codée sur-mesure
19
tests sur la chorégraphie caméra
60 fps
animations fluides, zéro re-render par frame
Projet suivant
5STARS Conciergerie