JBL Flip 6

JBL Flip 6 is a high-impact product landing page built to push the boundaries of web animation. The experience opens with a dramatic drop-entrance of the speaker through a rocky cinematic environment, transitions into a 300-frame scroll-driven story sequence rendered on canvas, and closes with an interactive color-variant selector featuring 8 finishes — each with its own ambient glow, dynamic gradients, and GSAP-powered swap animations. Every scroll pixel is intentional.