Prepared by
Prepared by
Prepared by
Goran Babarogic
Goran Babarogic
Goran Babarogic
Framer Website Migration
& Redesign for Strike Digital
Framer Website Migration
& Redesign for Strike Digital
Framer Website Migration
& Redesign for Strike Digital
Framer Website Migration
& Redesign for Strike Digital
Prepared for
Prepared for
Prepared for
Richard McSweeney
Richard McSweeney
Richard McSweeney
Date
Date
Date
July 16, 2025
July 16, 2025
July 16, 2025
Project Overview
Project Overview
Project Overview
Project Overview
Strike Digital is seeking a full website redesign and migration from Webflow to Framer. The primary goal is to elevate the agency’s digital presence to better appeal to larger, high-profile clients and to move away from a focus on smaller-scale businesses. The redesign will bring the site in line with more modern agency standards, using Darkroom Agency as creative inspiration — particularly their brand and case study showcase approach.
Strike Digital is seeking a full website redesign and migration from Webflow to Framer. The primary goal is to elevate the agency’s digital presence to better appeal to larger, high-profile clients and to move away from a focus on smaller-scale businesses. The redesign will bring the site in line with more modern agency standards, using Darkroom Agency as creative inspiration — particularly their brand and case study showcase approach.
Strike Digital is seeking a full website redesign and migration from Webflow to Framer. The primary goal is to elevate the agency’s digital presence to better appeal to larger, high-profile clients and to move away from a focus on smaller-scale businesses. The redesign will bring the site in line with more modern agency standards, using Darkroom Agency as creative inspiration — particularly their brand and case study showcase approach.
Strike Digital is seeking a full website redesign and migration from Webflow to Framer. The primary goal is to elevate the agency’s digital presence to better appeal to larger, high-profile clients and to move away from a focus on smaller-scale businesses. The redesign will bring the site in line with more modern agency standards, using Darkroom Agency as creative inspiration — particularly their brand and case study showcase approach.
Scope of Work
Scope of Work
Scope of Work
Scope of Work
Discovery & Planning
We'll begin by analyzing the current Webflow website, identifying structural and SEO-critical elements. This phase includes aligning on creative direction and establishing visual goals.
(Pre–August 1)
Discovery & Planning
We'll begin by analyzing the current Webflow website, identifying structural and SEO-critical elements. This phase includes aligning on creative direction and establishing visual goals.
Discovery & Planning
We'll begin by analyzing the current Webflow website, identifying structural and SEO-critical elements. This phase includes aligning on creative direction and establishing visual goals.
Discovery & Planning
We'll begin by analyzing the current Webflow website, identifying structural and SEO-critical elements. This phase includes aligning on creative direction and establishing visual goals.
(Pre–August 1)
UX/UI Design
Using Figma, we’ll design the homepage and one subpage to define the overall visual identity. We’ll focus on clarity, storytelling, and aesthetics inspired by Darkroom Agency.
(August 1–August 20)
UX/UI Design
Using Figma, we’ll design the homepage and one subpage to define the overall visual identity. We’ll focus on clarity, storytelling, and aesthetics inspired by Darkroom Agency.
UX/UI Design
Using Figma, we’ll design the homepage and one subpage to define the overall visual identity. We’ll focus on clarity, storytelling, and aesthetics inspired by Darkroom Agency.
UX/UI Design
Using Figma, we’ll design the homepage and one subpage to define the overall visual identity. We’ll focus on clarity, storytelling, and aesthetics inspired by Darkroom Agency.
(August 1–August 20)
Framer Development
After design approval, we’ll migrate content and structure the site in Framer. Blog posts, case studies, and all visual elements will be integrated with clean, responsive layouts.
(August 1–September 10)
Framer Development
After design approval, we’ll migrate content and structure the site in Framer. Blog posts, case studies, and all visual elements will be integrated with clean, responsive layouts.
Framer Development
After design approval, we’ll migrate content and structure the site in Framer. Blog posts, case studies, and all visual elements will be integrated with clean, responsive layouts.
Framer Development
After design approval, we’ll migrate content and structure the site in Framer. Blog posts, case studies, and all visual elements will be integrated with clean, responsive layouts.
(August 1–September 10)
QA & Launch
We’ll perform detailed testing across devices and browsers, polish animations, and apply final feedback. Post-launch support ensures everything runs smoothly and rankings are monitored.
(Early–Mid September)
QA & Launch
We’ll perform detailed testing across devices and browsers, polish animations, and apply final feedback. Post-launch support ensures everything runs smoothly and rankings are monitored.
QA & Launch
We’ll perform detailed testing across devices and browsers, polish animations, and apply final feedback. Post-launch support ensures everything runs smoothly and rankings are monitored.
QA & Launch
We’ll perform detailed testing across devices and browsers, polish animations, and apply final feedback. Post-launch support ensures everything runs smoothly and rankings are monitored.
(Early–Mid September)
Technical Details
Technical Details
Technical Details
Technical Details
Platform Migration
Platform Migration
Platform Migration
The site will be migrated from Webflow to Framer with minimal structure changes. Core CMS content will be ported directly, ensuring data consistency.
The website will be built in Framer, ensuring a modern, responsive, and performance-optimized experience. Ideal for quick iteration and sleek UI transitions.
The site will be migrated from Webflow to Framer with minimal structure changes. Core CMS content will be ported directly, ensuring data consistency.
The site will be migrated from Webflow to Framer with minimal structure changes. Core CMS content will be ported directly, ensuring data consistency.
SEO Preservation
SEO Preservation
SEO Preservation
SEO Preservation
Meta titles, descriptions, and structured data will be transferred to Framer. A redirect map will be created to maintain traffic and rankings.
Meta titles, descriptions, and structured data will be transferred to Framer. A redirect map will be created to maintain traffic and rankings.
Meta titles, descriptions, and structured data will be transferred to Framer. A redirect map will be created to maintain traffic and rankings.
Meta titles, descriptions, and structured data will be transferred to Framer. A redirect map will be created to maintain traffic and rankings.
CMS Content Integration
CMS Content Integration
CMS Content Integration
CMS Content Integration
Approximately 6 blog posts and 10 case studies will be migrated and formatted for Framer’s CMS. This process will be seamless and monitored closely.
Approximately 6 blog posts and 10 case studies will be migrated and formatted for Framer’s CMS. This process will be seamless and monitored closely.
Approximately 6 blog posts and 10 case studies will be migrated and formatted for Framer’s CMS. This process will be seamless and monitored closely.
Approximately 6 blog posts and 10 case studies will be migrated and formatted for Framer’s CMS. This process will be seamless and monitored closely.
Animation & Media
Animation & Media
Animation & Media
Animation & Media
Basic animations will be handled in Framer. If complex video transitions or motion graphics are needed, external motion designers can be brought in with Goran providing direction.
Basic animations will be handled in Framer. If complex video transitions or motion graphics are needed, external motion designers can be brought in with Goran providing direction.
Basic animations will be handled in Framer. If complex video transitions or motion graphics are needed, external motion designers can be brought in with Goran providing direction.
Basic animations will be handled in Framer. If complex video transitions or motion graphics are needed, external motion designers can be brought in with Goran providing direction.
Timeline
Timeline
Timeline
Timeline
Discovery & Planning
Design Phase
Development Phase
QA & Testing
Week 1
Week 2
Week 3
Week 4
Week 5
Week 6
Week 7
Week 8
Week 1 - 2
Week 1 - 2
Week 1 - 2
Design Phase
Design Phase
Design Phase
Week 2 - 3
Week 2 - 4
Week 2 - 3
Development Phase
Design Phase
Development Phase
Week 2 - 3
Week 4 - 8
Development Phase
Week 4
Week 6 - 8
Week 4
QA & Testing
QA & Testing
QA & Testing
Pricing
Pricing
Pricing
Pricing
Next Steps
Next Steps
Next Steps
Next Steps
1
Confirm engagement model
Confirm engagement model
Confirm engagement model
Confirm engagement model
2
Schedule kickoff workshop
Schedule kickoff workshop
Schedule kickoff workshop
Schedule kickoff workshop
3
Export existing content (if needed)
Export existing content (if needed)
Export existing content (if needed)
Export existing content (if needed)
4
Set up project workspace
Set up project workspace
Set up project workspace
Set up project workspace
$12,000
$12,000
$12,000
$12,000
Total Project Cost
Total Project Cost
Payment Terms
Payment Terms
50% Upfront – $6000
50% Upfront – $6000
50% Upon Completion – $6000
Payment Options
Payment Options
Past work
Redesign and Webflow migration
Redesign and Webflow migration
Redesign and Webflow migration
Redesign and Wordpress migration
Redesign and Wordpress migration
Redesign and Wordpress migration
Framer Studio
Framer Studio
Framer Studio
Hired as expert by Framers own studio to work on enterprise projects
Hired as expert by Framers own studio to work on enterprise projects
Hired as expert by Framers own studio to work on enterprise projects
Redesign and Wordpress migration
Redesign and Wordpress migration
Redesign and Wordpress migration
This proposal serves as a framework for our collaboration. Please review and confirm your agreement to proceed.
Looking forward to working together!
This proposal serves as a framework for our collaboration. Please review and confirm your agreement to proceed.
Looking forward to working together!
This proposal serves as a framework for our collaboration. Please review and confirm your agreement to proceed.
Looking forward to working together!
This proposal serves as a framework for our collaboration. Please review and confirm your agreement to proceed.
Looking forward to working together!
Best regards,
Best regards,
Best regards,
Best regards,