UI/UX Case study
The product: Movie Click- is an online movie ticket reservation site. The targeted users age between 16-40 years old and are planned for a group of students and working professionals. The goal of this website is to book tickets very easily and fast for all types of users.
Project duration:
May 2022 – August 2022
The problem:
Most of the ticket booking sites are complicated with a lot of advertising and details, it got confused with an easy checkout.
The goal:
The goal of this website is easy navigation for checkout with fewer clicks.
My role:
UX designer for Movie Click website design.
Conducting interviews, paper and digital wireframing, low and high fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs, and responsive design.
Understanding the user
User research: summary
To better understand the target user and their needs, I conducted user interviews, which I then turned into empathy maps. When I discovered that many of my target users do online ticket booking which takes more time due to the lack of user-friendliness.
Many websites are overwhelming and difficult to navigate, leaving many target users frustrated. This made an otherwise enjoyable experience difficult for them, defeating the purpose of entertainment.

User research: Pain points
Most of online movie ticket booking website designs are often busy, which results in confusing navigation
More congested website contents are confusing the free flow of easy ticket booking
Online ticket booking usually takes more time sue to the complexity of the design online ticket booking usually takes more time sue to the complexity of the design
Persona: Dylan
Problem statement
Dylan is a busy professional who needs an easy navigation website with filters because he looking for a friendly website to book movie tickets.
User journey map
Use Journey map of Dylan’s revealed how helpful it would be for users to have access to a simple and easy online movie ticket booking.
Design Process
Site map
Users' primary complaint was difficulty with website navigation, so I used that knowledge to create a sitemap.
My goal here was to make strategic information architecture decisions that would improve the overall navigation of the website. The structure I chose was intended to make things simple and straightforward.
Paper wireframes
Following that, I drew paper wireframes for each screen in my app, keeping in mind the user pain points regarding navigation, browsing, and checkout flow.
Digital wireframes
Moving from paper to digital wireframes made it easy to understand how the redesign could help address user pain points and improve the user experience.
Prioritizing useful button locations and visual element placement on the home page was a key part of my strategy.
Low-fidelity prototype
The low-fidelity prototype connected the primary user flow of ordering an art form and searching for art auction events, allowing the prototype to be used in a user usability study.
Usability study
Study type: Unmoderated usability study
Canada, remote
5 participants
15-20 minutes

After running usability testing, I added more options to make it simple. I also changed the designs so that users see all of the customization options when they first arrive on the page.
High-fidelity prototype
My hi-fi prototype followed the same user flow as my lo-fi prototype and incorporated design changes made following the usability study.

Back to Top