Amir Khademi
Senior UX Designer
A client from a prominent fashion retailer approached our startup with the requirement of optimizing the checkout process for their e-commerce platform.
The goal was to create a seamless, efficient, and visually appealing experience that would increase user satisfaction and boost conversion rates with a focus on their mobile users.
This case study shows the design approach, challenges faced, and the innovative solutions I implemented to transform the checkout flow, ultimately enhancing the overall shopping experience for their diverse customer base.
This case study is focused on demonstrating the following skills:
Design Process
Visual Design
Mobile Design
User Flow
Lean UX
For this project, I chose the Lean UX method because it allowed me to quickly test ideas and refine them. This approach is assumption-based and is ideal for moving swiftly when there’s limited data at hand.
Lean UX works by breaking down the design process into small, manageable pieces. The Lean UX Canvas was used to guide our process. The following sections in this case study follow the steps from this Canvas.
The client has brought to our attention several critical issues with their existing checkout process. Following in-depth discussions and data analysis, we have identified the following problems as the main business issues with the current checkout flow.
The checkout flow was complex and time-consuming.
Users abandoned their carts before completing purchases.
Users hesitated to complete purchases due to concerns.
The design aimed to achieve key business outcomes that would address the identified problems.
The metrics for success were established through discussions with the client’s managers and sales team, who identified key areas needing improvement and set specific targets.
10 to 15 percent
10 to 15 percent
15 to 20 percent
10 to 15 percent
The personas we used to guide the design were provided by the client, as they were already well-established within their organization. These personas were based on extensive research and data, representing key segments of their customer base.
By focusing on these personas, we ensured that our design decisions aligned with the needs, motivations, and pain points of the target audience.
As per the Lean UX process, it’s crucial to ensure that the proposed solutions not only align with the business objectives but also provide clear benefits to the identified users.
Working closely with the client and by focusing on addressing the specific pain points of each persona, we outlined a list of benefits that users should experience from the new checkout flow.
With all the information at hand, it was time to ask the main question:
The goal now is to come up with as many ideas as we can. The quality of ideas does not matter at this stage, but the quantity.
To inform our design decisions, we conducted a comprehensive competitor analysis of popular fashion and apparel websites. This helped us identify best practices and potential market gaps.
The current checkout flow was designed to map out the user’s journey through the process. This approach was particularly helpful in separating concerns and enabled us to consider gaps and opportunities at each step individually.
Our main hypothesis focused on removing barriers that typically cause users to abandon their carts. We identified various reasons in each step of the checkout process for which users might abandon the process.
Having the list of reasons why users might abandon their cart from the previous section, we started the brainstorming session with this question:
The result was a list of ideas and various solutions, balancing innovative ideas with conventional requirements.
Following the Lean UX process, the next step was to put the pieces from the previous steps to develop clear hypotheses. To summarize, here is the main hypothesis we came to:
As Lean UX says, “What’s the most important thing we need to learn first?” To answer this question, we need to identify and list the riskiest assumptions that need to be verified in the next steps for each hypothesis from the previous step, and here there are:
To present and test the ideas and assumptions, a high-fidelity prototype was designed. This prototype was presented to the client for feedback and to users for testing purposes.
To assess the effectiveness of the proposed solutions, we suggested appropriate user research methods to the client. The methods were chosen carefully in accordance with the proposed solutions.
Testing with high-fidelity prototypes to validate the idea, flows, and designs and gathering feedback.
Testing the implemented solution or part of it to compare key metrics such as conversion rates, time spent, and user satisfaction
Analyzing website analytics and conversion funnel data to track user behavior and identify any drop-off points.
It’s important to note that we conducted usability testing on the high-fidelity prototype ourselves, while the remaining tests were delegated to the client to be conducted once the designs were implemented.
We received great feedback from the client and their users on our proposal. We documented and handed over design specifications, workflows, implementation notes, and proposed testing methods to the client's engineering team.
The client informed us that the checkout process optimization successfully addressed key business problems and improved user experience.
This project not only met the client's goals but also provided valuable insights into optimizing checkout experiences and conversion rates for diverse clients.