MOVIEMATE

182232

WEBSITE

UI/UX Design Case Study:
Movie Booking
Website Design

Prototype

PROJECT

Challenge

COMPLEXITY AND USABILITY ISSUES

The primary challenge was to simplify the complex multi-step booking process, enhance seat selection usability on mobile devices, and create a personalized experience that caters to various user preferences without overwhelming them. Additionally, ensuring a responsive design that maintains consistency across different screen sizes was critical.

Solution

STREAMLINED AND INTUITIVE DESIGN

The solution was to create a streamlined booking flow that minimized steps, incorporate a user-friendly interactive seat selection map, and provide personalized movie recommendations based on user preferences. The design was optimized for mobile-first usage, featuring intuitive navigation, large touch targets, and a cohesive experience across all devices.

Figma

Miro

Excel

TOOLS USED

Design goals

SIMPLIFY BOOKING PROCESS Reduce the number of steps to make ticket booking faster and easier.

ENHANCE SEAT SELECTION Create a clear and interactive seat map for effortless seat choice.

PROVIDE PERSONALIZED EXPERIENCE Offer tailored recommendations based on user preferences.

OPTIMIZE FOR MOBILE DEVICES Ensure a seamless experience across all screen sizes, especially for mobile users.

CHAPTER 1 THINK

Target Audience

FREQUENT MOVIEGOERS Regular viewers who value a quick and efficient booking experience.

FAMILIES Users looking for easy group bookings and family-friendly showtimes.

CASUAL VIEWERS Occasional moviegoers who need recommendations and simplified booking.

MOBILE-FIRST USERS Tech-savvy users who prefer booking tickets via their smartphones..

User Interviews

Sarah Thompson Frequent Moviegoer

What do you find frustrating about current movie booking platforms?

I often get frustrated with how many steps it takes to complete a booking; it feels unnecessarily complicated.

How important is it for you to see seat availability in real time?

Seeing seat availability in real time is very important to me; it helps me make decisions quickly.

Do you prefer personalised movie recommendations when booking tickets?

Yes, I appreciate personalized recommendations as they save me time and help me discover movies I might enjoy.

John Patel Family Member

What features do you look for when booking tickets for your family?

I look for options to book multiple tickets at once and find kid-friendly movies quickly.

How do you usually choose movies for your kids?

I usually check reviews and ratings to ensure the movie is appropriate for their age group.

What challenges do you face when booking for a group?

The biggest challenge is finding a time that works for everyone and ensuring we sit together.

Emily Rivera Casual Viewer

How often do you go to the movies, and what influences your decision to go?

I go to the movies a few times a year, usually influenced by friends' recommendations or trailers.

What do you think about the current movie recommendation system?

The current recommendation system feels generic; I'd like it to consider my previous choices more closely.

Would you use a mobile app for booking if it made the process easier?

Absolutely! If a mobile app simplified the process, I would definitely use it to book tickets.

Empathy Map

Competitive Audit

CHAPTER 2 MAKE

User Journey Map

User Flow Diagram

UX Design Storyboard

UX Design Storyboard Closeup

Lo-Fi Wireframes

Hi-Fi Wireframes

CHAPTER 3 FINAL DESIGNS

Let's work together

Tell me more about your project.

Let's Connect

Screen Shot 2024-09-24 at 2.32.27 pm.png

MOVIEMATE

WEBSITE

UI/UX Design Case Study: Movie Booking Website Design