hiding in plain sight.
The Opportunity.
Amazon's order tracking page is visited millions of times daily — yet the experience felt cluttered, text-heavy, and visually unclear about actual delivery progress. The gap between user anxiety and design response was real. Grounded in real user insights rather than assumptions, this project redesigns the post-purchase moments to improve clarity, usability, and trust.
- Improve clarity, usability, and trust of the post-purchase tracking page.
- Reduce user anxiety with a visual, high-contrast order progress layout.
- Offer direct, frictionless access to support during critical moments.
- A cleaner, highly visual redesign that honors Amazon's brand identity.
- Support reached in one tap above the fold rather than hidden in submenus.
- High-contrast active progress timeline reducing cognitive strain.
Why the existing experience
fails users.
Through survey-driven research and real usage observations, a consistent cluster of user pain points emerged. The original tracking dashboard prioritized dense administrative data over high-anxiety post-purchase clarity.
Users struggle to instantly identify their current order status — the visual hierarchy buries the most critical information.
ETA and delivery stage are not visually highlighted — users have to read through dense text to understand progress.
"Contact Support" is buried behind multiple clicks — creating friction at exactly the moment users need immediate help.
The overall layout feels crowded and text-dominant — reducing visual clarity and increasing cognitive load during high-trust situations.
What users actually told us.
Evidence over assumptions.
A survey distributed to 10+ users — students, designers, and IT professionals aged 20–35 — captured both quantitative ratings and qualitative behavioral insights.
Experience the redesigned interface.
Try the interactive widget.
This interactive widget displays the redesigned elements. Use the controls on the left to toggle order states and witness how the progress tracker, ETA formatting, and Quick Actions adapt.
From cluttered to clear.
Before vs After Redesign.
By implementing a structured layout, we addressed the key user friction areas while maintaining the signature branding elements.
- Dense paragraph-style text layouts: Critical details like status and ETA were buried inside dry blocks of content.
- Buried support interfaces: "Contact Support" required navigating complex submenus and multiple clicks.
- Low-contrast visual indicators: Progress lines were small and failed to communicate the current delivery stage quickly.
- Scattered key interactions: Buttons for cancelling, updating, and buying again were scattered randomly with no grouping.
- Strong visual hierarchy: Delivery date and active delivery window act as the main lead elements.
- Above-the-fold support actions: Large, prominent, high-contrast CTA support button accessible in one click.
- High-contrast tracker: Bold timeline states with dynamic visual nodes emphasizing transit status.
- Unified Quick Actions panel: Grouped administrative actions organized into a clean, grid-based card layout.
Three layouts considered.
Only one matched what users asked for.
The redesign wasn't the first idea. Three different directions were sketched and weighed against the survey data before settling on the final layout.
UX Decisions Explained.
Answers to key product questions.
A deep look into the UX process behind the layout improvements, explaining the choices that prioritize usability over standard patterns.
How the solution was structured.
A systematic UX workflow.
This was a self-initiated redesign.
Here's what happened with it.
This is a concept case study, not a shipped change to Amazon's live product — Amazon's tracking page wasn't mine to deploy to. The redesign was tested the way a real launch would be: against real users, with a second round of validation after the first prototype was built.
- A second group, separate from the original 10+ survey respondents, was asked to complete a single task: "find out when this order arrives and how to get help."
- Every participant identified the ETA and the support button without prompting — the two elements the original layout buried.
- No participant asked "where is the map" unprompted, confirming it could stay secondary without being missed.
- Became the portfolio piece used in design interviews to walk through research-to-decision reasoning, not just visuals.
- The "alternatives rejected" reasoning (map-first, full-flow scope) was the part interviewers asked the most follow-up questions about.
What this project taught me.
Key takeaways.
This case study reinforced a core design truth: the most impactful UX changes aren't always about adding more — they're about ruthless clarity and eliminating friction at the right moment.
The order tracking page represents a high-stakes emotional moment. A user tracking their package is already in a state of mild uncertainty. Every design decision should reduce that uncertainty, not add to it. The progress tracker, ETA prominence, and support visibility all serve a single goal: help the user feel in control.
Principle 01
Clarity reduces user anxiety — information hierarchy is emotional design.
Principle 02
Support access is a trust signal — hiding it destroys customer confidence.
Principle 03
Group related actions — cognitive load is a real UX cost.
Next Iteration Focus
Design layout states for complex delivery edge cases: delayed shipments, failed attempts, and address verification updates. The happy path is resolved; the anxious path needs design attention next.