New Look

Streamlining shopping: Crafting a carousel to merge saved items and your basket for seamless convenience

Introduction

To address the issue of users forgetting about their saved items and not completing purchases, we integrated the saved items into the checkout process. By positioning the saved items within the shopping basket and implementing a carousel design, users could easily manage their saved items without overwhelming the checkout experience. This solution aimed to increase sales and simplify the user experience by allowing seamless access to saved items during the checkout process.

Team

x1 Product Designer

x1 UX Designer

x1 Developer

x1 Product Manager


My Role

Product Designer — Mapping user flows, wireframe sketches and translating designs into high fidelity prototypes to hand off to development.

New Look

Streamlining shopping: Crafting a carousel to merge saved items and your basket for seamless convenience

Introduction

To address the issue of users forgetting about their saved items and not completing purchases, we integrated the saved items into the checkout process. By positioning the saved items within the shopping basket and implementing a carousel design, users could easily manage their saved items without overwhelming the checkout experience. This solution aimed to increase sales and simplify the user experience by allowing seamless access to saved items during the checkout process.

Team

x1 Product Designer

x1 UX Designer

x1 Developer

x1 Product Manager


My Role

Product Designer — Mapping user flows, wireframe sketches and translating designs into high fidelity prototypes to hand off to development.

New Look

Streamlining shopping: Crafting a carousel to merge saved items and your basket for seamless convenience

Introduction

To address the issue of users forgetting about their saved items and not completing purchases, we integrated the saved items into the checkout process. By positioning the saved items within the shopping basket and implementing a carousel design, users could easily manage their saved items without overwhelming the checkout experience. This solution aimed to increase sales and simplify the user experience by allowing seamless access to saved items during the checkout process.

Team

x1 Product Designer

x1 UX Designer

x1 Developer

x1 Product Manager


My Role

Product Designer — Mapping user flows, wireframe sketches and translating designs into high fidelity prototypes to hand off to development.

New Look

Streamlining shopping: Crafting a carousel to merge saved items and your basket for seamless convenience

Introduction

To address the issue of users forgetting about their saved items and not completing purchases, we integrated the saved items into the checkout process. By positioning the saved items within the shopping basket and implementing a carousel design, users could easily manage their saved items without overwhelming the checkout experience. This solution aimed to increase sales and simplify the user experience by allowing seamless access to saved items during the checkout process.

Team

x1 Product Designer

x1 UX Designer

x1 Developer

x1 Product Manager


My Role

Product Designer — Mapping user flows, wireframe sketches and translating designs into high fidelity prototypes to hand off to development.

New Look

Streamlining shopping: Crafting a carousel to merge saved items and your basket for seamless convenience

Introduction

To address the issue of users forgetting about their saved items and not completing purchases, we integrated the saved items into the checkout process. By positioning the saved items within the shopping basket and implementing a carousel design, users could easily manage their saved items without overwhelming the checkout experience. This solution aimed to increase sales and simplify the user experience by allowing seamless access to saved items during the checkout process.

Team

x1 Product Designer

x1 UX Designer

x1 Developer

x1 Product Manager


My Role

Product Designer — Mapping user flows, wireframe sketches and translating designs into high fidelity prototypes to hand off to development.

The Problem

Customers were adding products to their wishlist, but they later forgot about them and didn't end up buying those items.

We wanted to make it easier for users to buy items they had saved by including them in the checkout process. This way, we could suggest  items they like based on what they saved. We found that about 30% of the products people looked at were added to their saved items. This meant we were missing out on a lot of potential sales.

There were two main problems we identified:

  1. Business Problem: We were losing out on potential sales because users weren't adding their saved products to their cart during checkout.

  2. User Problem: Users couldn't add their saved products without leaving the checkout process.

We saw a great opportunity here. By solving these problems, we could increase sales and make the user experience simpler and more convenient.

The Problem

Customers were adding products to their wishlist, but they later forgot about them and didn't end up buying those items.

We wanted to make it easier for users to buy items they had saved by including them in the checkout process. This way, we could suggest  items they like based on what they saved. We found that about 30% of the products people looked at were added to their saved items. This meant we were missing out on a lot of potential sales.

There were two main problems we identified:

  1. Business Problem: We were losing out on potential sales because users weren't adding their saved products to their cart during checkout.

  2. User Problem: Users couldn't add their saved products without leaving the checkout process.

We saw a great opportunity here. By solving these problems, we could increase sales and make the user experience simpler and more convenient.

The Problem

Customers were adding products to their wishlist, but they later forgot about them and didn't end up buying those items.

We wanted to make it easier for users to buy items they had saved by including them in the checkout process. This way, we could suggest  items they like based on what they saved. We found that about 30% of the products people looked at were added to their saved items. This meant we were missing out on a lot of potential sales.

There were two main problems we identified:

  1. Business Problem: We were losing out on potential sales because users weren't adding their saved products to their cart during checkout.

  2. User Problem: Users couldn't add their saved products without leaving the checkout process.

We saw a great opportunity here. By solving these problems, we could increase sales and make the user experience simpler and more convenient.

The Problem

Customers were adding products to their wishlist, but they later forgot about them and didn't end up buying those items.

We wanted to make it easier for users to buy items they had saved by including them in the checkout process. This way, we could suggest  items they like based on what they saved. We found that about 30% of the products people looked at were added to their saved items. This meant we were missing out on a lot of potential sales.

There were two main problems we identified:

  1. Business Problem: We were losing out on potential sales because users weren't adding their saved products to their cart during checkout.

  2. User Problem: Users couldn't add their saved products without leaving the checkout process.

We saw a great opportunity here. By solving these problems, we could increase sales and make the user experience simpler and more convenient.

The Problem

Customers were adding products to their wishlist, but they later forgot about them and didn't end up buying those items.

We wanted to make it easier for users to buy items they had saved by including them in the checkout process. This way, we could suggest  items they like based on what they saved. We found that about 30% of the products people looked at were added to their saved items. This meant we were missing out on a lot of potential sales.

There were two main problems we identified:

  1. Business Problem: We were losing out on potential sales because users weren't adding their saved products to their cart during checkout.

  2. User Problem: Users couldn't add their saved products without leaving the checkout process.

We saw a great opportunity here. By solving these problems, we could increase sales and make the user experience simpler and more convenient.

User flow

To figure out where to place the saved items, we wanted to understand the user's flow through the checkout process and identify the points where we could show them their saved items.

The most promising opportunity we found was to display the saved items when users reached their shopping basket.

Designing the layout

Once we determined the placement of the saved items, we had to create a design that would be easily visible to the user without being too distracting on the page. We aimed for a design that would catch the user's attention and encourage them to add their saved items to the shopping basket.

The Solution

Enhancing user flexibility by introducing a carousel for managing saved items

The Carousel option was selected to give users the flexibility of adding a large number of products to their saved items without overwhelming the shopping basket.

If a user didn't have any saved items, the saved items carousel wouldn't be displayed. However, if they decided to move an item from their basket or saved an item from the product page or listing page, the carousel would appear, showing the visible products.

Carousel to store your saved items

Presenting infinite saved items in a carousel so customers could access them before final checkout

A/B Testing

Analysing the impact of the saved items carousel

We decided to perform and A/B test on the website to see if the addition of the carousel would increase conversion. We found that there was a 2% increase in conversion compared to user who did not see the carousel.

I'm Christina — a Product Designer.
Let's work together

I'm Christina — a Product Designer.
Let's work together

I'm Christina — a Product Designer.
Let's work together