E-commerce

CLIENT:

Dell.com

YEAR:

2020-2023

MY ROLE

Product Designer

Dell.com Cart Page Data- Driven Redesign

Dell.com Cart Page Data- Driven Redesign

About my role.

About this Project.

If you purchase items through ecommerse websites, you browse your items, and you add the items to your cart. Then you go to cart page to complete your purchase. So what i worked on is redesigning the Dell.com cart page to remove friction, improve clarity, and help customers progress to checkout with greater confidence and efficiency.

Over the course of three years, I led a major redesign of the Dell.com cart page, transforming it through a data-driven and user-centered approach. By continuously running A/B tests, conducting user testing, and responding to evolving businessneeds, we incrementally improved the experience and functionality. These iterative enhancements culminated in the successful launch of the fully redesigned cart experience at the end of 2023.

Dell Cart Redesign.
Dell Cart Redesign.


Globalized


Dell.com served multiple

regions — US, Canada,

EMEA, and APJ.
Each of whom had different

priorities and sometimes

conflicting requirements.


Globalized


Dell.com served multiple

regions — US, Canada,

EMEA, and APJ.
Each of whom had different

priorities and sometimes

conflicting requirements.


Confirm & Compare


Customers found it hard to

compare and confirm their

selected items on the Cart

page.


Delivery


Many customers wanted to

see delivery details upfront,

instead of waiting until

checkout.


Cart flyout


Some users feel lost or

disoriented during the

transition.

Dell Cart Iteration.


Over the course of three years, I led a major redesign of the Dell.com cart page, transforming it through a data-driven and user-centered approach. By continuously running A/B tests, conducting user testing, and responding to evolving business needs, we incrementally improved the experience and functionality. These iterative enhancements culminated in the successful launch of the fully redesigned cart experience at the end of 2023.

Dell Cart iteration
Dell Cart iteration.
Insights From Quantitative Data


Data showed that nearly two-thirds of customers abandoned their purchase at the cart page, indicating a critical opportunity to reduce churn and improve conversion.

Insights From Qualitative Research

Before making any design decisions, I sought to uncover customer needs and pain points by asking:

  • What frustrates customers the most about the cart experience?

  • Why do customers linger on the cart page — what are they trying to achieve?

  • What barriers or concerns prevent them from moving forward to checkout?

User Testings.
AB Tests.

Compare with qualitative test, quantitative test is more scientific and authentic. We have done lots of AB test on both cart page and add to cart flow in the redesign process ...


Result.

17%+

Conversion.

8%-

Exit Rate.

2.47+

RPV

What People Say About Me.

About my Role.

On this project, I was the Main Product Designer for the Cart page, collaborating closely with multiple cross-functional teams.

I worked with the Global and Regional Business teams to align on revenue goals and localization needs,partnered with the Product Manager and Developers to ensure feasibility and delivery, and coordinated with the Data Analysis team to review metrics and run A/B tests for each iteration.I also maintained alignment with the Design System team to ensure consistency across Dell’s e-commerce platform.

The Dell.com Cart & Checkout experience is a critical part of Dell’s e-commerce platform, requiring specialized design and technical expertise. The goal of this project was to create a seamless, secure, and scalable online purchasing flow that minimizes friction and increases conversion. I applied a data-driven design approach—leveraging user behavior insights and hypothesis testing—to optimize the user journey and drive measurable business outcomes.

Insights From Quantitative Data.

Data showed that nearly two-thirds of customers abandoned their purchase at the cart page, indicating a critical opportunity to reduce churn and improve conversion.

Before making any design decisions, I sought to uncover customer needs and pain points by asking:

  • What frustrates customers the most about the cart experience?

  • Why do customers linger on the cart page — what are they trying to achieve?

  • What barriers or concerns prevent them from moving forward to checkout?

Global vs Regional

By mapping all regional requirements and identifying common patterns. I proposed a modular tax calculation framework — every tax-related component, such as estimated tax, eco fee, or VAT, was defined as an independent element. And i keep the consistent sequence of these elements

View Specs Redesign

We believed that by making the “View full specs” feature more prominent and improving the content, users would feel more confident about confirming their choices — which could directly lead to higher conversion.

Delivery + Compare in Cart

Support comparison behavior by helping customers easily review, compare, and select items in the cart.

Cart flyout

Streamline the shopping flow and create a smoother, more intuitive path from product selection to the cart.


Insights From Qualitative Research.

First Improvement.

Second Improvement.

Third Improvement.

Fourth Improvement.

Goals of Redesign.

The Dell.com Cart & Checkout experience is a critical part of Dell’s e-commerce platform, requiring specialized design and technical expertise. The goal of this project was to create a seamless, secure, and scalable online purchasing flow that minimizes friction and increases conversion. I applied a data-driven design approach—leveraging user behavior insights and hypothesis testing—to optimize the user journey and drive measurable business outcomes.

Dell Cart Redesign.
Dell Cart Redesign.
Dell Cart iteration
Dell Cart iteration.

Understand the issue from CSATS/ Vocaas. With the insights gathered from stakeholders.

By gathering different solutions to clear define problems. Test different solutions at a small

scale. Pick up the most potential solution.

Goal 1

Reduce the distractions and frictions. Help the customer reduce the cognitive load.

Goal 2

Reduce the exit rate. Increase the conversion rate.

The data shows that 80% of the customers quit in Cart page when they start browsing existed functions.

Goal 3

Help customers confirm the information of their items. Find out the better price.

Due to multiple functions, the load time of Cart page is around 4s.

Besides the back end changes. There should be something can be done through UI perspective.

Goal 4

Provide more smoothly shopping path.


Create new designs in Cart
. Skeleton pre-loading style
. Delivery
· Compare

