Concept project · Mobile UX · E-commerce
E-commerce Purchase Flow
A mobile purchase experience designed around clarity, speed and less friction at checkout.
Role
Product Designer
Year
2026
Overview
This project explores a mobile e-commerce purchase flow, from discovering a product to confirming the order.
Problem
Mobile checkout is where intent often turns into drop off. Too many steps, unclear actions and information scattered across screens make people hesitate or abandon the purchase.
Design approach
I treated the experience as a linear flow where each step supports one decision: browsing, product detail, choosing options, reviewing the cart and completing checkout. The sequence goes straight from discovery to purchase, without unnecessary detours.
Key design decisions
Single step checkout
Checkout fits in one step to reduce friction and drop off.
Clear actions
Primary actions such as Add to cart and Checkout are always visible and unambiguous.
Structured product information
Product details are organised to be understood quickly before the purchase decision.
Outcome
The result is a coherent flow from discovery to a single step checkout, built on familiar e-commerce patterns to keep the mental effort low and the user moving towards the purchase.
How I'd measure success
I'd track checkout completion, drop off per step and time to purchase, and run an A/B test of the single step checkout against a multi step version to see whether fewer steps really reduce abandonment.
Learnings
Cutting steps only helps if every remaining step is unambiguous. Friction comes from unclear actions as much as from the number of screens.