WEB DESIGN
WEB DESIGN
WEB development
WEB development
workflow efficiency
workflow efficiency
Migrating HG’s Website to Framer To Optimize Workflow While Refreshing 14+ Pages ///
Migrating HG’s Website to Framer To Optimize Workflow While Refreshing 14+ Pages ///
Migrating HG’s Website to Framer To Optimize Workflow While Refreshing 14+ Pages ///
Healthy Gamer
4-11
days saved per page
4-11
days saved per page
4-11
days saved per page
1/2-1
days saved per edit
1/2-1
days saved per edit
+10%
more full bundle
sales
$24k
saved per year
$24k
saved per year
$24k
saved per year
The Project ///
The Project ///
The Project ///
Healthy Gamer is a mental health startup that provides mental health resources to the internet generation. The website is used as a mid-funnel entry point, taking users who have come from live streams, YouTube videos, or social media, and directing them to HG’s flagship products: Coaching, Dr. K’s Guide, and Memberships. It also serves as a point to log directly into the platform, increase brand awareness of HG as well as HG Foundation and HG Institute, and inform users of HG’s impact. The original website was built in Webflow and developed and maintained by a Webflow agency. I worked with the agency to build new pages, address bugs, and make small daily changes where needed.
Healthy Gamer is a mental health startup that provides mental health resources to the internet generation. The website is used as a mid-funnel entry point, taking users who have come from live streams, YouTube videos, or social media, and directing them to HG’s flagship products: Coaching, Dr. K’s Guide, and Memberships. It also serves as a point to log directly into the platform, increase brand awareness of HG as well as HG Foundation and HG Institute, and inform users of HG’s impact. The original website was built in Webflow and developed and maintained by a Webflow agency. I worked with the agency to build new pages, address bugs, and make small daily changes where needed.
The Challenge ///
The Challenge ///
The Challenge ///
Working with our Webflow agency could be cumbersome - small, but time sensitive changes took too long to launch. Development time for new pages was less than ideal with initial drafts sometimes requiring 100+ comments during QA to align the developed page to the designs in Figma. The design team also felt restricted by the limitations of what the agency could develop, and wanted more creative control to polish the site with finer details like page-to-page transitions, page animations, and interactive sections.
Working with our Webflow agency could be cumbersome - small, but time sensitive changes took too long to launch. Development time for new pages was less than ideal with initial drafts sometimes requiring 100+ comments during QA to align the developed page to the designs in Figma. The design team also felt restricted by the limitations of what the agency could develop, and wanted more creative control to polish the site with finer details like page-to-page transitions, page animations, and interactive sections.
The Solution ///
The Solution ///
The Solution ///
Our solution was to bring the development process completely in-house by transitioning the entire website from Webflow to Framer, one page at a time. While doing this, we also took the opportunity to refresh 14+ old pages to make them visually consistent with the rest of the site and bring them inline with our refreshed branding.
Our solution was to bring the development process completely in-house by transitioning the entire website from Webflow to Framer, one page at a time. While doing this, we also took the opportunity to refresh 14+ old pages to make them visually consistent with the rest of the site and bring them inline with our refreshed branding.
The Results ///
The Results ///
The Results ///
4-11
days saved per page
4-11
days saved per page
4-11
days saved per page
Average web page development time was reduced from 10-13 days to 4-6 days.
Average web page development time was reduced from 10-13 days to 4-6 days.
1/2-1
days saved per edit
1/2-1
days saved per edit
1/2-1
days saved per edit
Time needed for small changes was reduced from 4 hours-2 days to 15-30 minutes.
Time needed for small changes was reduced from 4 hours-2 days to 15-30 minutes.
$24,277
saved per year
$24,277
saved per year
$24,277
saved per year
The company was also able to save money by switching to Framer’s cheaper hosting plan, and reducing our Webflow agencies retainer.
The company was also able to save money by switching to Framer’s cheaper hosting plan, and reducing our Webflow agencies retainer.
