← Portefeuille immersif

Entrez.

Un parcours en trois étapes, du premier échange à la mise en ligne.

Réutiliser cette idée Voir les autres

01

01 — On écoute.

Trente minutes pour comprendre ce qui coince vraiment.

02

02 — On construit.

Un prototype en quelques jours, que vous testez avec vos vrais clients.

03

03 — On livre.

Et on vous forme pour que vous gardiez la main.

Réutiliser cette idée

Réutiliser « Le couloir »

La caméra avance dans un tunnel d'anneaux lumineux ; chaque étape est une porte franchie.

Idéal pour : Un parcours, une méthode en étapes, une offre « de A à Z ».

Fichiers
03-couloir/scene.js (la mise en scène), 03-couloir/index.html (textes), 03-couloir/page.css (ajustements), plus le socle src/commun/.
Réglages
  • Tracé du tunnel : courbe(z), longueur LONGUEUR
  • Portes : PORTES (position, couleur) ; teintes de section COULEURS
  • Matières : pbr('concrete_wall_008'), pbr('metal_plate_02')
Performance
Un tube + anneaux instanciés + 6 lumières ponctuelles + bloom. Léger.
Sources
Textures béton et métal Poly Haven (CC0).
Repli
Sans WebGL, sans JavaScript ou avec « réduire les animations » : les mêmes textes et liens, en page statique.
  1. Copier le dossier 03-couloir/ et src/commun/ dans le projet cible (Vite + three + gsap + lenis).
  2. Remplacer les textes des quatre étapes dans index.html ; garder les attributs data-*.
  3. Ajuster les réglages ci-dessus dans scene.js ; la progression p va de 0 (haut) à 1 (bas).