E-commerce Checkout Redesign
E-commerce Checkout Redesign
The project aimed to decrease shopping cart abandonment and increase conversion rates by streamlining the checkout process, aligning with the business's KPIs to drive higher sales and improve customer satisfaction.
Project Overview
Project Overview
Streamline the E-commerce checkout process.
Increase the Conversion Rate
Increase the Conversion Rate
Improve the User Experience
Improve the User Experience
The project aimed to decrease shopping cart abandonment and increase conversion rates by streamlining the checkout process, aligning with the business's KPIs to drive higher sales and improve customer satisfaction.
01
01
Background & Goal
Background & Goal
Eureka Ergonomic faced challenges with user drop-off during the checkout process, signaling inefficiencies that hindered completion rates.
As the UI/UX designer, I aimed to streamline the checkout experience, reducing the complexity and enhancing clarity, to improve user engagement and decrease abandonment rates. The focus was on creating a more efficient and user-friendly process to better support customers in completing their purchases.
Eureka Ergonomic, an online furniture retailer, faced challenges with high shopping cart abandonment rates. As the UI/UX designer, I was tasked with redesigning the checkout process to enhance user experience and reduce abandonment.
02
02
03
Design Process
03
Design Process
03
Design Process
Step 1: Empathize with Users
Step 1: Empathize with Users
Understand Users
Understand Users
To effectively address the high shopping cart abandonment rate, it’s crucial to first understand the underlying factors influencing user behavior. This phase involves gathering insights that will shape the redesign strategy, identify key areas for improvement, and ensure that design decisions are user-centered and data-driven.
Through a combination of online surveys, user interviews, and analysis of web engagement, I explored the motivations and challenges faced by users during their shopping experience. These insights provided a foundation for a redesign that aligns with user needs and business goals.
To effectively address the high shopping cart abandonment rate, it’s crucial to first understand the underlying factors influencing user behavior. This phase involves gathering insights that will shape the redesign strategy, identify key areas for improvement, and ensure that design decisions are user-centered and data-driven.
Through a combination of online surveys, user interviews, and analysis of web engagement, I explored the motivations and challenges faced by users during their shopping experience. These insights provided a foundation for a redesign that aligns with user needs and business goals.
User Persona Overview
User Persona Overview
Meet Emily Parker, a 32-year-old marketing manager from New York, NY. As a busy professional, she values efficiency, style, and functionality in her daily life. Tech-savvy and detail-oriented, Emily seeks seamless online experiences that prioritize convenience, quality, and personalized options, ensuring her needs are met quickly and effectively.
Meet Emily Parker, a 32-year-old marketing manager from New York, NY. As a busy professional, she values efficiency, style, and functionality in her daily life. Tech-savvy and detail-oriented, Emily seeks seamless online experiences that prioritize convenience, quality, and personalized options, ensuring her needs are met quickly and effectively.
User Journey Maps
User Journey Maps
User Journey Map IntroductionThis user journey map outlines the key stages and emotional experiences users undergo while navigating the online shopping process at Eureka Ergonomic. It highlights the positive and negative touchpoints across the journey, particularly focusing on areas where users encounter friction, leading to cart abandonment. By understanding these critical moments, we can identify opportunities to enhance the user experience, streamline the process, and reduce drop-off rates.
User Journey Map IntroductionThis user journey map outlines the key stages and emotional experiences users undergo while navigating the online shopping process at Eureka Ergonomic. It highlights the positive and negative touchpoints across the journey, particularly focusing on areas where users encounter friction, leading to cart abandonment. By understanding these critical moments, we can identify opportunities to enhance the user experience, streamline the process, and reduce drop-off rates.
Step 2: Define the Issues
Step 2: Define the Issues
User Research and data analysis
User Research and data analysis
In the realm of e-commerce, the effectiveness of the checkout process and delivery options plays a critical role in shaping user satisfaction and retention. Recent insights have identified several key areas where the current system is failing to meet user needs, highlighting the necessity for refinement.
Key Issues:
Complex Checkout Process.
Inflexible Delivery Scheduling
Limited Access to Premium Services
Addressing these issues is essential for enhancing the overall user experience and ensuring a more efficient and satisfying e-commerce interaction.
In the realm of e-commerce, the effectiveness of the checkout process and delivery options plays a critical role in shaping user satisfaction and retention. Recent insights have identified several key areas where the current system is failing to meet user needs, highlighting the necessity for refinement.
Key Issues:
Complex Checkout Process.
Inflexible Delivery Scheduling
Limited Access to Premium Services
Addressing these issues is essential for enhancing the overall user experience and ensuring a more efficient and satisfying e-commerce interaction.
In the realm of e-commerce, the effectiveness of the checkout process and delivery options plays a critical role in shaping user satisfaction and retention. Recent insights have identified several key areas where the current system is failing to meet user needs, highlighting the necessity for refinement.
Key Issues:
Complex Checkout Process.
Inflexible Delivery Scheduling
Limited Access to Premium Services
Addressing these issues is essential for enhancing the overall user experience and ensuring a more efficient and satisfying e-commerce interaction.
In the realm of e-commerce, the effectiveness of the checkout process and delivery options plays a critical role in shaping user satisfaction and retention. Recent insights have identified several key areas where the current system is failing to meet user needs, highlighting the necessity for refinement.
Key Issues:
Complex Checkout Process.
Inflexible Delivery Scheduling
Limited Access to Premium Services
Addressing these issues is essential for enhancing the overall user experience and ensuring a more efficient and satisfying e-commerce interaction.
Complicated Checkout Process
Users reported encountering hurdles during the checkout process, the four steps checkout process leading to a suboptimal user experience and a notable increase in cart abandonment rates.
62.5% User
Complicated Checkout Process
Users reported encountering hurdles during the checkout process, the four steps checkout process leading to a suboptimal user experience and a notable increase in cart abandonment rates.
62.5% User
Complicated Checkout Process
Users reported encountering hurdles during the checkout process, the four steps checkout process leading to a suboptimal user experience and a notable increase in cart abandonment rates.
62.5% User
Complicated Checkout Process
Users reported encountering hurdles during the checkout process, the four steps checkout process leading to a suboptimal user experience and a notable increase in cart abandonment rates.
62.5% User
Delivery Scheduling and Express Shipping Needs
Users indicates their struggle with not being able to confirm a specific delivery date or schedule a delivery time, which can result in missed deliveries if they are not home. This lack of flexibility is frustrating, and many users have expressed a strong interest in having an express delivery shipping option to ensure they receive their items when it's most convenient for them.
41.7% User
Delivery Scheduling and Express Shipping Needs
Users indicates their struggle with not being able to confirm a specific delivery date or schedule a delivery time, which can result in missed deliveries if they are not home. This lack of flexibility is frustrating, and many users have expressed a strong interest in having an express delivery shipping option to ensure they receive their items when it's most convenient for them.
41.7% User
Premium Service Accessibilities
Users voiced concerns regarding the lack of flexibility in shipping options, particularly regarding delivery scheduling and access to premium services like white glove delivery, leading to uncertainties surrounding logistics and service availability.
26.2% User
Premium Service Accessibilities
Users voiced concerns regarding the lack of flexibility in shipping options, particularly regarding delivery scheduling and access to premium services like white glove delivery, leading to uncertainties surrounding logistics and service availability.
26.2% User
User Research
User Research
Users' Quotes
Eureka Ergonomic, an online furniture retailer, faced challenges with high shopping cart abandonment rates. As the UI/UX designer, I was tasked with redesigning the checkout process to enhance user experience and reduce abandonment.
04
04
"The checkout process takes too much time and has too many steps "
"The checkout process takes too much time and has too many steps "
"Assembling furniture can be really challenging,
so I would greatly appreciate a white glove service to handle the setup for me."
"Assembling furniture can be really challenging, so I would greatly appreciate a white glove service to handle the setup for me."
"I prefer to have a few shipping options to choose from so I can pick the one that best fits my schedule and budget."
"I prefer to have a few shipping options to choose from so I can pick the one that best fits my schedule and budget."
Ideation & Design
Ideation & Design
Approach the problems one by one
To efficiently address design issues, I will first list down all the identified problems, then I will proceed to brainstorm the solution for each problem by order. This approach allows me to have a clear priority list on mind, based on their level of importance.
By breaking down the design process in this way, I can ensure the design process works efficient and align the project goals to meets the needs of both project and users.
Eureka Ergonomic, an online furniture retailer, faced challenges with high shopping cart abandonment rates. As the UI/UX designer, I was tasked with redesigning the checkout process to enhance user experience and reduce abandonment.
05
05
Complicated Checkout Process
Complicated Checkout Process
The original four-step checkout process has been identified as a leading cause of shopping cart drop rates.
Long checkout process
Lack of accessibility of placeholder text
Ineffective progress indicators
Harsh contrast bottoms
To solve this issue, the redesigned version has streamlined the checkout to three steps, significantly improving user experience. Moreover, it now offers enhanced flexibility to meet users' diverse needs.
Eureka Ergonomic, an online furniture retailer, faced challenges with high shopping cart abandonment rates. As the UI/UX designer, I was tasked with redesigning the checkout process to enhance user experience and reduce abandonment.
Q1
Q1
Problem 1 Solution
Problem 1 Solution
Simplified checkout process with clear progress indicator
In response, the redesigned version has streamlined the checkout to three steps, significantly improving user experience. Additionally, it incorporates clear progress indicators, offering enhanced flexibility to meet users' diverse needs and ensuring a more intuitive and efficient checkout journey.
Eureka Ergonomic, an online furniture retailer, faced challenges with high shopping cart abandonment rates. As the UI/UX designer, I was tasked with redesigning the checkout process to enhance user experience and reduce abandonment.
A1
The Three-Step Progress Bar for Enhanced User Experience
The Three-Step Progress Bar for Enhanced User Experience
The three-step progress bar offers a clear visual guide, showing users their current status and remaining steps. Each completed step is marked with a tick, providing a sense of accomplishment. Upon finishing the final step, a celebratory ribbon appears, enhancing user satisfaction by acknowledging the completion of the checkout process.
The three-step progress bar offers a clear visual guide, showing users their current status and remaining steps. Each completed step is marked with a tick, providing a sense of accomplishment. Upon finishing the final step, a celebratory ribbon appears, enhancing user satisfaction by acknowledging the completion of the checkout process.
Problem 2: Delivery Scheduling and Express Shipping Needs
A significant user problem identified is the challenge of Delivery Scheduling and Express Shipping Needs.
According to our research, 41.7% of users struggle with confirming specific delivery dates or scheduling delivery times, leading to missed deliveries when they're not home. This lack of flexibility is a source of frustration for users, who strongly desire an express delivery shipping option to ensure they receive items at their convenience.
Eureka Ergonomic, an online furniture retailer, faced challenges with high shopping cart abandonment rates. As the UI/UX designer, I was tasked with redesigning the checkout process to enhance user experience and reduce abandonment.
Q2
Q2
The redesign streamlines the checkout process by consolidating personal and shipping details onto a single page, expediting user input.
Users can now effortlessly include delivery instructions, select gift options, and choose services like white glove delivery. The previous complex delivery option chart has been replaced with intuitive, prominently displayed selections such as express and scheduled delivery, enabling quicker and more informed decision-making.
The redesign streamlines the checkout process by consolidating personal and shipping details onto a single page, expediting user input.
Users can now effortlessly include delivery instructions, select gift options, and choose services like white glove delivery.
The previous complex delivery option chart has been replaced with intuitive, prominently displayed selections such as express and scheduled delivery, enabling quicker and more informed decision-making.
The redesign streamlines the checkout process by consolidating personal and shipping details onto a single page, expediting user input.
Users can now effortlessly include delivery instructions, select gift options, and choose services like white glove delivery. The previous complex delivery option chart has been replaced with intuitive, prominently displayed selections such as express and scheduled delivery, enabling quicker and more informed decision-making.
The redesign streamlines the checkout process by consolidating personal and shipping details onto a single page, expediting user input.
Users can now effortlessly include delivery instructions, select gift options, and choose services like white glove delivery.
The previous complex delivery option chart has been replaced with intuitive, prominently displayed selections such as express and scheduled delivery, enabling quicker and more informed decision-making.
"Missing furniture deliveries because I can't choose a convenient date that fits my schedule is frustrating. I need an option to select a specific delivery date."
"Missing furniture deliveries because I can't choose a convenient date that fits my schedule is frustrating. I need an option to select a specific delivery date."
"Missing furniture deliveries because I can't choose a convenient date that fits my schedule is frustrating. I need an option to select a specific delivery date."
Problem 3 Solution
Offering white glove delivery service provides a premium solution to enhance customer experience and ensure hassle-free delivery.
Offering white glove delivery service provides a premium solution to enhance customer experience and ensure hassle-free delivery.
Offering white glove delivery service provides a premium solution to enhance customer experience and ensure hassle-free delivery.
Offering white glove delivery service provides a premium solution to enhance customer experience and ensure hassle-free delivery.
Problem 3: Premium Services Accessibility
A significant portion, 26.2%, of users raised concerns regarding the inflexibility of shipping options, particularly regarding delivery scheduling and the availability of premium services like white glove delivery. These concerns underscore the broader issue of uncertainties surrounding logistics and service accessibility within the shipping process.
A significant portion, 26.2%, of users raised concerns regarding the inflexibility of shipping options, particularly regarding delivery scheduling and the availability of premium services like white glove delivery. These concerns underscore the broader issue of uncertainties surrounding logistics and service accessibility within the shipping process.
A significant portion, 26.2%, of users raised concerns regarding the inflexibility of shipping options, particularly regarding delivery scheduling and the availability of premium services like white glove delivery. These concerns underscore the broader issue of uncertainties surrounding logistics and service accessibility within the shipping process.
A significant portion, 26.2%, of users raised concerns regarding the inflexibility of shipping options, particularly regarding delivery scheduling and the availability of premium services like white glove delivery. These concerns underscore the broader issue of uncertainties surrounding logistics and service accessibility within the shipping process.
Step 4: A/B Testing and Results
Adjust and find the best approach
IMPACT
Design Reflection
As a UI/UX designer, my primary goal was to make the checkout process as easy and efficient as possible. I realized that having too many checkout options could distract users, so I streamlined the process into three steps. This not only simplifies the user experience but also aligns with the business goal of reducing the shopping cart abandonment rate and increasing the conversion rate.
While streamlining the checkout process, I also wanted to provide users with the freedom to choose options that best suit their needs, but in a more organized manner. For instance, I consolidated express checkout options into one card sorting system and allowed users to customize their delivery timeframe within a single, easy-to-use chart. This approach ensures that users have the flexibility they need without feeling overwhelmed.
Beyond the task of increasing the conversion rate, I also aimed to minimize the return rate. To achieve this, I designed an order review chart in the final step of the checkout process. This feature allows users to review and edit their orders before making the final decision, helping to ensure accuracy and reducing the likelihood of returns.
As a UI/UX designer, my primary goal was to make the checkout process as easy and efficient as possible. I realized that having too many checkout options could distract users, so I streamlined the process into three steps. This not only simplifies the user experience but also aligns with the business goal of reducing the shopping cart abandonment rate and increasing the conversion rate.
While streamlining the checkout process, I also wanted to provide users with the freedom to choose options that best suit their needs, but in a more organized manner. For instance, I consolidated express checkout options into one card sorting system and allowed users to customize their delivery timeframe within a single, easy-to-use chart. This approach ensures that users have the flexibility they need without feeling overwhelmed.
Beyond the task of increasing the conversion rate, I also aimed to minimize the return rate. To achieve this, I designed an order review chart in the final step of the checkout process. This feature allows users to review and edit their orders before making the final decision, helping to ensure accuracy and reducing the likelihood of returns.
As a UI/UX designer, my primary goal was to make the checkout process as easy and efficient as possible. I realized that having too many checkout options could distract users, so I streamlined the process into three steps. This not only simplifies the user experience but also aligns with the business goal of reducing the shopping cart abandonment rate and increasing the conversion rate.
While streamlining the checkout process, I also wanted to provide users with the freedom to choose options that best suit their needs, but in a more organized manner. For instance, I consolidated express checkout options into one card sorting system and allowed users to customize their delivery timeframe within a single, easy-to-use chart. This approach ensures that users have the flexibility they need without feeling overwhelmed.
Beyond the task of increasing the conversion rate, I also aimed to minimize the return rate. To achieve this, I designed an order review chart in the final step of the checkout process. This feature allows users to review and edit their orders before making the final decision, helping to ensure accuracy and reducing the likelihood of returns.
As a UI/UX designer, my primary goal was to make the checkout process as easy and efficient as possible. I realized that having too many checkout options could distract users, so I streamlined the process into three steps. This not only simplifies the user experience but also aligns with the business goal of reducing the shopping cart abandonment rate and increasing the conversion rate.
While streamlining the checkout process, I also wanted to provide users with the freedom to choose options that best suit their needs, but in a more organized manner. For instance, I consolidated express checkout options into one card sorting system and allowed users to customize their delivery timeframe within a single, easy-to-use chart. This approach ensures that users have the flexibility they need without feeling overwhelmed.
Beyond the task of increasing the conversion rate, I also aimed to minimize the return rate. To achieve this, I designed an order review chart in the final step of the checkout process. This feature allows users to review and edit their orders before making the final decision, helping to ensure accuracy and reducing the likelihood of returns.
Let’s
Connect
©
Celine Lai
2025
Let’s
Connect
©
Celine Lai
2025
Let’s
Connect
©
Celine Lai
2025
Let’s
Connect
©
Celine Lai
2025
The project aimed to decrease shopping cart abandonment and increase conversion rates by streamlining the checkout process, aligning with the business's KPIs to drive higher sales and improve customer satisfaction.