Mobile Cinema Booking Concept
Client
Academic project
Year
2023
An individual UX project conducted as part of the Interaction Design course at the University of Skövde. The goal was to design a cinema app that enhances user experience, encourages movie attendance, and simplifies ticket booking in a more engaging way.
Challenge
How can a cinema app be designed to reduce cognitive load during ticket purchase while fostering social engagement around the film experience?
Prototype
A fully interactive Figma prototype was developed to visualize the complete user journey — from film discovery to ticket confirmation.
The design applied heuristics such as Consistency & Standards and Match Between System and the Real World, ensuring an experience that feels both familiar and responsive.
My Role
Sole designer responsible for the entire UX process — from research and analysis to concept development, wireframing, and prototyping. The work followed a user-centered design methodology with focus on usability and flow efficiency.
Research & Insights
Conducted five structured interviews to understand user behaviors, habits, and pain points related to film discovery and ticket booking.
Created two personas and a scenario to visualize the user journey and guide design priorities.
Key insights: users wanted quick access to film information such as ratings and trailers, combined with a simple, linear booking process.
Ideation & Concepts
Initial concept directions focused on two themes:
Interaction — exploring clean flows and interface elements.
Community — exploring social features such as reviews, sharing, and collaborative discussion.
Through sketching, storyboarding, and conceptual modeling, ideas were refined toward a user-centric solution.
The landing screen presents new and trending movies in a clean, card-based layout. Quick access to ratings, trailers, and ticket purchase options reduces decision friction.
A focused movie page provides essential details, ratings, and a single clear call-to-action — “Buy Ticket.” Designed to minimize distractions and streamline user intent.
Simple, sequential inputs guide the user through choosing a date and time. Clear visual hierarchy supports fast scanning and reduces cognitive load.
The chosen time is highlighted with a darker shade, providing immediate visual feedback. This interaction confirms the user’s choice before proceeding to seat selection.
The seat map is structured to reflect real cinema layouts. Contrast and spacing help users quickly identify available and reserved seats.
Once seats are selected, feedback is shown instantly through visual highlighting. The interface emphasizes clarity and confirmation before continuing.
A summary screen confirms movie, date, seats, and total price before checkout. This review step reinforces accuracy and confidence in the purchase flow.
The payment interface simplifies data entry through consistent field structure and alignment. It follows Nielsen’s heuristics for error prevention and user control.
The final screen reinforces task completion with a clear success message — “Thank you for your purchase.” The minimal layout supports a calm, rewarding end to the flow.
After completing a purchase, a new element labeled “View tickets” appears at the bottom of the home screen. This micro-interaction signals that a ticket is now available and invites the user to swipe up for quick access.
Swiping up reveals the purchased ticket with essential details such as date, time, seat number, and barcode. The blurred background keeps focus on the ticket while preserving spatial context within the app.
Outcome
The resulting prototype delivers a streamlined booking experience with improved information hierarchy, reduced friction, and a clear visual structure. Minimalist layouts and Gestalt-based grouping support quick scanning and confident decision-making.
Key Learnings
Strengthened ability to translate qualitative research into actionable UX decisions.
Enhanced prototyping and wireframing skills in Figma.
Gained deeper understanding of how interaction design impacts user flow, confidence, and satisfaction.