Senior Product Designer · Terapico

Optimizing a checkout flow to address a low conversion rate

A Lean UX redesign of a fashion retailer's mobile checkout, built to lift conversion and cut cart abandonment by removing the friction and trust gaps that made users drop off.

Optimised e-commerce checkout flow
Role
Senior Product Designer
Client
Fashion apparel retailer
Method
Lean UX
Focus
Mobile checkout
Overview

A prominent fashion retailer approached our studio to optimize the checkout on their e-commerce platform. The goal was a seamless, efficient, and visually appealing experience that would raise satisfaction and conversion, with a focus on mobile users.

A sample of the end result. Final mockups were redesigned and rebranded for the NDA.

This case study covers the approach, the challenges, and the solutions I used to transform the checkout and improve the overall shopping experience.

Approach

I used Lean UX because it lets you test ideas quickly and refine them, which suits an assumption-based project with limited data at hand. It breaks the work into small, manageable pieces; I used the Lean UX Canvas to guide the process, and the sections below follow its steps: problems, outcomes, users, solutions, hypotheses, assumptions, and an MVP to test.

Business problems

After discussions and data analysis with the client, we identified three core problems with the existing checkout.

Low conversion rate

The checkout flow was complex and time-consuming.

User dissatisfaction

Users abandoned their carts before completing a purchase.

Lack of trust

Users hesitated to complete purchases because of trust concerns.

Success targets

The metrics for success were set with the client's managers and sales team, who identified the areas needing improvement and agreed specific targets.

+10–15%

Conversion rate

Target agreed with the client.

−10–15%

Checkout time

Target agreed with the client.

+15–20%

Customer satisfaction

Target agreed with the client.

−10–15%

Cart abandonment

Target agreed with the client.

Users

The personas came from the client, already well-established in their organisation and based on extensive research. Designing against them kept our decisions aligned with the needs, motivations, and pain points of the target audience.

Personas, provided by the client.

We then outlined the concrete benefits each persona should get from the new flow, so the solutions served users as well as the business.

Benefits users should experience from the new checkout.
Solutions

With the problems, outcomes, and users defined, the goal was to generate as many ideas as possible, quantity over quality at this stage.

Competitor analysis

We analysed popular fashion and apparel sites to find best practices and market gaps.

Most-visited fashion and apparel stores.

The current flow

We mapped the existing checkout journey to separate concerns and consider each step's gaps and opportunities on its own.

The current checkout flow, mapped step by step.

Then, at every stage, we pinpointed the reasons a user might abandon the process.

Reasons users might abandon, identified at each step.

Brainstorming

Using those reasons, we ran a brainstorm around one question: how can we address why a user might abandon their cart? The result was a list of ideas balancing the innovative with the conventional.

Ideas and solutions from the brainstorm.
Hypothesis

Putting the pieces together, we arrived at a main hypothesis.

We believe conversion and satisfaction will increase if users can finish checkout in less time and with less effort, by removing the reasons they leave or hesitate.

Assumptions

Lean UX asks: what is the most important thing to learn first? So we listed the riskiest assumptions behind the hypothesis, the ones to verify next.

The riskiest assumptions to validate.
MVP & prototype

I sketched to explore the flow, then built a high-fidelity prototype to present to the client and test with users.

Sample mockups from the high-fidelity prototype.
Testing

We recommended research methods matched to the proposed solutions.

Usability testing

Test the high-fidelity prototype to validate the idea, flows, and design, and gather feedback.

A/B testing

Compare key metrics such as conversion, time spent, and satisfaction on the implemented solution.

Analytics

Track behaviour and the conversion funnel to find any remaining drop-off points.

We ran the usability testing on the prototype ourselves; the rest were handed to the client to run once the design was implemented.

Conclusion

Hand-off

We documented and handed over specifications, workflows, implementation notes, and the proposed testing methods to the client's engineering team.

After implementation

The client reported that the optimisation addressed the key business problems and improved the experience.

Learnings

The project met the client's goals and deepened my insight into optimising checkout and conversion across different clients.