Movie Seat Reservation App streamlines booking by letting users browse movies, pick seats, and easily coordinate group plans with QR code sharing.

Seat Select

Duration: (10 weeks total)

Tools: Figma, Adobe Illustrator

Background

Going to the movies is meant to be fun and social, but the process of coordinating tickets with friends often feels frustrating—navigating multiple apps, juggling seat availability, and tracking who has paid. The Movie Seat Reservation App was created to simplify this experience by combining search, seat selection, and group booking into one seamless platform. With features like live seating charts, QR code sharing, and host-managed bookings, the app ensures that both solo moviegoers and groups can reserve seats quickly, fairly, and without confusion.

Problem

  • Unclear Seat Maps
    Users often struggle to understand current seat availability because layouts are cluttered, non-interactive, or inconsistent across platforms. This creates frustration and increases the risk of booking mistakes.

  • Poor Usability
    Existing apps overwhelm users with too many steps, confusing navigation, and unnecessary screens. This slows down the booking process and leads to drop-offs before checkout.

  • Group Coordination
    Planning movie outings with friends is unnecessarily complicated—requiring endless text chains, screenshots of seat maps, and uncertainty over who has booked their ticket.

  • Clunky Checkout
    Traditional checkout flows demand repeated manual inputs, limited payment options, and no saved preferences. This increases friction, especially for repeat users.

Solution

  • Real-Time Seat Maps
    Designed clear, interactive layouts that display live seat availability. Users can instantly see which seats are open, reserved, or premium, reducing confusion and decision time.

  • Streamlined Interface
    Simplified navigation with fewer clicks, intuitive flows, and quick access to key features. This ensures booking feels smooth and efficient rather than tedious.

  • Group Booking Feature
    Introduced a host-led system where one person organizes the outing while others join seamlessly via QR code or link. Each participant can confirm their own seat and payment, removing the stress of managing group logistics.

  • Fast Checkout
    Built a one-tap checkout experience with support for saved cards, Apple/Google Pay, and digital wallets. This reduces friction, makes returning customers more likely to rebook, and aligns with modern user expectations.

Goals

Our seat reservation app will let users easily book, share, and manage movie tickets with friends, which will improve how users plan group outings by reducing coordination stress and making moviegoing more social and seamless. We will measure effectiveness by tracking group booking completion rates, user satisfaction surveys, and repeat usage metrics.

Research

Competitive Analysis

User Persona

Information Architecture

Low Fidelity Wireframes
Search bar.jpg
Select Location.jpg
Select Time.jpg
Select Seat.jpg
Select Time-1.jpg
Cart.jpg
Split the Check Screen.jpg
Group Split.jpg
Frame+34333.png
Frame 34334.png
Frame 34335.png
Frame 34336.png
Frame 34337.png
Frame 34338.png
Frame 34339.png
Frame 34340.png
Frame 34341.png
Frame 34342.png
Frame 34343.png
Frame 34344.png

Design System

Components

Usability Test

Test Overview

  • Objective: Evaluate how easily users can search for a movie, select seats, and complete group booking with QR sharing.

  • Method: Moderated usability test with 5 participants (ages 18–35, regular moviegoers).

  • Scenarios Tested:

    1. Search for a movie and select a theater, time, and seat.

    2. Add tickets to their cart and proceed with payment.

    3. Share booking with friends using QR code/group cart.

    4. Confirm tickets in “My Ticket Info.”

Key Metrics Tracked

  • Task Success Rate (% of users completing task without assistance)

  • Time on Task (how long each flow takes)

  • Error Rate (misclicks, confusion points, backtracking)

  • System Usability Scale (SUS) Score

  • User Satisfaction (1–5 scale)

Overall Metrics

  • Average Task Success: 85%

  • Average Errors per Task: 1.2

  • System Usability Scale (SUS): 78 (Good usability, room to improve group booking flow)

  • User Satisfaction: 4.2 / 5

Successes

✅ Clean, intuitive homepage with strong visual hierarchy
✅ Seat selection interface clear once users understood flow
✅ Payment process fast & trusted due to familiar methods
✅ Ticket confirmation screen felt “professional” and “official”

Key Takeways

Movie Seat Select was created to make organizing group movie outings less stressful. A host can easily invite friends, keep track of who has paid for their own ticket, and see where everyone is seated thanks to its unique feature: group booking enabled by QR codes. Together with a user-friendly seat selection process and mobile ticket storage, the app simplifies coordination, removes any misunderstandings regarding payments, and guarantees that every group enjoys the film without any last-minute commotion.

The things I learned:
This project taught me how to simplify flows involving numerous users, payments, and shared responsibilities in order to design for complex social interactions. I also learned how to test interactive prototypes to confirm usability, balance functionality with a clear, visually appealing interface, and apply user research insights to improve the seat-selection process. Most significantly, I discovered the importance of designing with empathy, foreseeing actual annoyances like misunderstandings, unequal compensation, and last-minute stress, and developing a solution that is simple for both individuals and groups.