Web Design & Development
Jason Savage
A cinematic, image-led portfolio site built in Framer for a BAFTA award-winning film and television editor, presenting reel work and credits across drama and documentary.
Year :
2026
Industry :
Film & Television Post-Production
Client :
Mr. Jason Savage, ACE, BFE
Project Duration :
2 months
Problem :
Jason came to the Framer community looking for someone to rescue a stalled project. The original designer had walked away mid-build and left the site unfinished, with no clear path to launch. For a BAFTA award-winning editor whose reputation lives on how his work is presented, an incomplete site simply was not an option — he needed someone to pick it up and carry it across the finish line.
Solution :
I took the project over and rebuilt it on a foundation that could actually be finished and maintained.
Full Layout Rebuild: Rather than untangle the inherited structure, I rebuilt the layout from the ground up in Framer — a clean, responsive foundation that was faster to finish and far easier to maintain going forward.
Video Player Optimization: I engineered the Vimeo player around the way a reel actually gets watched — fast load times, play-on-hover previews, and filterable clips so visitors can jump straight to the work that matters to them.
Tooling & Testing: I leaned on Framer's AI agents and Claude to work through the player logic, and even purchased a premium custom player component to benchmark my own solution against before committing to the final approach.
How I Used Claude
Claude was my build partner throughout this project. I stayed in the art director's seat, deciding how everything should look, feel and behave, while Claude handled much of the heavy lifting behind the scenes.
Connected to the Framer Project: Using the Framer MCP, Claude could read the live canvas and apply changes directly — layout adjustments, CMS updates and code — instead of handing me a list of manual steps. I reviewed and confirmed each change before moving to the next one, so the work stayed tight and intentional.
Custom Video Components: Claude helped me write and refine the code components behind the reel experience: the filterable clip grid, hover-to-play and unmute behaviour, and a touch-friendly seek bar for mobile. Every iteration was tested against real Vimeo behaviour, including browser-specific quirks in Safari.
Structured Content: Claude helped me organise the clips into linked Movies and Clips CMS collections with consistent categories, and populate the Credits page with all 36 productions — work that would otherwise have been hours of manual copying.
Designed for Handover: Because Jason isn't a developer, I used Claude to help build a companion self-serve guide with short, plain-language steps for editing every page of his site, so he can keep it updated on his own. Claude also helped draft SEO titles and descriptions for each page.
A Generous Client: Jason kindly covered a Claude Pro subscription for me so I could work faster on his site. That support meant more room to iterate and refine, and I'm genuinely grateful for the trust he put in me.
Challenge :
There were two real hurdles on this build.
The first was inherited: the layout structure left behind by the previous designer was convoluted enough that repairing it would have taken longer than replacing it. Making the call to rebuild meant re-establishing the entire foundation from scratch while staying faithful to the direction Jason already had in mind — and he was genuinely happy with where it landed.
The second was the video experience. This is an editor's portfolio, so the reel is the product. Getting the Vimeo player to behave took serious iteration: the clips needed to load fast, preview on hover without stutter, and filter cleanly by category. Balancing all three against page performance was the most demanding part of the project.
Summary :
What started as an abandoned, half-finished build is now a launched, fully responsive site that does justice to Jason's body of work. The layout was rebuilt from scratch on a maintainable foundation, and the reel experience — fast, hover-previewed, filterable — puts his editing front and centre instead of making visitors wait for it.
Solving user problems through functional Framer web design.
Platform: Framer, built with the help of Framer AI Agents & Claude
Deliverables: Project Rescue & Handover, Full Layout Rebuild, Vimeo Player Optimization, Hover Previews & Clip Filtering, Self-Serve Editing Guide
AI Workflow: Claude connected to Framer through MCP for code, CMS and canvas edits
Live Site: https://jasonsavagefilm.com/
More Projects
Web Design & Development
Jason Savage
A cinematic, image-led portfolio site built in Framer for a BAFTA award-winning film and television editor, presenting reel work and credits across drama and documentary.
Year :
2026
Industry :
Film & Television Post-Production
Client :
Mr. Jason Savage, ACE, BFE
Project Duration :
2 months
Problem :
Jason came to the Framer community looking for someone to rescue a stalled project. The original designer had walked away mid-build and left the site unfinished, with no clear path to launch. For a BAFTA award-winning editor whose reputation lives on how his work is presented, an incomplete site simply was not an option — he needed someone to pick it up and carry it across the finish line.
Solution :
I took the project over and rebuilt it on a foundation that could actually be finished and maintained.
Full Layout Rebuild: Rather than untangle the inherited structure, I rebuilt the layout from the ground up in Framer — a clean, responsive foundation that was faster to finish and far easier to maintain going forward.
Video Player Optimization: I engineered the Vimeo player around the way a reel actually gets watched — fast load times, play-on-hover previews, and filterable clips so visitors can jump straight to the work that matters to them.
Tooling & Testing: I leaned on Framer's AI agents and Claude to work through the player logic, and even purchased a premium custom player component to benchmark my own solution against before committing to the final approach.
How I Used Claude
Claude was my build partner throughout this project. I stayed in the art director's seat, deciding how everything should look, feel and behave, while Claude handled much of the heavy lifting behind the scenes.
Connected to the Framer Project: Using the Framer MCP, Claude could read the live canvas and apply changes directly — layout adjustments, CMS updates and code — instead of handing me a list of manual steps. I reviewed and confirmed each change before moving to the next one, so the work stayed tight and intentional.
Custom Video Components: Claude helped me write and refine the code components behind the reel experience: the filterable clip grid, hover-to-play and unmute behaviour, and a touch-friendly seek bar for mobile. Every iteration was tested against real Vimeo behaviour, including browser-specific quirks in Safari.
Structured Content: Claude helped me organise the clips into linked Movies and Clips CMS collections with consistent categories, and populate the Credits page with all 36 productions — work that would otherwise have been hours of manual copying.
Designed for Handover: Because Jason isn't a developer, I used Claude to help build a companion self-serve guide with short, plain-language steps for editing every page of his site, so he can keep it updated on his own. Claude also helped draft SEO titles and descriptions for each page.
A Generous Client: Jason kindly covered a Claude Pro subscription for me so I could work faster on his site. That support meant more room to iterate and refine, and I'm genuinely grateful for the trust he put in me.
Challenge :
There were two real hurdles on this build.
The first was inherited: the layout structure left behind by the previous designer was convoluted enough that repairing it would have taken longer than replacing it. Making the call to rebuild meant re-establishing the entire foundation from scratch while staying faithful to the direction Jason already had in mind — and he was genuinely happy with where it landed.
The second was the video experience. This is an editor's portfolio, so the reel is the product. Getting the Vimeo player to behave took serious iteration: the clips needed to load fast, preview on hover without stutter, and filter cleanly by category. Balancing all three against page performance was the most demanding part of the project.
Summary :
What started as an abandoned, half-finished build is now a launched, fully responsive site that does justice to Jason's body of work. The layout was rebuilt from scratch on a maintainable foundation, and the reel experience — fast, hover-previewed, filterable — puts his editing front and centre instead of making visitors wait for it.
Solving user problems through functional Framer web design.
Platform: Framer, built with the help of Framer AI Agents & Claude
Deliverables: Project Rescue & Handover, Full Layout Rebuild, Vimeo Player Optimization, Hover Previews & Clip Filtering, Self-Serve Editing Guide
AI Workflow: Claude connected to Framer through MCP for code, CMS and canvas edits
Live Site: https://jasonsavagefilm.com/
More Projects
Web Design & Development
Jason Savage
A cinematic, image-led portfolio site built in Framer for a BAFTA award-winning film and television editor, presenting reel work and credits across drama and documentary.
Year :
2026
Industry :
Film & Television Post-Production
Client :
Mr. Jason Savage, ACE, BFE
Project Duration :
2 months
Problem :
Jason came to the Framer community looking for someone to rescue a stalled project. The original designer had walked away mid-build and left the site unfinished, with no clear path to launch. For a BAFTA award-winning editor whose reputation lives on how his work is presented, an incomplete site simply was not an option — he needed someone to pick it up and carry it across the finish line.
Solution :
I took the project over and rebuilt it on a foundation that could actually be finished and maintained.
Full Layout Rebuild: Rather than untangle the inherited structure, I rebuilt the layout from the ground up in Framer — a clean, responsive foundation that was faster to finish and far easier to maintain going forward.
Video Player Optimization: I engineered the Vimeo player around the way a reel actually gets watched — fast load times, play-on-hover previews, and filterable clips so visitors can jump straight to the work that matters to them.
Tooling & Testing: I leaned on Framer's AI agents and Claude to work through the player logic, and even purchased a premium custom player component to benchmark my own solution against before committing to the final approach.
How I Used Claude
Claude was my build partner throughout this project. I stayed in the art director's seat, deciding how everything should look, feel and behave, while Claude handled much of the heavy lifting behind the scenes.
Connected to the Framer Project: Using the Framer MCP, Claude could read the live canvas and apply changes directly — layout adjustments, CMS updates and code — instead of handing me a list of manual steps. I reviewed and confirmed each change before moving to the next one, so the work stayed tight and intentional.
Custom Video Components: Claude helped me write and refine the code components behind the reel experience: the filterable clip grid, hover-to-play and unmute behaviour, and a touch-friendly seek bar for mobile. Every iteration was tested against real Vimeo behaviour, including browser-specific quirks in Safari.
Structured Content: Claude helped me organise the clips into linked Movies and Clips CMS collections with consistent categories, and populate the Credits page with all 36 productions — work that would otherwise have been hours of manual copying.
Designed for Handover: Because Jason isn't a developer, I used Claude to help build a companion self-serve guide with short, plain-language steps for editing every page of his site, so he can keep it updated on his own. Claude also helped draft SEO titles and descriptions for each page.
A Generous Client: Jason kindly covered a Claude Pro subscription for me so I could work faster on his site. That support meant more room to iterate and refine, and I'm genuinely grateful for the trust he put in me.
Challenge :
There were two real hurdles on this build.
The first was inherited: the layout structure left behind by the previous designer was convoluted enough that repairing it would have taken longer than replacing it. Making the call to rebuild meant re-establishing the entire foundation from scratch while staying faithful to the direction Jason already had in mind — and he was genuinely happy with where it landed.
The second was the video experience. This is an editor's portfolio, so the reel is the product. Getting the Vimeo player to behave took serious iteration: the clips needed to load fast, preview on hover without stutter, and filter cleanly by category. Balancing all three against page performance was the most demanding part of the project.
Summary :
What started as an abandoned, half-finished build is now a launched, fully responsive site that does justice to Jason's body of work. The layout was rebuilt from scratch on a maintainable foundation, and the reel experience — fast, hover-previewed, filterable — puts his editing front and centre instead of making visitors wait for it.
Solving user problems through functional Framer web design.
Platform: Framer, built with the help of Framer AI Agents & Claude
Deliverables: Project Rescue & Handover, Full Layout Rebuild, Vimeo Player Optimization, Hover Previews & Clip Filtering, Self-Serve Editing Guide
AI Workflow: Claude connected to Framer through MCP for code, CMS and canvas edits
Live Site: https://jasonsavagefilm.com/