Overview

We successfully helped users shorten the path to purchase (user testing showed an average improvement of 4.6 minutes).

This was achieved by addressing a confusing homepage information architecture, frustrating full-page navigation, and a lack of visual trust in product reviews.

Overview

We successfully helped users shorten the path to purchase (user testing showed an average improvement of 4.6 minutes).

This was achieved by addressing a confusing homepage information architecture, frustrating full-page navigation, and a lack of visual trust in product reviews.

User Research

User Research

User Interviews & Surveys

Users felt lost while shopping in the app.

Users felt lost while shopping in the app.

Participants expressed frustration with key areas of the app — 73% found the homepage repetitive and overloaded, 51% were disrupted by the full-screen navigation, and 80% felt limited by the lack of images in product reviews, making it harder for them to make confident purchase decisions.

Participants expressed frustration with key areas of the app — 73% found the homepage repetitive and overloaded, 51% were disrupted by the full-screen navigation, and 80% felt limited by the lack of images in product reviews, making it harder for them to make confident purchase decisions.

Homepage

Repetitive & Overloaded

73%

Homepage

Repetitive & Overloaded

73%

Full-screen Nav

Disrupt seamless transitions.

51%

Full-screen Nav

Disrupt seamless transitions.

51%

Reviews

No images Allowed

80%

Reviews

No images Allowed

80%

Design Strategy

Design Strategy

Persona & User journey Map

Simplifying the path from discovery to decision.

Simplifying the path from discovery to decision.

In our research, we found that attempting to keep users in the app longer doesn't translate to higher conversions when it's caused by a confusing information structure.

Linda Lawson, 39, Young mother

Linda recently needed to buy warm clothing for the whole family on the Old Navy App, and she wanted to get discounted, quality clothing.

Linda recently needed to buy warm clothing for the whole family on the Old Navy App, and she wanted to get discounted, quality clothing.

?

Design & Iteration

Design & Iteration

Lo-Fi Wireframe

Feature improvements for seamless browsing.

Feature improvements for seamless browsing.

1. Homepage employs horizontal scrolling tabs for category navigation along with containers to organize information, creating a clearer interface.

2. A hamburger menu with integrated filters, allowing users to switch between categories on the same page. The filters enable browsing products across multiple categories simultaneously, which is essential for users purchasing a variety of apparel.

3. Allowing users to share and view product images within reviews.

Performance Validation

Performance Validation

Hi-Fi Prototype & Usability Testing

Average improvement of 4.6 minutes

Average improvement of 4.6 minutes

We invited 36 users, including 10 new and 26 returning users, to participate in this round of testing, focusing on the entire journey from app entry to payment completion. Using the Lookback platform, we conducted remote usability sessions and captured user interactions and feedback. Each participant experienced both the original and the improved version. On average, the updated version reduced payment time by 4.6 minutes, significantly enhancing conversion efficiency and user satisfaction.

What’s Next

What’s Next

KJ Analysis

Exploring Floating Cart Use

Exploring Floating Cart Use

While the floating cart button was designed to support faster decision-making through easy product comparison, its actual impact on user behavior is still inconclusive.


We plan to roll out the validated design improvements to a larger user base and conduct large-scale A/B testing to quantitatively measure the impact on conversion rates.

Have ideas to share? Or just want to say hi?

Copyright@Jin Xu 2025

Have ideas to share? Or just want to say hi?

Copyright@Jin Xu 2025