You can read the original case study on our website here

Overview

The Problem

A UAE based startup needed to relaunch with a slick brand and an impressive website on Framer

The Solution

With our team of product managers, Figma designers, and Framer developers, we developed a beautiful website on Framer. This site has seamless animations, a slick brand and helps create a strong presence in a competitive market.

Optimising Figma Designs To Develop On Framer

The client came to us with their rebrand and Figma designs ready.

The first step of the process was to optimise their Figma designs so we could easily go from Figma to Framer.

We did this in 3 ways:

(1) Grouping elements on page sections

(2) Adding auto layouts on Figma

(3) Copying individual sections instead of the whole frame text here...

Creating Seamless Animations On Framer

The aim was of the new site was to deliver a clean, slick and impressive website that wowed future customers.

One of the key ways to do this was via subtle and seamless animations on Framer.

Here are some of the animations we implemented:

(1) Scroll animations - highlighting features of the app as users scroll through the website

(2) Appear animations - subtle showcasing the form on the contact us page

Developing An SEO Optimised Resource Library

A key part of the Aurem brand is educating clients and customers on the importance of employee benefits in the Middle East region. Hence the importance of a resource library.

We created an easy to read blog that loads quickly and is SEO optimised, helping to educate future customers.

We also helped the clients understand the structure of the blog, and supported them to update blogs in future.

Optimising For SEO & High Lighthouse Scores

One of the reasons clients use Framer is to create a beautiful website that not just looks good but also performs well. That means it should be optimised for SEO and score highly on Google's Lighthouse Score.

We have a clear 'Go Live' checklist ensuring every section and page is ready to go live. This includes using the Detailed SEO Chrome Extension to check everything is correct from an SEO perspective. Using Google's Lighthouse score to ensuring pages load quickly and more.

We also record Looms to empower the client to edit content themselves e.g landing page copy or uploading new blogs, so they aren't always reliant on us.

The Result

We helped Aurem launch their new brand via a slick new website that looks beautiful, has seamless animations and is optimised for SEO.

This was brought to life with our team of expert Bubble developers, Figma designers and product managers.

Take a look at the website here.

"Goodspeed delivered a clean, simple, and easy-to-use website. The team responded to feedback quickly and managed the project excellently. Customers can expect a team that can deliver results."