← Tous les projets
- Sites web codés
Construit en
Vendre de la 3D avec une page qui rame
Une scène 3D qui réagit au scroll, et l’email gardé avant le paiement.
Le problème
Un service de sites 3D doit faire ses preuves sur sa propre landing page, sans vidéo lourde qui ralentit tout.
Ce que j’ai construit
Une scène Three.js écrite à la main, avec un shader maison, 320 particules et une caméra pilotée par la vitesse du scroll, plus deux tunnels (communauté à 9 $, prestation à 800 $) qui enregistrent l’email avant la redirection Stripe.
Détails techniques
- CSP, HSTS et Permissions-Policy versionnés en infrastructure as code
- Inscription en double traitée comme un succès idempotent
- Densité de pixels plafonnée à 2, canvas dimensionné par ResizeObserver
Stack
- Three.js
- GLSL
- GSAP + Lenis
- Supabase
- Stripe
- Render
Le résultat
La scène se met en pause quand l’onglet est caché ou le hero hors écran, et les leads sont protégés par la sécurité par ligne, un pot de miel et une limite de débit.
Un projet similaire en tête ?
Parlez-moi de votre activité et de votre échéance. Vous recevez une proposition par email.
Autres projets
1 / 27 : Le client décrit le produit avec ses mots à lui