Ann Summers

Ann Summers

Product Lister page

Product Lister page

Product Lister page

Brief

Re-design the look & journey

Improve conversions and sales

Create a seamless user flow

Brief

Improve the look and feel of the page so it is inline with the new design.

Consider the offer messaging, filters, text hierarchy and SEO

Time frame - 5 weeks

The Impact

The page was initially launched to  50% of users and had performed consistently well. It was pushed live to 100% of our customer base and continues to improve site conversion and revenue.

The Impact

The page was initially launched to  50% of users and had performed consistently well. It was pushed live to 100% of our customer base and continues to improve site conversion and revenue.

User Activity
Content Square Data

The key purpose was to track where users were clicking, what areas were driving traffic and cash and where they dropped off on the journey. We quickly started to see what was working well and what wasn't.

Competitor Analysis
UX Audit

We looked into lots of direct and indirect competitors to begin to see what was best practice on this page. A list of the current bugs were used to drive the initial design changes.

Key Problems & Changes

Key Problems & Changes

Top of the page

Before

After

Got more content above the fold by reducing the SEO text to one line​ without harming the impact of the SEO copy, it is now hidden behind the "Read More" CTA.

Turned the quick filter links into a carousel​ so the users can swipe through further reducing space.

Removed the pagination to create an infinite scroll effect with load more appearing less frequently.

Items

Before

After

Feature call outs such as "up to G cup" now sit across the image giving more space for clear product photography.

Offer and % off messaging is now consistent in size and colour.

Review stars are more prominent as these were frequently clicked.

Colour swatches have changed to circles to match the page aesthetic and to be thumb friendly.

Filters

Before

After

The filters now filter modal now fills the entire screen when opened.

The size selection filter now sits in 2 columns instead of one long list of endless scrolling.

User are now clearly shown the number of products alongside each filter to reduce users having 0 results.

The CTA is clear and full width of the screen to appear more user friendly.

Key Screens

Key Screens

Ready to grow online?

Ready to grow online?

Ready to grow online?

Teeya

Creates

© 2024 Teeya Creates, Inc. All rights reserved.

Teeya

Creates

© 2024 Teeya Creates, Inc. All rights reserved.

Teeya

Creates

© 2024 Teeya Creates, Inc. All rights reserved.