© 2018 by Kartikeya.

Kartikeya.ks@gmail.com​  |  Tel: 647-671-4468

Client Name

Self Initiated

Project Name

Cineplex Redesign V2

Status

Unpublished

Problem

Cineplex.com is used to book movie tickets online for Cineplex theaters. Presently with the cluttered user interface and inefficient user flow, the existing ticket booking experience has become complicated.

Role

UX & UI Designer

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.

Solution

Redesign the ticket booking experience on the website to make it more streamlined and easier to use.

Identifying key issues with the current website:

You will find with each identified problem there will be a solution presented below it.

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 seat 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 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

Select Number of  Tickets

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

Add Scene points & donations

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

Select Seats

Order Summary

Payment

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. 

Select number of tickets

Select your seats

Select food & beverage(Optional)

Make payment

 

Website demo video 

(Click on play button to view demo)

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