Freelance project · Mobile apps
A shopping app where finding, paying and tracking each take one clear step
A mobile shopping app covering the full path from browsing to delivery and returns. It is for shoppers who want to find the right item, pay quickly and know where their order is. I designed the flows and screens for iOS and Android.
01The problem
A shopping app has to be faster than the store’s own mobile website, or people won’t keep it installed. On a small screen, product detail, size choice and checkout become fiddly, and questions after purchase often end up with the support team.
Who it’s for
Casual browsers
Inspiration and an easy way to save items for later.
Intent shoppers
To find a specific item fast and pay without re-entering details.
Returning customers
To track orders and start returns without contacting support.
Store team
Fewer order questions and fewer wrong-size returns.
02The main flow
01
Searches or browses
02
Opens a product
03
Picks size and colour
04
Pays on one screen
05
Tracks the delivery
03Structure
Home
Shop
Bag and checkout
Orders
Profile
04Key decisions
Decision 01
Multi-step mobile checkouts ask for the same details again and hide the total until the end.
Considered
A classic stepper of address, delivery, payment and review.
Chosen
One screen with address, delivery and payment as editable rows, and the total pinned above the pay button.
Why it works
Returning shoppers pay with one confirmation. New shoppers expand each row, which is slightly longer for them but clearer for everyone.
Decision 02
Shoppers add items without choosing a size, then hit an error or receive the wrong one.
Considered
An always-active add button that asks for size in a pop-up afterwards.
Chosen
Size and colour options sit directly above the button, show availability per option, and the button names the choice once it’s made.
Why it works
The choice is made and confirmed in one place. It takes space from the image gallery, a trade-off I accepted because the gallery scrolls anyway.
Decision 03
Where is my order and how do I return it are the most common reasons to open the app after buying, yet tracking is often buried in a profile menu.
Considered
Order history inside the profile screen.
Chosen
A dedicated Orders tab with live status at the top, and returns started from the order itself.
Why it works
After a purchase, tracking is the main job of the app. Giving it a tab cost a navigation slot, so the wishlist moved into the profile.
05What’s inside
Fast search with filters that stay set as shoppers move between results.
Save items for later and get a nudge when they come back in stock.
Saved details as editable rows with the total always in view.
Live status for every order, with returns started from the same screen.
Optional notifications for saved items, set from the product page.
06Outcome
Delivered
What I learned
After a purchase, the order screen becomes the home screen, so it deserved the same care.
Small labels, like naming the chosen size on the button, did more than larger layout changes.
Next step
Pick a time that suits you. You'll leave the call with a clear next step, whether we work together or not.
