Webflow Build
The brief came down to one requirement: a site as smooth as the product promise. No template. No native Webflow animation. Just full custom creative development powered by GSAP, built into a clean, lightweight Webflow experience.
GSAP at the Core of the Experience
The entire animation layer runs on GSAP: orchestrated timelines, ScrollTrigger for scroll-triggered sequences, kinetic typography on the key lines (“Making transactions free”, “toll free”, “even with empty tank”), and micro-interactions on the CTAs. Every section is choreographed to guide the eye without slowing down the experience.
Video & Lottie Integration
The product demos (SEND, MINT, BRIDGE, SWAP) rely on optimized videos and Lottie sequences exported as .webm, integrated and synced with scroll for a smooth animated result, with no performance tradeoff.
Performance & Maintainability
Compressed media, lazy loading, and an animation structure designed to stay lightweight despite the visual density. The project shipped in a structured, documented Webflow build, with [training / handoff] to give the Zero team full editorial ownership.
| Technical Deliverable | Details |
|---|
| Creative dev | Full custom development, no template |
| Animation | GSAP — timelines, ScrollTrigger, kinetic typography |
| Media | Optimized video integration + Lottie sequences (.webm) |
| Graphics | Custom SVG integration & brand assets |
| Interactions | CTA micro-interactions, scroll-driven sequences |
| Responsive | Mobile / desktop adaptation for all animations |
| Performance | Media compression, lazy loading, lean code |
| Handoff | Training and documentation at delivery |
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
