Aperçu principal du projet Célia
- Gobelins

Célia

Site internet

WebGL

Three.js

React Three Fiber

GSAP

Howler

Narration interactive

Visuel Histoire du projet Célia
Visuel Histoire du projet Célia
Visuel Comment du projet Célia

Détails du projet

Histoire

Ce projet a été mené sur 44 jours par une équipe mixte de 3 designers et 2 développeurs. Le brief consistait à donner de la visibilité à La Quadrature du Net avec un format digital original, à la fois narratif et interactif. Le concept “C’est pas de l’IA” a pris forme autour d’une quête en forêt, pensée pour confronter l’utilisateur à sa propre responsabilité dans un récit progressif.

Pourquoi

Le projet est né d’un constat simple : l’usage de l’IA est devenu quotidien, mais son coût environnemental reste mal perçu. Nous avons donc choisi une approche narrative forte, centrée sur l’émotion et un plot twist, pour éviter le discours purement informatif. L’intention était de créer une expérience marquante, capable d’engager un public jeune actif et de rendre le message mémorable.

Comment

L’expérience se construit en trois temps : mission, exploration, puis révélation. L’utilisateur est guidé par Célia, une voix rassurante, dans une forêt interactive qu’il parcourt au scroll et à travers des actions à la souris. Au fil du parcours, l’univers visuel et sonore bascule progressivement du naturel vers le digital, jusqu’à la révélation finale qui relie directement le récit aux conséquences réelles et à l’appel à agir.

Quoi

Côté développement, j’ai travaillé sur une grande partie de l’architecture technique et de la scène 3D : intégration des assets, textures, éclairage, terrain, système d’interactions, événements et navigation caméra. Le projet s’appuie sur Three.js / React Three Fiber, GSAP, Theatre.js, Howler et Sass. J’ai également participé aux optimisations de performance (instancing, culling, logique de LOD), à l’intégration audio/sous-titres et aux interfaces, en collaboration étroite avec le reste de l’équipe design et dev.