User-friendly ticket and food ordering
The redesigned app features improved text readability, revamped navigation as well as user-friendly ticket reservation and food ordering. The app is compliant with modern design guidelines for mobile applications.
The updated app features a sleek and modern look and feel and provides for convenient user experience through:
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.
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.
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.
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.
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.
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.