Amagi Life, Animated Webflow Landing Page with GSAP and Video

Amagi Life promotes regenerative communities and sustainable living. I translated their detailed Figma design into a pixel-perfect, responsive Webflow landing page with immersive motion: GSAP scroll animations, synced visual effects, and a video background tuned for performance.

Translate the Figma design into a pixel-perfect, responsive Webflow build

Integrate custom GSAP animations to enhance storytelling and engagement

Implement a high-performance video background without hurting load speed

Maintain a clean, scalable structure using Client-First

Built the layout precisely from Figma with Client-First naming

Implemented fluid typography, responsive grids, and reusable global symbols

Added smooth GSAP scroll-triggered animations for text and images

Synced visual effects with the video background and fine-tuned timing and easing

Compressed and lazy-loaded video assets

Optimized images, alt tags, and metadata for SEO and accessibility

✅ A modern, high-impact landing page aligned with the Figma vision ✅ Smooth GSAP animations and seamless video integration ✅ Optimized for performance, SEO, and responsiveness ✅ A fully editable, scalable Webflow structure for future expansion

Webflow Development · GSAP · Figma to Webflow · Video Background · Animation · Client-First · SEO