Prototype Site Web Next.js

Projet de conception et de développement d’un site vitrine événementiel pour ABYSSE, un futur espace muséal international à Toulon dédié à l’exploration des grands fonds marins. L’objectif était de créer une expérience digitale immersive capable de séduire les partenaires institutionnels et de projeter le grand public dans l’univers mystérieux des abysses avant même la construction du lieu

Sur le plan technique, j’ai développé l’application avec Next.js pour assurer une architecture modulaire et performante. J’ai réalisé l’intégration de modèles 3D interactifs (notamment le sous-marin) via React Three Fiber, après avoir nettoyé et optimisé les fichiers .glb sur Blender pour le web. Les transitions et l’interactivité reposent sur l’utilisation conjointe de GSAP et Framer Motion, permettant de synchroniser l’apparition des éléments narratifs et des données techniques avec le défilement de l’utilisateur. Le site possède une version responsive totalement utilisable sur mobile.

Production

  • Site Vitrine Immersif

Outils/Langages utilisés

  • Next.js / React
  • Tailwind CSS
  • GSAP / Framer Motion
  • Three.js
  • Cursor

Site Web

ABYSSE