Cine-head1.jpg

Refining movie booking experience

Cineplex.com

Role

UX & UI Designer

Date

May - June, 2018

Platform

Website

Team

Individual

THE CHALLENGE

Reduce the number of clicks and provide more value in movie booking experience, to make it more enjoyable. 

I acknowledge that I am not aware of existing technological restrictions or additional business objectives. I have focused on redesigning the UI (keeping brand guidelines in mind)  to improve online booking experience of Cineplex.

Let's start by identifying key issues with the current website:

PROBLEM 1

No consistent quick access button to view seat availability for showtimes.

For the movie, Venom (see image 1) there is no button to view seat availability. This same issue is found across many movies.

But in some cases (see Gif 1) a quick access button to view seats is there which when clicked opens a separate window, but tabbing between the showtimes to see seats is not a quick process.

Screen Shot 2018-11-08 at 4.22.04 PM.png

IMAGE 1

GIF 1

 
 

SOLUTION 1

Quick switch between various showtimes in a single window

Through clicking or tabbing between various showtime a user can see real-time seat availability without switching over different windows, thus helping him decide quickly with a glance which time and seats to choose.(Gif 2)  

GIF 2

PROBLEM 2

Can't select all seats in one click.

When selecting multiple seats when booked together, a user has to select each seat individually (See Gif 3). Leading to extra time spent on the selection page. 

GIF 3

SOLUTION 1

SOLUTION 2

Select Multiple seats with one click

With one click you can select seats together, instead of selecting each seat. Here (See gif 4) the user wants to book two seats. 

GIF 4

PROBLEM 3

Cluttered interface leading to complicated user flow

Current interface has duplicate information, limited user control & flexibility, inefficiency with prioritization of information.

Screen Shot 2018-11-08 at 10.30.40 PM.pn
Screen Shot 2018-11-08 at 10.32.11 PM.pn
Screen Shot 2018-11-08 at 10.32.36 PM.pn
 
Group 7.jpg
Group 8.jpg

SOLUTION 1

SOLUTION 3

Booking simplified with minimalistic layout and prioritized content 

The new interface is based on existing brand guidelines, focusing on a clear hierarchy of content to give the user a simpler flow path. Quick booking summary integrated into navigation to highlight and inform on completion of a step. A user can easily modify, by quickly accessing each module. 

Ticket1.jpg
Food1.jpg
 
payment.jpg
Seat1.jpg

REDESIGNED CINIPLEX.COM
BOOKING EXPERIENCE

Rectangle1C.jpg

Task: For this demo, I have Booked two tickets for the movie Venom,  7:20 PM at ScotiaBank Theatre in Toronto for 08 Nov 2018.