TN Movie Theater App

Project Overview

The Product

TN Movie Theater is a local cinema located in Knoxville, TN. TN Movie Theater targets customers who want to find and buy tickets based on their favorite seat selections. They offer saving seat combinations based on occasions to make the check-out experience quicker.

Project Duration

December 2021 to May 2022.

Tools Used

  • Mural
  • Figma
  • Pen and Paper

The Problem

People don’t want to spend time buying a ticket if their favorite seats are sold out for the movie.

The Goal

Design a new app to help people discover seats before dealing with movie search, upselling, and payment to make their ticket-buying experience quicker.

My Role

UX lead – Gonca Onusluel Hepekiz


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

Understanding the User

User Research: Summary

I conducted interviews and created empathy maps to understand the users I was designing for. A primary user group identified through research was working adults who don’t want to spend time purchasing a ticket if their favorite seats have already sold out.

User Research: Pain Points

1. Personalization
Users want to have pre-defined settings for an easy check out process.
2. System Feedback
The platform is timing out and, it is frustrated to start over again.
3. Navigation
There are lots of steps up to check out.


Problem Statement

James, an engineer who spends a significant amount of time in front of the computer, is eager to share quality moments with his 2-year-old daughter at the theater. He is determined to secure the best seats for their special daddy-daughter movie time.

User Journey Map

A journey map of James’s experience can be found below. This map is used to identify possible pain points and helped me to improve opportunities. 

Starting the Design

Paper Wireframes

The initial versions of the app’s screen iterations concentrated on incorporating features that effectively addressed user pain points. I gave precedence to enhancing the personalization of the home screen experience, aiming to streamline the process and save users time when purchasing movie tickets.

Stars were used to mark the elements of each sketch that would be used in the initial digital wireframes.

Digital Wireframes

The following screenshots are the initially designed screens after paper prototypes. Easy-to-understand flow and saved custom preferences make the user journey more direct. 

Low-Fidelity Prototype

Utilizing the finalized digital wireframes, I generated a low-fidelity prototype, which was then employed in a usability study to evaluate the primary user flow.

Click here for Low Fidelity Prototype

I executed two sets of usability studies. Insights gathered from the initial study informed the progression of designs from wireframes to mockups. In the subsequent study, a high-fidelity prototype was employed to identify areas in the mockups that required refinement.

Study type:
1:Interview, 2:Moderated usability study
Global, Remote
20 participants
20-30 min.

The listed items below are the main findings uncovered by two usability studies for this project.

After the usability studies, I came up with some insights and added additional options besides revising the designs.

Insight 1: Make it inviting; keep it concise.

Insight 2: Make it easy to customize to set seat preference.

Insight 3: Make buttons larger and clickable.

Insight 4: Exclude seat selection in the account creation section.

The ultimate high-fidelity prototype showcased streamlined user flows for purchasing movie tickets, effectively catering to personalized user requirements for a swift and effortless checkout experience.

In this project, I used ‘Montserrat and Raleway’ as fonts. Text styling was arranged according to where the text will be used in the project.

For the TN Movie Theater project, I didn’t use a ready component library; on the contrary, I tried to create a project-based component library. As an expected result, the library must progress through the design process.

The conclusive high-fidelity prototype not only introduced more seamless user flows for purchasing movie tickets but also fulfilled tailored user requirements, ensuring a prompt and effortless checkout process.

View TN Movie Theater’s high-fidelity prototype

Provided access to users who are vision impaired through adding alt text to images for screen readers.
Used icons to help make navigation easier.
Used easy to navigate buttons.
The app makes movie ticket buying process easier with customization feature.
What I learned
While designing the TN Movie Theater app, I learned the impact of usability study and its’ effect on the product design.
  1. Conduct another round of usability studies to validate whether the pain points users experienced have been effectively addressed.
  2. Conduct more user research to determine any new areas of need.

Leave a Reply

Your email address will not be published. Required fields are marked *