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
Persona
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.
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.
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
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.
View the Snack Ordering App:
Refining the design
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.
View the Snack Ordering App:
