07 — Case study
All workCommerce Storefront
An online store, designed shopper-first: browsing and search, the product page, cart and checkout, and everything after the order is placed. Add what is sold and who buys it — the catalogue shape drives most of the design decisions. Phone traffic is the majority case, so the small screen is the one the layout is decided on.
01
The problem
For the business
What was costing the business money or momentum, stated plainly.
For the people using it
What the people using it were actually struggling to do.
02
Constraints
What limited us
- Constraint that shaped the design
- Another real constraint
What we were aiming at
- Goal one
- Goal two
03
My scope
What I owned
- Designed and built the storefront front end on my own
- Designed the buying path end to end: browse, search, product, cart, checkout, post-order
- Add what you did about the states that lose sales — out of stock, failed payment, empty search
What I didn’t
- Did not build the back end — catalogue, orders and payments are engineering’s
- Anything else outside your scope
04
Research
What we found
- A finding that changed your mind
- A finding with a number behind it
Where it hurt
- Pain point
- Pain point
05
Decisions
Decision 01
The specific problem this decision solved
Chosen
What you shipped
Rejected, and why
The alternatives you considered and why each lost
Decision 02
The specific problem this decision solved
Chosen
What you shipped
Rejected, and why
The alternatives you considered and why each lost
06 — The work
04 screens
desktopScreen name — what it does, and the decision it reflects
07
What happened
Measured
- Measured change, with the before and after
Knock-on effects
- What it unlocked for the business or team
08
In hindsight
I’d do differently
- What you would do differently
What it taught me
- What this project taught you
Next — 08