top of page

Movie Theater Snack Ordering App Design

The goal of this snack ordering app is helping customers to order snacks or food in movie theater before they go to watch a movie. By ordering from this app, customers can go through the ordering process easier and avoid the line in theater.

Project Overview

The Problem: Some people need extra time to look at menu to make decision and don’t want spend time waiting in line.

The Goal: Design the snack ordering app to let people easily order and pick up.

My Roles: UX/UI designer designing an app for ordering snacks in movie theater from conception to delivery.

Responsibilities: Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

User Research

Summary

I conducted interviews and created empathy maps to understand the users I’m designing for and their needs. A primary user group identified through research was people who go to movie theater for movies and order snacks.

 

This user group confirmed initial assumptions about snack ordering app customers, but research also revealed that time of waiting in line was not the only factor limiting users from getting snacks from theater.  Other user problems included understanding menu and having hard time make decisions when there are people waiting.

View the details of User Research Interviews.

Pain Points 

Screen Shot 2022-09-22 at 12.48.43 AM.png

Persona

Screen Shot 2022-09-22 at 12.52.14 AM.png

User Journey Map

Mapping Crystal’s user journey revealed how helpful it would be for users to have access to a dedicated Snack ordering app.

Screen Shot 2022-05-17 at 11.36.04 PM.png

Starting The Design

Paper Wireframes

Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to address user pain points. For the home screen, I prioritized a quick and easy ordering process to help users save time.

Screen Shot 2022-09-22 at 1.08.01 AM.png

Paper Wireframes

Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to address user pain points. For the home screen, I prioritized a quick and easy ordering process to help users save time.

Digital Wireframes

Screen Shot 2022-09-22 at 1.10.51 AM.png
Screen Shot 2022-09-22 at 1.11.19 AM.png

Low-Fidelity Prototype

Using the completed set of digital wireframes, I created a low-fidelity prototype. The primary user flow I connected was ordering snacks or food in theater, so the prototype could be used in a usability study.

low-fi prototype.png

View the Snack Ordering App:  

Low-Fidelity Prototype

Screen Shot 2022-09-22 at 1.27.13 AM.png

Refining the design

Screen Shot 2022-09-22 at 1.31.09 AM.png
Screen Shot 2022-09-22 at 1.31.30 AM.png
Screen Shot 2022-09-22 at 1.35.46 AM.png

High-Fidelity Prototype

The final high-fidelity prototype presented cleaner user flows for ordering snacks and checkout. It also met user needs for a editing number of items and more payment method.

hi-fi prototype.png

View the Snack Ordering App:  

High-Fidelity Prototype

Screen Shot 2022-09-22 at 1.41.45 AM.png
Screen Shot 2022-09-22 at 1.42.03 AM.png
bottom of page