Product page revamp

Increasing Sales by 20% by redesigning product pages

My role:

Redesigned the product page and purchase experience of a golf ecommerce and increased add to cart rates by 20%.

Results:

10%

Higher add to cart rate

1.9M+

Potential revenue growth
Industry
E-commerce
Team
Me and a lead designer , PM, 3 devs
Platforms
Web and mobile
Timeline
3 months
Industry
E-commerce
Team
Product manager, 3 devs
Platforms
Web and mobile
Timeline
3 months

How might we get users to buy more?

As a website selling used golf clubs, Golf avenue wanted to drive sales by turning the site from a Kijiji-style marketplace into a bold, fun place and stand out from competitors. looking at the main user journey showed high drop offs from the product model pages.

User searches for a club model
Lands on a model page
High drop offs here
Sort / filter through available clubs
Add to cart

Existing product model page had high drop offs

Product model pages are a mix between a product detail page and a listing page. They give an overview of the club model and show all available versions of it with different specs.

Old experience

Solution

As a small company with limited resources we didn't have the time to do user research.

Through benchmarking, brainstorming through a workshop, and aligning with product stakeholders we arrived at 2 main solutions:

1- A bold, trustworthy visual presence

We followed best practices, using high-quality visuals to build trust and drive sales:

  • Added large, polished images for a more trustworthy feel

  • Introduced a full-screen image carousel

  • Integrated visuals into product descriptions for better cohesion. We went with best practices,: Better images and visual design leads to trust and trust leads to more sales.

2- Easier product selection and add to cart

Reduced clicks and time to filter, find, and add products to cart.
By moving the filters to the left side we made sure users see them and products at the same time.

Mobile

After
Easier and faster filtering
Filter section is fixed at the top of the page
Before
Users don't know possible choices for each filter before clicking on it
Users lose filter section when scrolling down

2- Easier product selection and add to cart

Reduced clicks and time to filter, find, and add products to cart.
By moving the filters to the left side we made sure users see them and products at the same time.

Mobile

Before
Users don't know possible choices for each filter before
clicking on it
Users lose filter section when scrolling down
After
Easier and faster filtering
Filter section is fixed at the top of the page

Mobile

After
Easier and faster filtering
Filter section is fixed at the top of the page
Before
Users don't know possible choices for each filter before clicking on it
Users lose filter section when scrolling down

Lets Connect!

Goli Pezeshk 2024

The Goal: Increase add to cart rates from product pages

How might we get users to buy more?

As a website selling used golf clubs, Golf avenue wanted to drive sales by turning the site from a Kijiji-style marketplace into a bold, fun place and stand out from competitors. looking at the main user journey showed high drop offs from the product model pages.

As a website selling used golf clubs, Golf avenue wanted to drive sales by turning the site from a Kijiji-style marketplace into a bold, fun place and stand out from competitors. looking at the main user journey showed high drop offs from the product model pages.

User searches for a club model
High drop offs here
lands on a model page
Filter through clubs
Add to cart

Main user journey

User searches for a club model
Filter through clubs
Add to cart
High drop offs here
lands on a model page

Existing product model page

Product model pages are a mix between a product detail page and a listing page. They give an overview of the club model and show all available versions of it with different specs.

Old experience

Product page revamp

Product page revamp

Increasing add to cart rate from the product page by 20%

Increasing Sales by 20% by redesigning product pages

Increasing Sales by 20% by redesigning product pages

Lets Connect!

Goli Pezeshk 2024

Lets Connect!

Goli Pezeshk 2024
User searches for a club model
Lands on a model page
High drop offs here
Filter through clubs
Add to cart

How might we get users to buy more?

As a website selling used golf clubs, Golf avenue wanted to drive sales by turning the site from a Kijiji-style marketplace into a bold, fun place and stand out from competitors. looking at the main user journey showed high drop offs from the product model pages.

Old experience

Existing product model pages had high drop offs

Product model pages are a mix between a product detail page and a listing page. They give an overview of the club model and show all available versions of it with different specs.