Orchestra
Framer development for Orchestra in collaboration with Airfoil Studio, translating Figma designs into a polished, animated, production-ready website.
About Orchestra
Orchestra provides software for R&D organizations to unify planning, automate operations, and reduce the risks that can slow or derail scientific innovation.
Project scope
Figma -> Framer migration
Custom animations and interactions
Post-launch support
2 weeks delivery
Overview
Orchestra helps R&D organizations unify planning, automate operations, and reduce the risks that can slow down or derail breakthrough science.
As part of my collaboration with Airfoil Studio, I was brought in as the dedicated Framer developer to turn the approved designs into a production-ready Framer website.
The challenge
The site needed to closely match a polished, design-led vision while remaining responsive, performant, and easy to maintain.
Key requirements included:
A pixel-perfect translation from Figma to Framer
Custom animations and interactive elements
A quick turnaround without cutting corners on quality
My role
I handled the Framer implementation end-to-end, working closely with the design team to ensure the final build matched the intended experience.
This included:
Rebuilding the designs 1:1 from Figma to Framer, ensuring full visual fidelity, responsiveness, and reusable components
Developing custom animations and interactions, including the animated hero dashboard and surrounding decorative elements
Assisting with content migration into the new structure, ensuring consistency across pages
Supporting launch and post-launch with fixes and refinements to ensure a smooth go-live
Outcome
A fast, polished marketing site built entirely in Framer
High-fidelity animations and interactions without sacrificing performance
A clean, reusable component setup for future updates
Timeline: < 2 weeks
Live site: https://orchestra.bio/