Approach

. AB Test

· User testing

Discover & Findings.
Vocaas Feedback.
4 Goals of Redesign.
First improvement.


Removal of unnecessary information

  • Reduce cognitive load when customer browse the Cart page

  • Help customers be more focus on the most important info.

Approach

  • AB Test

  • User testing

First improvement.


Removal of unnecessary information

  • Reduce cognitive load when customer browse the Cart page

  • Help customers be more focus on the most important info.

Approach

  • AB Test

  • User testing

Third improvements:

Thank you for scrolling:)

If you want to see more detail about this project, feel free to reach out!

Goal 1

Reduce the distractions and frictions. Help the customer reduce the cognitive load.

Goal 2

Reduce the exit rate. Increase the conversion rate.

The data shows that 80% of the customers quit in Cart page when they start browsing existed functions.

Goal 3

Help customers confirm the information of their items. Find out the better price.

Due to multiple functions, the load time of Cart page is around 4s.

Besides the back end changes. There should be something can be done through UI perspective.

Goal 4

Provide more smoothly shopping path.


Goal 1

Reduce the distractions and frictions. Help the customer reduce the cognitive load.

Goal 2

Reduce the exit rate. Increase the conversion rate.

The data shows that 80% of the customers quit in Cart page when they start browsing existed functions.

Goal 3

Help customers confirm the information of their items. Find out the better price.

Due to multiple functions, the load time of Cart page is around 4s.

Besides the back end changes. There should be something can be done through UI perspective.

Goal 4

Provide more smoothly shopping path.


Removal of unnecessary information

. Reduce cognitive load when customer browse the Cart page

. Help customers be more focus on the most important info.


Approach

. AB Test

· User testing

Redesign the most important functions
· View specs
. Price list/ Savings
· Rewards

Approach

. AB Test

· User testing

Create new designs in Cart
. Skeleton pre-loading style
. Delivery
· Compare

Approach

. AB Test

· User testing

Create new designs in Cart
. Skeleton pre-loading style
. Delivery
· Compare

Approach

. AB Test

· User testing

Discover & Findings.
Vocaas Feedback.
4 Goals of Redesign.
First improvement.
Second improvements:
Second improvement
Third improvement.
Third improvements:

The Dell.com Cart & Checkout experience is a critical part of Dell’s e-commerce platform, requiring specialized design and technical expertise. The goal of this project was to create a seamless, secure, and scalable online purchasing flow that minimizes friction and increases conversion. I applied a data-driven design approach—leveraging user behavior insights and hypothesis testing—to optimize the user journey and drive measurable business outcomes.

Dell Cart Redesign.
Dell Cart Redesign.
Dell Cart iteration
Dell Cart iteration.

Understand the issue from CSATS/ Vocaas. With the insights gathered from stakeholders.

By gathering different solutions to clear define problems. Test different solutions at a small

scale. Pick up the most potential solution.

Competitors Analysis.

The competitor analysis is done through Comparing

Magento / Hubspot / Zoey.com /BundleB2B

  • Most of the Quotes home page have create Quotes functions.

  • There are dashboard to display in the Quotes Homepage when users landing the page.

  • No concept in the mind of customer of "Sales quotes" & "eQuotes"

Problem statements.
  • Users got confused about distinction between "Sales Quotes" & "eQuotes".

  • Lack of Quotes details information in the Quotes homepage. Users have to click on "View Details"

to check details of each quotes.

  • Got confused about each quotes status.

  • Find it hard to identify the right quote in the tons of quotes list only by checking the quotes number.

Quotes Homepage Users Expectations.
New Designs - MVP1.
Existed datas on current flows.


From the data:

  • 30% customers exit during the edit quotes process.

  • More customers are looking for offline sales reps when logging in quotes homepage.

New flow.
New Designs - MVP2.
The result after launch.


At the time of writing, the mvp1 has launched for 3 months.

The customers' complaints from CSATS has been reduced by 30%

The active customers increased by 10%

The mvp2 is going to launch

The stakeholders are foreseeing

more premiers customers will be using quotes home to

negotiate their quotes and move forward to checkout.

Thank you for scrolling:)

If you want to see more detail about this project, feel free to reach out!

E-commerce

CLIENT:

Dell.com

YEAR:

2020-2023

MY ROLE

Product Designer

Dell.com Cart Page Data- Driven Redesign

About my Role.

About this project

The Dell.com Cart & Checkout experience is a critical

part of Dell’s e-commerce platform, requiring

specialized design and technical expertise.

The goal of this project was to create a seamless,

secure, and scalable online purchasing flow that

minimizes friction and increases conversion.

I applied a data-driven design approach—leveraging

user behavior insights and hypothesis testing—to

optimize the user journey and drive measurable

business outcomes.

Dell Cart iteration.

Understand the issue from CSATS/ Vocaas.

With the insights gathered from stakeholders.

By gathering different solutions to clear define

problems. Test different solutions at a small

scale. Pick up the most potential solution.

Discover & Findings.

Vocaas Feedback.

4 Goals of Redesign.

Goal 1

Reduce the distractions and frictions.

Help the customer reduce the cognitive load.

Goal 2

Reduce the exit rate. Increase the conversion rate.

The data shows that 80% of the customers quit

in Cart page when they start browsing existed

functions.

Goal 3

Help customers confirm the information of their

items. Find out the better price.

Due to multiple functions, the load time of Cart page

is around 4s.

Besides the back end changes. There should be

something can be done through UI perspective.

Goal 4

Provide more smoothly shopping path..

First improvement.

Second improvement.

Third improvement.

Fourth improvements.

User Testings.

AB Tests.

What People Say about me.

Result.

17%+

Conversion.

8%-

Exit Rate.

2.47+

RPV