magnifique v3.png

Welcome to Magnifique Cinemas

Magnifique Cinemas is a local movie theater in Bangalore which has underwent a renovation recently. Currently the only mode to purchase movie tickets is at the ticket counter. They want an online ticket booking platform that would allow customers to purchase tickets online.

The problem

The target customers of Magnifique cinemas website are movie fans in and around Bangalore who want to purchase movie tickets without having to wait in line at the ticket counter.

The goal

Our goal was to design a website which allows user to book movie tickets online without any hassle.

My role

My name is Amoghavarsha. I am a native of Bangalore and aspiring to be a UX designer. As a designer, my goal is to come up with inclusive and accessible designs for users from all backgrounds.

My role in this project as a UX designer building it from the scratch and my responsibilities included user research, wireframing, prototyping, usability testing, iteration, and the creation of a final high-fidelity prototype.

Project duration

April 2021

Personas

Personas are fictional representation of the target users which are created based on the user research.I have created below personas based on type of users interviewed during the research phase.

p1.JPG

Research

I conducted interviews with target users decided on further action based on what was learned from the research. With help of the insights gathered during the research, I tried to understand the pain points our users are experiencing.

 

The most important pain points we uncovered were:

 

  • Magnifique cinemas was not listed in 3rd party ticket booking platforms

  • Users have to arrive early at the theatre and wait in line to purchase tickets

  • Users are not able to choose seats of their liking when purchasing tickets at movie counter

 

The information we uncovered helped me realize we need to design an easy to website and we now had a clearer idea of how to move forward. 

Problem Statement

Based on the research insights and user’s pain points & needs that should be addressed, I was able to arrive on a problem statement.

pr1.JPG

Low-Fidelity Wireframes

I did few iterations with the paper wireframes and finalized one design and created a digital wireframe of the same.

wireframe.JPG

Usability study

Study type: Unmoderated usability study

Location: Bangalore, India, remote (each participant went through the usability study in their own home)

Participants: Five participants, each completing the study individually

Length: Each session was 5-10 minutes, based on a list of prompts

Results: Most of the users found the design easy to use. Few users were not clear on how to go back once they are in seat selection screen.

High-Fidelity Design

Based on the usability study results and insights derived from the results, I did  some iterations to update the design and then created a hi-fidelity design.

Web Home – 1@2x.png
mockup1.JPG
mockup2.JPG
mockup3.JPG

Link to prototype

Here is a link to the final high-fidelity prototype for Magnifique Cinemas Hi-Fidelity prototype.

Accessibility considerations

The images on each page use alt text to allow a screen reader to read the content. 

What I learned

As I was designing the Magnifique Cinemas website, I learned that the usability studies bring new insights and help in improving the design and provide better user experience.

Thank you for reading

Back to top