UI/UX Design

Cinema iD: Mobile Ticketing App

Cinema ID is an online application that can make it easier for users to get tickets for their favorite movies without having to come

and queue at the cinema.

Project Type:

Google UX Design - Coursera

Project Scope:

3 Months

Project Role:

UI Designer, UX Designer,

& UX Research

Project Tools:

Paper, Figma, Miro,

& WhatsApp

Platform:

Mobile Apps

Challenge/Problem

I see a problem around my environment, there are problems faced by my friends and family who have difficulty when they try to buy cinema tickets because they need to come in person and queue at the cinema.


If the film they want to watch is a film that many people are waiting for, the queue will be very long and they will not get the tickets.


And not only wait in line to buy tickets, but they also have to queue when they want to buy snacks and drinks at the cinema. An unpleasant experience, because it took a long time just to queue.

I see a problem around my environment, there are problems faced by my friends and family who have difficulty when they try to buy cinema tickets because they need to come in person and queue at the cinema.


If the film they want to watch is a film that many people are waiting for, the queue will be very long and they will not get the tickets.


And not only wait in line to buy tickets, but they also have to queue when they want to buy snacks and drinks at the cinema. An unpleasant experience, because it took a long time just to queue.

Result/Goal

To create an online application that can make it easier and meet the user's needs to buy tickets for their favorite movies at the cinema.

Empathise Phase

Research

I conducted interviews with 4 people with backgrounds as students and private employees with an age range of 20-40 years.

I got insight and user pain points based on an interview I conduct, then from the data I got, I grouped it and made an affinity map.

User Persona & User Journey Map

After conducting interviews, and making user problems and affinity maps, I became more aware of the needs and habits

of the users.

To get maximum results, I created a user persona and a user journey map, in order to get additional information that can improve the user experience and achieve the desired goals.

Define Phase

Solution

After I got the problems that users were facing from the results of interviews and previous data, I offered several solutions that could answer the user's problems.

Ideate Phase

User Flow & Information Architecture

Prototype Phase

Paper Wireframe

I made a paper wireframe to get an initial overview of the layout and features that will be included in the application,

I made the homepage display to the success page, based on the flow of the cinema ticket purchasing process.

Lo-Fi Mockups

After creating paper wireframes, I created Lo-Fi Mockups. I marked and defined several menu sections and features to be incorporated into the Lo-Fi Mockups design.

Hi-Fi Mockups

I created a Hi-Fi Mockups design based on the Lo-Fi Mockups I had previously created. By creating Hi-Fi Mockups,

I get a detailed picture in making the layout design of this application.

Usability Testing

Usability Testing

I do Usability Testing, to test the features, user flow, and design of each menu to find errors or processes that are too complicated, which can interfere with the User Experience.


I did Usability Testing on 4 people, with details of 2 males and 2 females with an age range of 22-25 years.

Usability testing is carried out with an unmoderated method, through the WhatsApp application as a communication medium, and to provide user tasks. This is the result of Usability Testing that has been carried out.

New Iterations After Usability Testing

I created a Hi-Fi Mockups design based on the Lo-Fi Mockups I had previously created. By creating Hi-Fi Mockups, I get a detailed picture in making the layout design of this application.

Sticker Sheet

Hi-Fi Design

All Screens

Cinema iD

This is a Cinema iD application prototype that has been done, click the button below to test.

Conclusion

Conclusion

I learned a lot working on this project. Some of the things I learned are:

1. I learned to be more empathetic to users, by empathizing with users, I can know their problems and pain points and can offer solutions to the problems they are facing.

2. I learned to manage time by making personal deadlines so that this project can be completed.

3. I learned that the process of making Wireframe and Low Fidelity is very helpful because it can cut time and minimize errors that will arise in the final stage.

Ready to collaborate?

Transform your digital presence with impressive interface design and outstanding experiences.

Let's collaborate to bring your projects to life!

2024 © Created by Bagus Wicaksono – All Right Reserved

Ready to collaborate?

Transform your digital presence with impressive interface design and outstanding experiences.

Let's collaborate to bring your projects to life!

2024 © Created by Bagus Wicaksono – All Right Reserved

Ready to collaborate?

Transform your digital presence with impressive interface design and outstanding experiences.

Let's collaborate to bring your projects to life!

2024 © Created by Bagus Wicaksono – All Right Reserved

Ready to collaborate?

Transform your digital presence with impressive interface design and outstanding experiences.

Let's collaborate to bring your projects to life!

2024 © Created by Bagus Wicaksono – All Right Reserved