FLOT NOIR, a creative agency, rebuilt the website for MERSI, a Paris-based architecture studio, using Webflow as a CMS foundation with a fully custom JavaScript interaction layer. The technical stack includes GSAP (ScrollTrigger, SplitText, Flip), Lenis for smooth scrolling, Taxi.js for page transitions, and Vite for bundling, deployed on Netlify. Key interactive features include a split-screen slider driven by clip-path inset values, a GSAP Flip-powered page transition that morphs a project thumbnail into the case study hero image, a scroll-triggered grid repositioning animation using two DOM states, and an infinite scroll home slider that silently teleports scroll position to avoid edge detection. The redesign moved MERSI away from a generic Webflow template toward a tailored editorial experience inspired by architectural print publications, earning awards including Awwwards Site of the Day and FWA FOTD.
