Panda Express Mobile App Audit & Redesign

This is a project I worked on with another student Sophie during the BrainStation UXI Immersive Bootcamp. It was a quick two half day assignment. We picked Panda Express mobile app because it really needed a make over for their user experience. Panda Express is a chain of Chinese food restaurants. The role of its app was to order and pick up takeout food from their restaurants.

Project Scope

 

Tools

The Challenge

 

We did a careful study on the Panda Express app to identify any problems in the product experience and then to make UX/UI recommendations. The end goal was to redesign the app and turn the ordering process into a seamless experience.

 

 

Discovery

 

We conducted a thorough study of the app by testing the customer experience flow. We found out that the existing app was very hard to navigate and frustrating to place an order.

#1  Home screen:

  • Basically the app was a Panda Express website being embedded in the app environment. When clicking on one of the ‘ORDER ONLINE’ buttons it took us to the website. Therefore the order task flow was not well designed.
  • Having two 'ORDER ONLINE’ buttons on the same screen was confusing to the users.

 

#2  Order online screen:

  • There was no onboarding to guide users to order up front. Users had to click to get to a different section for explanation to order.

 

#3  Account screen:

  • There were too many items on the screen without any clear hierarchy.

#4 – Regular menu screen:

The category names were inconsistent. The menu allow users to order only one item of its kind at a time.

 

#5 – Selecting item screen:

Only one combination of items can be ordered one at a time which was very inefficient. Bottom navigation is not intuitive and poorly designed. When adding quantity, it didn’t show  the total.

 

#6 – Shopping cart screen:

The type was very small. Delete button was small. It was also hard to modify the order. It could not add quantity.

Redesign

 

With limited amount of time, we decided to focus on the sign in, menu, combos and check out screens with a new visual look following their branding guides.

 

 

Redesign Opportunities

 

  • to simplify the ordering process to make the task efficient and effective.
  • to improve the navigation of the app so users won’t need to go all the way back when they make a mistake.
  • to implement a progress bar to streamline and track the ordering process, instead of directing users to a different screen to instruct them how to order.
  • to allow users to order all types of combos at once.
  • to make it easy to modify or cancel an order during checkout.
  • to move the pick up time and location to the checkout screen instead of having them at the beginning of the app.

Wireframes

Hi-fidelity Designs

 

After developing the wireframes, I worked on the menu and combos screens, and my partner Sophie worked on the checkout process screens.

Copyright © 2019 Lai-Kit Chan

Panda Express Mobile App
Audit & Redesign

 

This is a project I worked on with another student Sophie during the BrainStation UXI Immersive Bootcamp. It was a quick two half day assignment. We picked Panda Express mobile app because it really needs a make over for their user experience. The app is very hard to navigate and is a very frustrating journey to place an order. We did a careful study on the Panda Express app to identify the problems and redesign to make it a more pleasant and effective journey for the users to place orders. Our goals were to make the order online process more simple and direct.

 

Project Scope

 

Tools

Panda Express Mobile App
Audit & Redesign

 

This is a project I worked on with another student Sophie during the BrainStation UXI Immersive Bootcamp. It was a quick two half day assignment. We picked Panda Express mobile app because it really needs a make over for their user experience. The app is very hard to navigate and is a very frustrating journey to place an order. We did a careful study on the Panda Express app to identify the problems and redesign to make it a more pleasant and effective journey for the users to place orders. Our goals were to make the order online process more simple and direct.

 

Project Scope

 

Tools

Panda Express Mobile App
Audit & Redesign

 

This is a project I worked on with another student Sophie during the BrainStation UXI Immersive Bootcamp. It was a quick two half day assignment. We picked Panda Express mobile app because it really needs a make over for their user experience. The app is very hard to navigate and is a very frustrating journey to place an order. We did a careful study on the Panda Express app to identify the problems and redesign to make it a more pleasant and effective journey for the users to place orders. Our goals were to make the order online process more simple and direct.

 

Project Scope

 

Tools

Panda Express Mobile App
Audit & Redesign

 

This is a project I worked on with another student Sophie during the BrainStation UXI Immersive Bootcamp. It was a quick two half day assignment. We picked Panda Express mobile app because it really needs a make over for their user experience. The app is very hard to navigate and is a very frustrating journey to place an order. We did a careful study on the Panda Express app to identify the problems and redesign to make it a more pleasant and effective journey for the users to place orders. Our goals were to make the order online process more simple and direct.

 

Project Scope

 

Tools

Panda Express Mobile App Audit & Redesign

 

This is a project I worked on with another student Sophie during the BrainStation UXI Immersive Bootcamp. It was a quick two half day assignment. We picked Panda Express mobile app because it really needs a make over for their user experience. The app is very hard to navigate and is a very frustrating journey to place an order. We did a careful study on the Panda Express app to identify the problems and redesign to make it a more pleasant and effective journey for the users to place orders. Our goals were to make the order online process more simple and direct.

 

Project Scope

 

Tools