Les coulisses

Comment ce site a été fait

MÉRIDIEN est un démonstrateur : une entreprise de construction fictive, imaginée pour montrer ce qu'un site vitrine haut de gamme peut être en 2026. Rien ici n'est un template acheté — tout est construit sur mesure.

01La tour 3D est générée par du code

Le bâtiment que vous explorez n'est pas une vidéo ni une image : c'est une scène 3D temps réel (Three.js/WebGL) qui tourne dans votre navigateur. La tour est assemblée procéduralement — étages, retraits, façades vitrées, fenêtres allumées aléatoirement — et la ville sombre autour d'elle aussi.

02Le scroll pilote la caméra

En défilant, vous déplacez une caméra le long d'une trajectoire courbe autour de la tour : approche au sol, orbite, montée, puis plongée sur la couronne. Le défilement est adouci (Lenis) et chaque section textuelle révèle son contenu au passage (GSAP + IntersectionObserver).

03Les visuels de projets sont générés par IA

Les trois « réalisations » (Dakar, Québec, Diamniadio) sont des rendus photoréalistes générés par IA, dirigés pour rester dans l'ambiance du site : crépuscule, lumières ambrées, architecture contemporaine. Pour un vrai client, on utiliserait ses photos de chantiers — ou ces mêmes outils pour visualiser un programme avant sa construction.

04Pensé pour la performance

• Aucune vidéo lourde : la 3D pèse moins qu'une seule photo 4K.
• Images en WebP (~100 Ko chacune), chargées à la demande.
• Adapté au mobile : la caméra recadre la tour en portrait.
• Respecte prefers-reduced-motion pour l'accessibilité.