Movie ticket booking app screens arranged on a cinematic purple background
←

Movie Ticket Booking App

Google UX design Professional Certificate | User Experience design | Visual Design

The mobile ticketing app is an app designed to help users book movie ticket quickly and easily so that they don't miss their favorite movies. It is also designed to do much more than just book tickets. Such as watching trailers, reading about the cast, writing movie reviews etc. The process started with first understanding the user by creating user personas, to know their goals, needs and pain points.

The problem

Three user problems identified for the movie ticket booking experience

Goals

Four goals for discovering, choosing, booking, and sharing movies

User personas

Four movie-goer user personas with goals and frustrations

User flow

Movie ticket booking user flow diagram

Information architecture

Movie ticket booking information architecture diagram

Ideation - Crazy 8s

Crazy eight ideation sketches for the movie booking app

Digital wireframes

Digital wireframes for movie browsing, details, seats, and payment

Low-fidelity prototype

Low fidelity movie booking prototype flow

Visual design

The selected color #422448 strikes the perfect balance: it provides a sophisticated, high-contrast canvas that respects the diverse artwork of the posters while injecting a moody, cinematic energy that pure black or standard jewel tones didn't quite work.

Movie ticket booking visual design color exploration
Movie ticket booking visual design system and accessibility review

Final mock-ups

Some of the key highlights of the final mock-ups are as follows:
1. Minimizes steps from movie selection to final payment, allowing users to secure tickets quickly and intuitively.
2. A balanced layout and a purpose-driven color scheme that draws attention to showtimes, seat selection, and primary call-to-action buttons.

Final movie ticket booking app mockups