Back to PortfolioEntertainment Mobile & Web Portal

BSR Movie Ticket Booking

From browsing to booking in a few taps

MobileUI/UX DesignPrototypingCinema AppWeb Design
RoleUI/UX Designer
Timeline1 Weeks
PlatformWeb & Mobile
ToolsFigma, Prototyping, UI Design
BSR Movie Ticket Booking
01 Overview

Project Overview

BSR Movie Ticket Booking reimagines moviegoing with dark-mode aesthetic cinema screens, interactive seat maps, snack concessions checkout, and instant mobile QR boarding passes. The platform was designed to reduce friction from discovery to ticket generation.

02 Problem & Solution

Challenges & Strategic Solution

The Challenge

Booking a movie ticket should be quick, but many booking experiences make people work for it. Research showed that users abandon bookings due to cluttered interfaces, confusing seat selection, and inconsistent mobile experiences.

Hard to Find the Right Movie

Moviegoers browse by mood, genre, language, and showtime, but cluttered listings make it slow to narrow down what's worth watching.

Stressful Seat Selection

Unclear seating maps and unclear availability lead to wrong picks, rushed choices, and doubts about which seats are taken.

Inconsistent Across Devices

Most people book on their phone but compare on desktop, so the experience has to feel the same on both.

The Approach

I designed a responsive booking platform that guides users from discovery to a digital ticket with as few steps as possible.

Smart Discovery

Genre, language, rating, and showtime filters, plus trailers and details, help users decide faster.

Interactive Seat Selection

A visual theater layout shows real-time availability with color-coded states: green for available, red for taken, and blue for user-selected seats.

Streamlined Checkout

A short payment flow with multiple payment options keeps users from dropping off at the last step.

Contactless QR Tickets

Digital tickets with QR codes make entry quick and remove the need for printing.

03 Key Features

Core Interface Workflows

01

Movie Discovery & Filtering

Interactive screen with genre, language, rating, and showtime filters plus inline trailer popups.

02

Real-Time Seat Selection

Visual theater layout with status indicators (Available, Selected, Reserved) for confident seat picking.

03

Snack Concessions Add-On

Pre-order popcorn, drinks, and snacks during checkout to skip the queue at the cinema.

04

Digital QR Tickets

Instant mobile QR boarding passes for contactless, paperless venue entry.

05 Outcome

Outcome & Reflection

This was a concept project tested with 12 users through task-based usability sessions. Success was measured by task completion rate, time to book, and user satisfaction scores.

A Faster Booking Journey

Discovery, seat selection, and checkout fit into a 5-step flow. 11 of 12 test users completed a booking in under 3 minutes without assistance.

A Consistent Multi-Device Experience

Desktop and mobile layouts share one design language, so the experience feels the same on both. All testers successfully switched devices mid-task.

A Scalable Design System

Reusable components such as movie cards, filters, and seat maps can extend to concert bookings, sports events, or theater shows.