About the Business

Founded in 1964, Mike’s pizza is an italian family owned company located in the northern suburbs of Chicago. Famous for its delicious pizza, Mike’s Pizza is a local favorite with heavy foot traffic. However, high demand and app glitches make it difficult to maintain customer satisfaction. The restaurant offers delivery and pickup, with no dine-in option.

My Role

As the Lead UX Designer, I conducted user research, created wireframes, developed low-fidelity prototypes, synthesized insights using affinity diagramming, and delivered a high-fidelity prototype.

Project Date

January 30, 2023 – November 19, 2023

Duration

Eleven Months

Project Overview

App Summary

I designed a new Mike’s Pizza app for busy professionals who need a fast, reliable way to order food.

The Problem

Flip ↻
The Mike’s pizza app needs to provide a fast, reliable, and easy user experience.

The Goal

Flip ↻
To create an reliable and fast user experience that allows users to easily schedule a pizza order.

Scroll to Section

Empathizing with the User

User Research: Summary

Mike’s Pizza conducted user interviews. It was discovered that Mike’s pizza attracts working single professionals who work in medium to large companies and need pizza delivered for themselves and for everyone at the office 2-3 times a week. Mike’s pizza also attracts busy individuals on a tight schedule who multitask and wear multiple hats in their day-to-day lives. This individual prefers pickup.

Before conducting the research, it was assumed that single individuals under the age of 30 would be the user group who would order pizza the most. After the research it became clear age was not the deciding factor but lack of time, whether people were in groups, and an individual’s energy level. People who are in a group (whether it’s a family or coworkers)  are likely to order pizza for everyone. Individuals who are busy and do not have time to cook will also order pizza. Lastly, individuals who do a lot throughout their day become hungry around dinner time but do not have the energy to cook; they, too, will order pizza.

Pain Points

01. Time

Users are busy and do not have time to cook. Users need a FAST, EASY, and EFFECTIVE solution.

02. Accessibility

Users do not enjoy an app that is not optimized and does not work well with assistive technology or alongside other apps. Users do not enjoy having a language barrier that makes it difficult to use the app.

03. UX

Users have a difficult time ordering from food apps that do not have a friendly, logical, navigational experience. Food apps are inconvenient when users have to reorder the same order or go through a long series of steps that do not follow a logical order.

04. Communication

User do not like how difficult it is to communicate with an actual person when problems arise. User also feel uncertain when ordering food without speaking to an individual. They dislike not knowing the progress of their order.

Personas

Based on user research findings, two personas — George (Group 1) and Natalia (Group 2) — were developed to represent the primary user segments identified through shared behaviors and needs during interviews.

User Stories

Who, what, and why?

User Journey Map

Defining the user problem

Defining the User’s Need

To focus the design strategy, I prioritized Group 1 — represented by the George persona. Early user research revealed key pain points, which I translated into a problem statement, If/Then statement, and goal statement to ensure the solution remained grounded in user needs.

Value Proposition
George needs a pizza app that is:
User Flow

Ideate

Competitive Audit

Conducted competitive research to evaluate how nearby businesses were meeting user needs and identify gaps in the market. These insights helped shape our design strategy and clarify our value proposition.

Interact with the embedded competitive audit below by scrolling horizontally and vertically.

Storyboard
Storyboards were created to visualize how users might interact with the Mike’s Pizza App and how the design could address the problem statement.
Big Picture
Close Up

Prototype

Paper Wireframes
A captivating design with a simple, easy, and direct user experience.

The cart interface allows users to easily add, edit, or remove items. Product information is organized into clearly defined sections using visual separators and rounded rectangular components, improving readability and user interaction.

Digital Wireframes

Research revealed that customers in work environments need an easy way to quickly access and reorder previous purchases.

Easy communication during delivery orders ranked high among user needs.

Low-Fidelity Prototype

This low-fidelity prototype allows users to start a new pizza order, select a cheese pizza, confirm order details, submit the order, and track its delivery progress.

Usability Study: Findings

Two rounds of usability testing were conducted. Insights from the first round informed the transition from wireframes to mockups. The second round, conducted with a high-fidelity prototype, identified areas that required further refinement.

Round 1 Findings
  1. Users want to easily check out
  2. Users want to smoothly interact with buttons
  3. Users want clear next steps
  4. Users want an app that’s developed in its written communication, front-end graphics, and button functionality 
Round 2 Findings
  1. Users indicated a need for clearer buttons leading to checkout
  2. Users want to eliminate unnecessary features like the pizza wheel to simplify the experience
  3. Users want to smoothly interact with the hamburger menu
Hi-Fidelity Mockups

The second usability study revealed that the “Add the Order” button confused users. Participants were unsure of the next step because the button label was unclear. To improve clarity, the label was changed to “Add to Cart.”

Before the Second Usability Study

After – Improved Design

Before the Second Usability Study

After – Improved Design

Research indicated that users preferred a simpler interface with fewer options. Participants found the pizza wheel to be unnecessary and distracting from key features such as “My Driver” and “Estimated Time.” Users expressed a strong interest in communicating directly with their driver and valued having a clear estimate of their delivery time. 

Research indicated that users preferred a simpler interface with fewer options. Participants found the pizza wheel to be unnecessary and distracting from key features such as “My Driver” and “Estimated Time.” Users expressed a strong interest in communicating directly with their driver and valued having a clear estimate of their delivery time. 

Before the Second Usability Study

After – Improved Design

High-Fidelity Prototype

The high-fidelity prototype streamlines the ordering experience by providing a clear flow for customization, order review, checkout, and real-time updates on order readiness or driver location.

Accessibility Considerations

A large, consistent bottom call-to-action button helps guide users through the ordering process, improving accessibility for users whose first language may not be English and those with visual impairments.

A strong use of icons improves communication universally, allowing those who are not English speakers to place a pizza order.

Takeaways
Impact

It has a lot of animated things, like the characters eating the pizza. It's very attractive. It looks user-friendly. It's also very simple. There are huge buttons you can't miss wherever you're going to need or use to order the pizza. I think it was good, it's appealing, quick, and easy to use.

Lessons Learned

Simplicity and fewer options provided users with greater clarity and direction, making the available tools more valuable and easier to use.

I also learned that clear affordances are essential for helping users understand how to interact with an interface and for making an experience feel intuitive.

Finally, intentionally designing with accessibility in mind—such as using clear icons and larger typography to guide users through buttons and headers—improved the experience for all users.

Next Steps

The second usability revealed that users continued to desire clarity in the buttons leading to checkout. To further guide the user, the red button will animate when they are ready to proceed to the next step.

During the second usability study, it was found that users want to smoothly interact with the hamburger menu. To improve the hamburger menu usability, the button will be highlighted on click. The button text will be displayed in uppercase for better visibility.

 

The UI will continue to be refined by increasing button size and testing the app across multiple mobile devices to ensure responsiveness.