Case Study
Boombox Design
How I converted a Figma Design into an amazing Framer website.
Back
Case Study
Boombox Design
How I converted a Figma Design into an amazing Framer website.
Back
Case Study
Boombox Design
How I converted a Figma Design into an amazing Framer website.
Back
Project Details
Client:
Boombox Design
Type:
Design & Development.
Objective:
Convert site from Figma to Framer
Tools:
Figma, Framer
Overview
Boombox Design headed up by Rob and Sarah are a powerful team. Rob's designs are well thought out and impactful.In this instance Boombox need to get their sites designs out of Figma and live online.
The site needed to be fully responsive, smooth as silk and had a lot of content. I also added subtle micro-interactions and a custom animated cursor. The results speak for themselves.
Project Details
Client:
Boombox Design
Type:
Design & Development.
Objective:
Convert site from Figma to Framer
Tools:
Figma, Framer
Overview
Boombox Design headed up by Rob and Sarah are a powerful team. Rob's designs are well thought out and impactful.In this instance Boombox need to get their sites designs out of Figma and live online.
The site needed to be fully responsive, smooth as silk and had a lot of content. I also added subtle micro-interactions and a custom animated cursor. The results speak for themselves.
Project Details
Client:
Boombox Design
Type:
Design & Development.
Objective:
Convert site from Figma to Framer
Tools:
Figma, Framer
Overview
Boombox Design headed up by Rob and Sarah are a powerful team. Rob's designs are well thought out and impactful.In this instance Boombox need to get their sites designs out of Figma and live online.
The site needed to be fully responsive, smooth as silk and had a lot of content. I also added subtle micro-interactions and a custom animated cursor. The results speak for themselves.
Features
Convert pages.
The primary job on a Figma to Framer website entails aligning the site's structure rightly and establishing the aesthetics.
Page build-out.
This involves not only ensuring the content is impeccably sharp, but also fully adaptable and quickly loaded with complete SEO and meta descriptions set up. Utilizing Framer's component tools made this task effortless.
Testing and Tweaking.
Once the bulk of the site was built the next task is to go through with a keen eye and to make any adjustments needed to improve performance and the simplest page structure. By doing this we now get a 98% lighthouse performance score.
Enhancements.
Subtle but playful micro-interations, pages transitions and custom animated cursors add movement to even static pages.
How it worked out.
Whilst I can not lay claim to the design of this site taking it it from its original home i Duda to Robs Figma designs and out to Framer was a complete success. The site is fast smooth and professional and hits all the requirements Boombox wanted for their new and greatly improved site.
After handing over the reigns to Rob for day-to-day management I have been delighted to see how the components and page layouts have enabled Rob and Sarah to add new content and projects to their site with ease a testament to how the new site is built and of coarse Framer.
What my client said.
Chris did a bang-up job converting our site partly from another no-code tool with many page updates from Figma into our amazing Framer website. His patience and expertise are excellent and would certainly recommend his services.
Rob Dickson
Head of Design - Boombox Design
How it worked out.
Whilst I can not lay claim to the design of this site taking it it from its original home i Duda to Robs Figma designs and out to Framer was a complete success. The site is fast smooth and professional and hits all the requirements Boombox wanted for their new and greatly improved site.
After handing over the reigns to Rob for day-to-day management I have been delighted to see how the components and page layouts have enabled Rob and Sarah to add new content and projects to their site with ease a testament to how the new site is built and of coarse Framer.
What my client said.
Chris did a bang-up job converting our site partly from another no-code tool with many page updates from Figma into our amazing Framer website. His patience and expertise are excellent and would certainly recommend his services.
Rob Dickson
Head of Design - Boombox Design
How it worked out.
Whilst I can not lay claim to the design of this site taking it it from its original home i Duda to Robs Figma designs and out to Framer was a complete success. The site is fast smooth and professional and hits all the requirements Boombox wanted for their new and greatly improved site.
After handing over the reigns to Rob for day-to-day management I have been delighted to see how the components and page layouts have enabled Rob and Sarah to add new content and projects to their site with ease a testament to how the new site is built and of coarse Framer.
What my client said.
Chris did a bang-up job converting our site partly from another no-code tool with many page updates from Figma into our amazing Framer website. His patience and expertise are excellent and would certainly recommend his services.
Rob Dickson
Head of Design - Boombox Design