Etudiants Gobelins
Site internet
WebGL
Three.js
React
Plateforme
Détails du projet
Point de départ
Le projet est né de la volonté de l'école de se doter d'une vitrine numérique ambitieuse, capable de refléter la qualité des productions étudiantes et de valoriser l'établissement auprès de futurs candidats et partenaires.
La problématique
L'enjeu était de proposer une expérience immersive et moderne, en rupture avec les portfolios institutionnels classiques. Le landing 3D crée une accroche forte, tandis que la galerie filtrée permet une navigation fluide dans un catalogue dense de projets.
Conception
L'architecture s'articule autour de trois axes : une landing WebGL illustrant le campus, une grille de projets avec système de filtres (par année, par discipline), et des pages projet individuelles. La navigation inclut également une section Lab et une présentation de l'école.
Mise en œuvre
Le projet repose sur React et Three.js pour la scène 3D du campus, avec un rendu temps réel optimisé. Les filtres dynamiques et la grille de projets sont gérés côté client pour une navigation instantanée. L'interface est entièrement responsive, de la landing mobile jusqu'aux pages projet.
