FORMULA BOT

Boosting Formula Bot's Search Ranking with Framer Website Migration

Services
UI Design, Development
Tools
Figma, Framer, Custom Code
Deliverables
Website
Product Type
Landing Page
Timeline
2 Months
Introduction
Formula Bot, an AI-powered formula generation tool, partnered with Goodspeed to revamp their landing page and marketing site. Our goal? Enhance product presentation, improve search engine ranking (SEO), and boost conversions – all achieved through migration to Framer.

75%

Faster Load Times

75%

Faster Load Times

75%

Faster Load Times

6th to 2nd

Rise In Google Ranking

6th to 2nd

Rise In Google Ranking

6th to 2nd

Rise In Google Ranking

A+

Google Lighthouse Score

A+

Google Lighthouse Score

A+

Google Lighthouse Score

“They exceeded my expectations and showcased their creativity”

David Bressler

CEO Formula bot
The Opportunity
The competitive AI market demanded optimisation for Formula Bot's landing pages and marketing materials. Their existing Bubble website needed an upgrade to showcase the product effectively, improve conversion rates, and achieve a higher ranking on Google Search. Goodspeed's expertise in both Framer and Bubble made them the perfect choice for Formula Bot.
Design Process
We worked together with the Formula Bot team to refine their Figma designs so they would work well when built on Framer.
Optimising Figma Designs For Framer
Originally, Formula Bot had their website on Bubble and their designs in Figma. To move smoothly from Figma to Framer, we needed to adjust their existing Figma designs. Here's what we did:
  • (1) Ensure the size of the frames in Figma matched the sizes in Framer.
  • (2) Set up font styles in Figma so they would be the same in Framer.
  • (3) Grouped sections together and used auto layout in Figma to make it easier to convert the designs to Framer.
Enhancing Product Presentation
 A crucial aspect was to effectively demonstrate Formula Bot's capabilities. Goodspeed developed engaging animations that provided users with a clear understanding of the product's benefits.
Development
Migrating the landing page and marketing sites from Bubble to Framer yielded immediate positive results for Formula Bot's business.
Dynamic Product Pages
Individual pages showcasing specific Formula Bot features were created, featuring interactive videos and step-by-step explanations. A content management system (CMS) empowered the Formula Bot team to manage these pages independently.
Enhanced Conversions With Animations
Appealing and subtle animations were incorporated to highlight product features and improve conversion rates.
75% Faster Loading Speed
Recognising the importance of SEO in today's competitive landscape, Goodspeed optimized the website for speed. Following best practices, internal checklists, and verification using Google Tag Manager (GTM) Metrix, the new pages loaded 75% faster than the previous version. This optimization also contributed to a jump from 6th to 2nd position on Google Search for relevant keywords.
Seamless Bubble To Framer Migration
Goodspeed collaborated closely with Formula Bot to ensure a smooth transition from Bubble to Framer. While the backend remained on Bubble, the marketing pages were migrated to Framer. This process involved meticulous checks to prevent any negative impact on SEO.
Custom ROI Calculator
To enhance user engagement and demonstrate the tool's value proposition, a custom code-based calculator was integrated. This feature allowed users to estimate the time saved by using Formula Bot compared to manual work, helping them assess the return on investment (ROI).
Effective Collaboration
Clear and consistent communication was maintained throughout the project. A dedicated Slack channel facilitated discussions, regular updates were provided via Loom video recordings, and project management was handled through ClickUp.
Let's discuss launching your product
Please complete this questionnaire to help us gain a clear understanding of your idea

Question 1 of 6

Are you interested in a Web App or Marketing Site?

Please select one option:

Let's discuss launching your product
Please complete this questionnaire to help us gain a clear understanding of your idea

Question 1 of 6

Are you interested in a Web App or Marketing Site?

Please select one option:

Let's discuss launching your product
Please complete this questionnaire to help us gain a clear understanding of your idea

Question 1 of 6

Are you interested in a Web App or Marketing Site?

Please select one option: