Redesigning

Mobile App

Timeline

July 2025 ~ August 2025

Role/Context

UI Designer / Personal Project

Tools

Figma

ChatGpt

BACKGROUND

UI / Design Complaints for the Costco Mobile App

The last significant UI feature update was June 2024, with the addition of the Inventory search and redesign of the warehouse tab.

The most recent changes in Sep 2025 seem to be more incremental (“bug fixes and improvements”) rather than a UI redesign.

Many users say the app is "stuck in the 80s" with poor navigation and inconsistent styles.

PROBLEM

Costco's mobile app has an outdated interface and lacks contemporary design standards.

I have, on multiple occasions, tried to use the costco app just to leave the app after a couple minutes of frustrating navigation. It's an overwhelming amount of deals, product images, call to actions, and they don't have an organized filter system in place to ease these user interactions.

Difficulty Accessing Membership Card

Membership Card

Navigation and UX Clutter

Unintuitive / Clunky UI

Poor Search Filtering

SOLUTION

Redesigning UI components

I wanted to redesign Costco's app to make it more intuitive, streamline operational features, and competitive with modern retail apps.

Shop

I consolidated the “Explore” and “Shop” tabs to reduce navigational friction, decision fatigue, and visual clutter.

I created pill-style buttons to naturally draw the eye and encourage interaction.

I increased visibility of primary call to action components like "Become a Costco Member Today"

I simplified a dense UI into a user-friendly layout with clear, organized hierarchy.

Shop

I consolidated the “Explore” and “Shop” tabs to reduce navigational friction, decision fatigue, and visual clutter.

I created pill-style buttons to naturally draw the eye and encourage interaction.

I increased visibility of primary call to action components like "Become a Costco Member Today"

I simplified a dense UI into a user-friendly layout with clear, organized hierarchy.

Original

Redesign

REFLECTION

Looking Back

Key Takeaways

  1. The importance of hierarchy and clarity.

  1. Micro-interactions matter. Small adjustments in typography, spacing, and iconography can significantly improve how quickly users find what they need

  1. Consistency builds trust.

Next Steps

  1. Pair with UX Validation

  1. Gather quantitative metrics

Designed by David Yang © 2025

Designed by David Yang © 2025

Thanks for visiting!

Thanks for visiting!

Let's Keep in Touch!

Let's Keep in Touch!

Contact

Contact

davidmy@bu.edu

davidmy@bu.edu

Gallery

10:55 PM

Gallery

10:55 PM