<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=504731893395981&amp;ev=PageView&amp;noscript=1">

Mobile App Redesign for a Cinema Chain

User-friendly ticket and food ordering

  • Invision
  • Sketch
  • Illustrator
  • After Effects
  • Adobe XD Axure
Solution App redesign
Industry Media and Entertainment
Engagement Model T&M (time and materials)
Methodology
  • LeanUX
  • Google Design Sprint
Team
  • UX/UI Designers
  • Business Analysts
1
2
3
4
5
6

Customer

Case Highlights

The updated app features a sleek and modern look and feel and provides for convenient user experience through:

  • Improved contrast
  • Two color themes
  • Optimized app navigation
  • Improved interaction with the menu bar
  • Optimal field width, more convenient for entering information
  • User-friendly seat reservation and food and drink ordering

Problem

The client, a VIP cinema chain in the USA, had an existing mobile application for buying movie tickets and ordering food and drinks directly to their movie halls.

To be able to increase user engagement and attract new customers, the client wanted to update the app’s look and feel and make it more modern and user-friendly.

Solution

Color Themes

To improve the text readability we added contrast, changing the background and font color to a dark and light color scheme.

Having several color schemes to choose from also accommodates various user preferences. The light theme is more beneficial for text screens, making the screen more spacious and enabling the user to focus more on the content. If the screens contain images, the dark background adds depth to the color. The dark theme is also more convenient for those who are accustomed to the old version of the app.

Payment

The app offers 3 ways to pay for tickets: by credit card, gift card and iPic Access Points (bonus points).

With the newest version users can combine payment methods, mixing and matching credit cards, bonus points and gift cards as they see fit.

We implemented a simple and understandable payment flow, where users can continue or go back and edit/cancel actions at each step.

First, the user has to choose the amount they want to pay by bonus points. The rest will be paid by gift card or credit card.

Tab Menu

To make the menu more intuitive we revamped the app navigation, renamed the menu buttons, and designed new icons. Selected item icons are now highlighted in orange to help users understand which tab is open:

Seat Reservation

To make seat reservation more convenient, we increased the area of the movie hall, made the seat status (unavailable / free / selected) more obvious, and added a legend.

In order to prevent mistakes when choosing the movie theater and the desired screening time, we added information on the location, movie, show time and date to the selection screen.

To avoid information overload, we moved the section with payment information to another screen.

It is now clear what seats are available and what the next steps are.

Movie Carousel Slider

The movie selection screen was packed with information: displaying days of the week, titles, and available showtimes.

To reduce cognitive load and simplify information perception, we regrouped the screen elements and highlighted one movie at a time. We increased the font size of the available showtimes to make it easier for users to select their desired show and implemented a movie slider where showtimes are displayed only after selecting a movie. 

To make the location field more visible and that the user selects the right movie theater location, we outlined it, moved to the center and added a location pin icon.

The movie slider enables users to easily navigate through the available movies and showtimes.

Dining

To make food and drink ordering easier, we regrouped the menu items and added clear categories:>

We also optimized the ordering screen. After the user selects a dish, the screen now displays information about the ingredients, the desired temperature, additives, quantity, and price:

Results

Intuitive User Experience

The redesigned application is compliant with design guidelines for mobile applications, making sure the interaction experience is understandable and enjoyable. The app features improved contrast, an intuitive payment flow as well as user-friendly seat booking and food ordering.