CINENAV

PRODUCT DESIGN | 2020

As someone who frequents movie theaters on a regular basis, I have noticed many faults within the ticketing applications. This project allowed me to redesign an app that creates solutions to everyday movie theatre problems.

cinenav-header.png

DURATION

3 weeks

MY ROLE

The entirety of this project was my responsibility. Everything from UX research, user research, creating mood boards and visual flows to wire-framing and prototyping.

VALUE PROPOSITION

CineNav aims to create a simple and efficient process of going to the movie theatre. By creating elements within the app that help the user navigate to their seat easily, as well as widgets and notifications about leaving for the movie on time, it will not only reduce long lines checking into the theatre, but also prevent seating mishaps and disturbances.

IDENTIFYING THE PROBLEM TO SOLVE

There were multiple pain points that I was eager to explore and solve. I realized that the popularity of the aggregate ticketing apps was partly due to its ease of use and convenience. Thus after research, it was clear that the application needed to maintain its simplicity and general features while incorporating efficient functionalities and necessary changes.

THE PROBLEM

  • Navigating to your seat after the lights have gone down.

  • Entering the theatre on the opposite side of your seat location and trying to get through people without stepping on their feet or items.

  • Complications with contacting or finding customer service regarding the theatre hygiene or lost items.

  • Failure to target and recommend movies to people based on their preferences.

CREATING PERSONAS

The short project duration alongside COVID-19 meeting restrictions prevented me from conducting physical observations. Thus through online research and phone interviews with friends and volunteers I created a persona.

Slide 16_9 - 1.png

USER FLOW

Navigating to and using the Customer Feedback feature, which becomes available after the movie concludes.

Slide 16_9 - 4.png

DESIGN PROCESS

I worked on low-fidelity wireframes. I explored ways in which the screens demonstrate. It was important for me to highlight the new features of the app, which aim to reduce confusion and in-theatre disturbance, and to not get caught up in re-designing the successful general interface of a movie ticketing app.

Screen Shot 2021-05-22 at 8.03.57 PM.png

VISUAL FLOW

Next came the high-fidelity development stage. The visual design had to be bold, dark, and simple. The dark mode was considered due to the nature in which the app would primarily be used, in the theatre and the contrast of the yellow was to stand out amongst its competitors and yet have a warm and friendly approach.

PRESENTING CINENAV

person_edited.jpg

1. PERSONALIZATION

The personalization features allow the user to make the process of finding movies to watch more personalized and tailored to what the user would enjoy based on what they have previously watched/rated highly. 

There is also a reminder from Google Maps, on when to leave for the movie which takes multiple modes of transportation into consideration.

2. NAVIGATION

On the digital ticket, it mentions which side of the theatre to enter from. This is to avoid the trouble of entering from the wrong side and crossing through a row of people to get to your seat. For people with disabilities, in theatre's that incline/stairs, entering from the wrong side can be very inconvenient.

The toggle feature, on the other hand, appears if the showtime has passed, and the theatre lights have dimmed, to help the user navigate to the seat easily.

Frame 12.png

3. CUSTOMER FEEDBACK

This allows the user to efficiently contact an individuals' theatre customer support, without the hassle of searching for it on the theatre's website or waiting on hold for hours.

IMPACT

I believe the custom features of this app could be extremely useful and helpful if incorporated into specific theatre apps. If I had a longer timeline, I would spend more time conducting user interviews with people from different backgrounds to see if there are other problems I can help solve through CineNav.

CLICK THROUGH PROTOTYPE