Intégration Webflow
Le brief tenait en une exigence : un site aussi fluide que la promesse produit. Pas de template, pas d'animation native Webflow — du créative development full custom porté par GSAP, intégré dans un Webflow propre et léger.
GSAP au cœur de l'expérience
Toute la couche d'animation repose sur GSAP : timelines orchestrées, ScrollTrigger pour les séquences déclenchées au scroll, kinetic typography sur les accroches (« Making transactions free », « toll free », « even with empty tank ») et micro-interactions sur les CTA. Chaque section est chorégraphiée pour guider le regard sans alourdir la navigation.
Intégration vidéo & Lottie
Les démonstrations produit (SEND, MINT, BRIDGE, SWAP) s'appuient sur des vidéos optimisées et des séquences Lottie exportées en .webm, intégrées et synchronisées avec le scroll pour un rendu animé fluide, sans surcoût de performance.
Performance & maintenabilité
Médias compressés, lazy-loading et structure d'animation pensée pour rester légère malgré la densité visuelle. Le projet a été livré dans un Webflow structuré et documenté, avec [formation / passation] pour garantir l'autonomie de l'équipe Zero côté éditorial.
| Livrable technique | Détail |
|---|
| Créative dev | Développement full custom, sans template |
| Animation | GSAP — timelines, ScrollTrigger, kinetic typography |
| Médias | Intégration vidéos optimisées + séquences Lottie (.webm) |
| Graphismes | Intégration SVG custom & assets de marque |
| Interactions | Micro-interactions CTA, séquences scroll-driven |
| Responsive | Adaptation mobile / desktop de toutes les animations |
| Performance | Compression médias, lazy-loading, code allégé |
| Passation | Formation et documentation à la livraison |
.avif)
.jpeg)
.jpeg)
.jpeg)
.jpeg)
.jpeg)
.jpeg)
.jpeg)
.jpeg)
.jpeg)
