Codon65
2025 | Webflow Developer
https://www.codon65.com/Complete pixel-perfect Figma-to-Webflow translation for a design studio specializing in scientific research startups. The project involved implementing a clean CMS structure and integrating advanced GSAP animations, anchored by the Lumos framework.
Challenge
Translating a detailed Figma design into a fully functional Webflow site while leveraging the Lumos framework for maintainability. The core technical difficulty was implementing a complex, highly responsive GSAP-animated navigation bar across all breakpoints.
Contribution
Served as Webflow Lead, responsible for the full development lifecycle. Developed the site structure and CMS using the Lumos framework, ensuring code integrity. Successfully implemented all GSAP animations, focusing on the complex, interactive navigation system for optimal UX
Situation
Codon65 is a founder-led design studio in the UK, partnering with startups and founders in scientific research, including biotechnology and cancer research. They had a comprehensive Figma design and needed a fully functional Webflow site with advanced animations and a CMS to manage content efficiently.
Task
As the Webflow Lead, my responsibility was to develop the complete site from Figma, implement the CMS, and ensure smooth, responsive animations, particularly for the navigation bar, while using the Lumos framework for structure and maintainability.
Action
- Built the website in Webflow using the Lumos framework, translating all pixel-perfect Figma designs into a live site.
- Developed the CMS structure to manage complex content efficiently.
- Implemented GSAP animations, with a special focus on a complex, responsive navigation bar.
- Ensured the site was fully responsive and optimized for performance and user experience."
Result
The site was delivered successfully, with a polished design, fully functional CMS, and smooth, visually appealing animations. The navigation bar worked seamlessly across devices, and the client was highly satisfied with the outcome.
