A detailed case study on building a minimal yet motion-rich website for 1820 Productions using Webflow, GSAP, and custom JavaScript. The article covers the technical implementation of smooth page transitions with Taxi.js, SVG cursor morphing, session-aware loading, and a modular component architecture that handles cleanup during SPA navigation. Key techniques include freezing outgoing pages during transitions, event delegation for dynamic elements, and using Smooothy for infinite marquee scrolling.
Table of contents
The BriefDesign Direction and Visual LanguageTech StackThe Foundation: Webflow-Dev-SetupSession-Aware LoadingPage Transitions: The Cleanup ProblemCustom Cursor: SVG Morphing That Survives NavigationMarquee with SmooothyReflectionsSort: