Framer Website Redesign

Core features

  • Interactive and user-friendly interface with seamless navigation.

  • Advanced customization options for personalized user experiences.

  • Integrated with the latest web technologies to ensure fast load times and optimal performance.

Hero section

The Hero

The hero section needed to the most attention grabbing, interactive section in the whole site which would hook users instantly.

Clear CTA

The lack of a clear action callout was a huge problem in the previous version. This was solved with clear copywriting and visuals.

Interactivity

From research, we found out that our users expect a lot of interactive elements in the site which ended up being a crucial goal.

Validating the designs

To validate if our redesign actually had impact, we tested our interface with over 500 users with specific goals. Here are some methods we used.

Heatmaps

Identified areas of high user interaction and engagement.

Interviews

Gathered detailed feedback from target users.

First Click Test

Ensured users could easily navigate to key sections.

Image of heatmap
Image of first click test

“Can’t believe this is the same website that I was using a couple months back. It’s absolutely insane!”

-Annonymous User

Impact Created

Apart from validating from testing, we also took the help of analytics team and tracked the defining core metrics and the usage patterns for 3 month period and these were the results.

64%

Increase in Conversion Rates

92%

Decrease in Support Queries

131%

Increase in time on page

Dig into the details

I’ve attached more details about the project (of course showing only the things I’m allowed to showcase).

Research Documentation

Design Preview

Testing Results

Interview data

Reflections…

This insanely successful project has been a challenging yet fun experience for me and the team with tons of learnings and takeaways.

Brainstorming on whiteboard
Convincing stakeholders
Discussing and ideating

Data driven

Leveraged data to enhance design decisions & boost user engagement.

Working at extreme pace

Delivered top-notch designs quickly in a high-pressure environment.

Stakeholder alignment

Convincing stakeholders to take such a different, wild direction.