Business apps

Cinema booking system

Online ticket booking for a six-screen cinema: pick a time, choose seats on a map of the real hall, pay, and get a ticket for the door.

Category
Business apps
Year
2024
Our role
Product design, UX research, booking flow and seat-map UX, admin dashboard, brand styling, full build

Overview

A ticket booking product for an independent six-screen cinema, designed and built from scratch. Moviegoers browse what's on by day, choose a showtime grouped by format and hall, pick seats on a map drawn like the real room, and pay in one short step while their seats are held. The ticket lands on their phone with one scannable code for the whole booking. Behind it, a staff dashboard shows tonight's occupancy show by show, the week's ticket sales and a schedule of every hall, with clashes flagged before anything goes live. The screens here use the fictional Velvet Row brand with invented films and sample data.

Results

Showtime, seats, payment, ticket. Nothing else in the way.
4 steps
Website and box office sell from the same live seat map
1 inventory
Occupancy, weekly sales and the schedule of all six halls
1 dashboard

The story

The challenge

Most tickets were sold at the box office or over the phone. Queues built up before evening shows, seats were occasionally sold twice, and staff had no live view of how full each hall was. The old website only listed times, so people still had to call to ask where they could sit.

Our approach

We designed the booking flow around the two decisions people actually make: which time, then where to sit. Showtimes are grouped by format and hall and flag shows that are almost full. The seat map mirrors the hall, with the screen, aisles, recliner row and wheelchair spaces where they really are, and seats are held while you pay. For staff we built the dashboard around a night at the cinema: what's on next, how full it is, and where the schedule needs attention.

The outcome

A four-step flow (showtime, seats, payment, ticket) that works one-handed on a phone, one shared seat inventory for the website and the box office, and a staff dashboard that shows occupancy per show, weekly sales and the schedule of all six halls in one place.

How we got there

  1. Listening at the box office

    We spent busy evenings at the counter and noted what people asked: what's on, can we sit together, is there step-free access, is it sold out.

  2. Mapping the flow

    We mapped booking as a funnel and removed every step that wasn't a real decision. No account is needed before choosing seats.

  3. Prototyping the seat map

    We tested seat-map prototypes on small phones until people could pick two seats side by side without zooming, and checked every seat state without relying on colour.

  4. Designing for staff

    We built the dashboard around the duty manager's evening, then planned a real week of shows with the team before launch.

Key features

Showtimes grouped the way people choose

A date strip, then times grouped by format and hall with a from-price. Each time says whether it's available, filling up or sold out, so nobody taps into a full show.

A seat map that mirrors the hall

The curved screen, rows, aisles, recliner row and wheelchair spaces are drawn where they really are. Free, taken, selected, recliner and accessible seats differ in shape, outline and icon, not only in colour.

Seats held while you pay

A visible timer holds the chosen seats during checkout, so two people can never buy the same seat and nobody is rushed without knowing why.

Checkout on one screen

Contact details, optional snacks to collect without queueing, and payment on a single page, with a summary that always shows film, hall, seats and total.

A ticket made for the door

One scannable code for the whole booking, with hall, row, seats and door time in large type on a light card that stays readable in a dark foyer.

Accessibility built into booking

Wheelchair spaces are bookable online, accessible halls are labelled in the showtimes, and guests can leave a note for the team at checkout.

Tonight at a glance for staff

Next shows with live occupancy and plain-language status, from sold out to slow, so the team knows which shows to promote and where to staff the doors.

A schedule that flags problems

Every hall on one timeline with a now-line. Overlapping shows and cleaning gaps that are too short are flagged before the week is published.

Next step

Have a project in mind? Let's design it.

Tell us what you need and we'll reply with questions or a first estimate.

Start a project