Framer
Framer Sprint
The Challenge
Tibalt’s website was ambitious—60+ pages built in Framer. But there was a major problem: it wasn’t responsive. The file structure was messy, with oversized components containing hundreds of variants instead of streamlined components with variables. This made even basic edits painfully slow, often crashing my laptop. Tibalt needed the site to work smoothly across devices without sacrificing the scale of his project.
What We Did
I started by restructuring the pages for responsiveness. For most of them, it was simpler to delete the existing tablet and mobile versions and rebuild them from scratch, carefully adapting the primary version. I redesigned the navigation bar, which was overloaded with content, by planning a more efficient structure and implementing it. One of the trickiest challenges was controlling scroll behavior when the navigation was open—a problem I had to experiment with for days before cracking. Throughout, I kept the focus on simplicity and performance.
The Result
The website was fully responsive across devices, with a smoother and more reliable navigation experience. While outside the original scope, I also advised Tibalt to clean up the oversized components to further improve performance. The end result: a massive 60+ page site that now works seamlessly, giving Drime.cloud a professional and user-friendly presence.
Fixed Navigation Bar
Mobile Footer Design
This is how the Mobile navigation looked before
Fixed Mobile Navigation
