top of page
CTM Cover (1).jpg

Home Page Redesign

Compare the Market is a price comparison website that offers customers to compare a range of insurance, energy and personal finance products.

Problem:

Home page has a high bounce rate, and confusing layout making it hard for users to find the correct products.

Meerkats (1).png

Key Goals

Our objective was to create a design that would reduce the cognitive load on users, enhance visual appeal, and enable seamless access to relevant products.

Check (1).png
Check (1).png
Check (1).png

Help customers complete their goals & finish their journeys faster

Highlight the breadth of our product & service offerings

Make it more engaging & "meerkat"

Success metrics

Check (1).png
Check (1).png
Check (1).png
Check (1).png

Reduced bounce rate from the home page

Increased quote start volumes from the home page

Better page scroll & content engagement

Improved customer feedback and engagement.  

Reduced time on page and shorter dropdown interactions

Check (1).png
Award.png

Empathise and Define

I started with an in-depth review of the current state of the home page, diving deep into our analytics and user feedback to identify key pain points, where users were dropping off, and potential missed opportunities.

To gain a comprehensive understanding of the current state of Compare the Market's home page, I conducted an exhaustive review of the current state.

 

My aim was to pinpoint pain points, identify areas where users were dropping off, and explore potential missed opportunities.

Tools

Logos (2).png
Screen Shot 2021-02-01 at 2.32.35 pm.png

Original Home Page

Screen Shot 2021-02-01 at 2.34.35 pm.png

Findings

Through rigorous analysis of user feedback and comprehensive data analytics, I identified a critical pain point: users were struggling to navigate the home page to find a simple and intuitive entry point for product exploration and quote initiation.

Armed with this insight, I embarked on a mission to create easy access to our top products, while still allowing users to see and explore our breadth of product.

Home Page Heatmap

Key Painpoints

Painpoints01.png
Painpoints03.png
Painpoints04.png
Painpoints04.png
Painpoints02.png

Ideate

I began generating design concepts by drawing inspiration from the best in the field and infused my work with the unique "meerkat" spirit that defines Compare the Market.

Given the home page's critical role as the main gateway to each product/vertical, I consulted numerous stakeholders and kept them informed throughout the project, recognising that any changes we made would have a direct impact on sales.

To ensure that my designs met the needs of both customers and stakeholders, I conducted multiple feedback sessions with the internal CX team and stakeholders to incorporate into the final design.

HP photo from workshop_edited.jpg
Colours.png
Meerkat (1).png

Final design

CtM (1).png

Key features

CTM Mobile HP2-min.png
CTM Desktop2-min.png
Group 39557 (1).png
Check (1).png
Easy to access product catalogue.

Users can now easily access products and sort based on type, access that was much needed to users and caused confusion when they couldn't access products via more information.

Check (1).png
Faster navigation

A prominent icon menu replaced the standard scroll menu that users had difficulty navigating due to a lack of distinction between text.​

Check (1).png

Bringing the love we receive from customers to be easily visible and help users feel more secure in the brand.

Social Proof

CTM Desktop4-min.png

Concepts

Results

Benefits01.png
Benefits02.png
Benefits03.png
Sergei.png
PG Background 2_edited.jpg

Let's chat

wide.png
  • LinkedIn

P: +44 7893 948606

Thanks! I'll be in touch ASAP.

bottom of page