CINIMAX
Crafting a seat booking process for moviegoers to enjoy time out with friends.
UX Case Study
CINIMAX
Crafting a seat booking process for moviegoers to enjoy time out with friends.
UX Case Study
CINIMAX
Crafting a seat booking process for moviegoers to enjoy time out with friends.
UX Case Study
Project Type
Capstone - Google UX Certificate
Role
UX Designer, UX Researcher
Tools
Figma, FigJam, Google Suite, Jamboard, Whimsical
Responsibilities
Ideation, User Research, User Interviews, Wireframing, Usability Studies, Prototyping
Project Type
Capstone - Google UX Certificate
Role
UX Designer, UX Researcher
Tools
Figma, FigJam, Google Suite, Jamboard, Whimsical
Responsibilities
Ideation, User Research, User Interviews, Wireframing, Usability Studies, Prototyping
Project Type
Capstone - Google UX Certificate
Role
UX Designer, UX Researcher
Tools
Figma, FigJam, Google Suite, Jamboard, Whimsical
Responsibilities
Ideation, User Research, User Interviews, Wireframing, Usability Studies, Prototyping
Summary
Being a huge Marvel fan, I looked forward to watching the epic movies in theaters. But there was a big problem – reserving seats was a pain.
There exist complicated websites not having enough information about seat location. This became especially troublesome whenever I had plans with my friends. It was always hard to find seats together.
Determined to improve the booking experience, I came up with a solution. An app that not only offered digital tickets and a booking history but also made it easy to choose seats.
So, I designed an experience that allowed users to select available seats in real-time.
Problem
Booking seats for movie nights with friends can be a challenge for moviegoers. They can only choose the total number of seats, limiting the collective experience. There exists an opportunity to enhance the seat booking process by aligning it with the preferences of these social moviegoers.
Solution
Crafting a seat booking process for moviegoers to enjoy a night out with friends.
Mobile App
Provide real-time availability
Visualize theater layout
Enable seat selection
Offer digital tickets
Track booking history
Summary
Being a huge Marvel fan, I looked forward to watching the epic movies in theaters. But there was a big problem – reserving seats was a pain.
There exist complicated websites not having enough information about seat location. This became especially troublesome whenever I had plans with my friends. It was always hard to find seats together.
Determined to improve the booking experience, I came up with a solution. An app that not only offered digital tickets and a booking history but also made it easy to choose seats.
So, I designed an experience that allowed users to select available seats in real-time.
Problem
Booking seats for movie nights with friends can be a challenge for moviegoers. They can only choose the total number of seats, limiting the collective experience. There exists an opportunity to enhance the seat booking process by aligning it with the preferences of these social moviegoers.
Solution
Crafting a seat booking process for moviegoers to enjoy a night out with friends.
Mobile App
Provide real-time availability
Visualize theater layout
Enable seat selection
Offer digital tickets
Track booking history
Summary
Being a huge Marvel fan, I looked forward to watching the epic movies in theaters. But there was a big problem – reserving seats was a pain.
There exist complicated websites not having enough information about seat location. This became especially troublesome whenever I had plans with my friends. It was always hard to find seats together.
Determined to improve the booking experience, I came up with a solution. An app that not only offered digital tickets and a booking history but also made it easy to choose seats.
So, I designed an experience that allowed users to select available seats in real-time.
Problem
Booking seats for movie nights with friends can be a challenge for moviegoers. They can only choose the total number of seats, limiting the collective experience. There exists an opportunity to enhance the seat booking process by aligning it with the preferences of these social moviegoers.
Solution
Crafting a seat booking process for moviegoers to enjoy a night out with friends.
Mobile App
Provide real-time availability
Visualize theater layout
Enable seat selection
Offer digital tickets
Track booking history
Cinimax
Select your favorite movie, pick a location, and book seats together.
Cinimax
Select your favorite movie, pick a location, and book seats together.
Cinimax
Select your favorite movie, pick a location, and book seats together.
My way of work
Starting my design process, I first dug into user research, by interviewing some of my friends. This helped me figure out what users needed and who they were. I created user stories and mapped out their journeys by movie plan scenarios.
From there, I built on the user journeys by working out the different steps users would take. I turned these into interaction points and made a paper prototype.
After this, having felt content with my paper prototype. I translated my paper wireframes to digital. To make sure everything was on track, I tested it out with real people and gathered valuable feedback. Their thoughts helped me make the design even better.
Starting my design process, I first dug into user research, by interviewing some of my friends. This helped me figure out what users needed and who they were. I created user stories and mapped out their journeys by movie plan scenarios.
From there, I built on the user journeys by working out the different steps users would take. I turned these into interaction points and made a paper prototype.
After this, having felt content with my paper prototype. I translated my paper wireframes to digital. To make sure everything was on track, I tested it out with real people and gathered valuable feedback. Their thoughts helped me make the design even better.
Having discussions to gain clarity & validating idea from the assumption
As a starting point, I took my frustration with booking seats and shared it with my friends. Having discussed the issue with them, I conducted unmoderated user interviews. How I planned the sessions was that I created a set of questions and shared that with each participant. The person had to answer the question while recording themselves. I also created an instruction document to brief them about the session and how they can help me out.
Reason for approching the interviews in this way was to have the confident answers. Also this gave the interviewees the chance to answer the question in their one time. There was no moderation needed and kept the process efficient as well.
So since it was a common problem among my peers, colleagues and family, many people wanted to share their ideas but I choose 6-7 people. They belonged to different professions with ages ranging from 17-40.
I had two main goals behind this interview sessions and they were to
Understand the limitations and issues of the current experience
Confirm our idea and need for creating an app
As a starting point, I took my frustration with booking seats and shared it with my friends. Having discussed the issue with them, I conducted unmoderated user interviews. How I planned the sessions was that I created a set of questions and shared that with each participant. The person had to answer the question while recording themselves. I also created an instruction document to brief them about the session and how they can help me out.
Reason for approching the interviews in this way was to have the confident answers. Also this gave the interviewees the chance to answer the question in their one time. There was no moderation needed and kept the process efficient as well.
So since it was a common problem among my peers, colleagues and family, many people wanted to share their ideas but I choose 6-7 people. They belonged to different professions with ages ranging from 17-40.
I had two main goals behind this interview sessions and they were to
Understand the limitations and issues of the current experience
Confirm our idea and need for creating an app
100% of people wanted the ability to select their seats of choice.
100% of people wanted the ability to select their seats of choice.
The insight highlighted the importance of a more enhanced booking experience as a top priority.
The insight highlighted the importance of a more enhanced booking experience as a top priority.
80% of people felt that the current experience needs improvement.
80% of people felt that the current experience needs improvement.
Most people wanted to have a more intuitive and friendly experience of the whole process.
Most people wanted to have a more intuitive and friendly experience of the whole process.
40% of people shared that they would love to have digital tickets.
40% of people shared that they would love to have digital tickets.
A few people wanted to have digital tickets so that they can send them to others for whom they had bought.
A few people wanted to have digital tickets so that they can send them to others for whom they had bought.
Working on the idea & prioritizing user flows
With the main insight from the interview sessions. Users wanting to have the ability to book seats of their choice. I confirmed the validity of my idea. Before starting with the designs, I spend some time creating proto personas. They served as potential users that we are trying to solve the problem for.
With the main insight from the interview sessions. Users wanting to have the ability to book seats of their choice. I confirmed the validity of my idea. Before starting with the designs, I spend some time creating proto personas. They served as potential users that we are trying to solve the problem for.
Proto Personas
The aim with proto personas was to have a key user that represents a larger set of user group. Having this user as a focal point the core problem was in the works.
So moving forward I found Junaid 's persona to be the ideal one. The needs of this persona aligned with the core issue and served as good starting point for design ideas.
The aim with proto personas was to have a key user that represents a larger set of user group. Having this user as a focal point the core problem was in the works.
So moving forward I found Junaid 's persona to be the ideal one. The needs of this persona aligned with the core issue and served as good starting point for design ideas.
Prioritizing flows for the app
So with the core problem of booking seats of choice and the ideal proto persona. I outlined some priority features for the app design.
Seat Selection: Allowing users to select seats of choice.
Digital Tickets: Giving users the ability to download tickets.
Booking History: Maintaining a recording of all bookings.
So with the core problem of booking seats of choice and the ideal proto persona. I outlined some priority features for the app design.
Seat Selection: Allowing users to select seats of choice.
Digital Tickets: Giving users the ability to download tickets.
Booking History: Maintaining a recording of all bookings.
Putting ideas forward
Selecting the seats of choice, I started brainstorming. I got a pencil, and some paper and began drawing my ideas. With some time and some wasted paper, I had some initial screens to visualize the app views. After being content with the layout, and UI skeleton, I completed mapping the core flow.
I love iterations on paper wireframes. It's a very efficient way to start by getting ideas out and having some foundation for UI design. Once I was sure of my designs on paper, I translated these paper skeletons into digital wireframes.
Selecting the seats of choice, I started brainstorming. I got a pencil, and some paper and began drawing my ideas. With some time and some wasted paper, I had some initial screens to visualize the app views. After being content with the layout, and UI skeleton, I completed mapping the core flow.
I love iterations on paper wireframes. It's a very efficient way to start by getting ideas out and having some foundation for UI design. Once I was sure of my designs on paper, I translated these paper skeletons into digital wireframes.
Wireframes
Testing design choices
So with the core problem, my initial designs, and a digital prototype, I began to test my ideas. I shared my Figma prototype with some of my friends & Accauntainces. The goal of testing was to measure how easy it was for the users to reserve seats of choice.
I conducted an unmoderated study involving 5 participants across different age groups (15-40). The people were particularly fond of the cinematic experience. Because of time constraints and the scope, I got limted but I would have loved to get feedback from more people.
So with the core problem, my initial designs, and a digital prototype, I began to test my ideas. I shared my Figma prototype with some of my friends & Accauntainces. The goal of testing was to measure how easy it was for the users to reserve seats of choice.
I conducted an unmoderated study involving 5 participants across different age groups (15-40). The people were particularly fond of the cinematic experience. Because of time constraints and the scope, I got limted but I would have loved to get feedback from more people.
Scope to improve the searching and seat selection process.
It was a good usability study, I got valuable feedback that could help improve the experience. While there were small UI suggestions and issues, the notable insights were:
Users wanted an easier way to search and filter movies directly from the home screen.
Clear payment options were lacking, leading to confusion during the booking process.
Users valued the continuity of details throughout the booking flow for a seamless experience.
It was a good usability study, I got valuable feedback that could help improve the experience. While there were small UI suggestions and issues, the notable insights were:
Users wanted an easier way to search and filter movies directly from the home screen.
Clear payment options were lacking, leading to confusion during the booking process.
Users valued the continuity of details throughout the booking flow for a seamless experience.
4/5 Users found the task of reserving seats of choice easy to complete.
This insight validated my design choices ensuring ease of booking seats of choice.
This insight validated my design choices ensuring ease of booking seats of choice.
1/5 Users faced minor difficulties to select seats due to missing cues of cinema screen orientation.
This insight highlighted that cinema screen orientation was very important. There needs to be a sign of where the screen would be present.
This insight highlighted that cinema screen orientation was very important. There needs to be a sign of where the screen would be present.
Bringing designs to life
Moving forward, I took note of the feedback from the usability. I added a cue for where the cinema screen would exist and also added a searching capability on the home screen.
Finally, I got to my favorite part, bringing the design to life. I started playing around with colors, fonts, and app visuals. Creating the UI for the home screen with some colors, typography, and a visual hierarchy. Standardizing the visual design elements, I made the UI for the core flow of booking seats.
Moving forward, I took note of the feedback from the usability. I added a cue for where the cinema screen would exist and also added a searching capability on the home screen.
Finally, I got to my favorite part, bringing the design to life. I started playing around with colors, fonts, and app visuals. Creating the UI for the home screen with some colors, typography, and a visual hierarchy. Standardizing the visual design elements, I made the UI for the core flow of booking seats.
Cinimax
Select your favorite movie, pick a location, and book seats together.
Cinimax
Select your favorite movie, pick a location, and book seats together.
Cinimax
Select your favorite movie, pick a location, and book seats together.
Results, Learnings & Next Steps
With a few iterations, I completed the MVP designs. I was able to make the booking process intuitive and solved the problem of booking seats of choice. In the design phase of the app, I discovered that the initial ideas are the start of the creative process. Testing and sharing designs with others help to improve and refine them.
The project served as a great learning in the UX design process. I learned how to make do with Figma. Explored and practiced Gestalt principles for visual design. Conducted a small usability study to gather feedback on my designs. Also understood the value of feedback and its impact on design choices.
Next? If I can spend time on the project, I would love to do more research and try to find areas of improvement. Make the visual designs more "wow" and work on the needs of the secondary persona group.
With a few iterations, I completed the MVP designs. I was able to make the booking process intuitive and solved the problem of booking seats of choice. In the design phase of the app, I discovered that the initial ideas are the start of the creative process. Testing and sharing designs with others help to improve and refine them.
The project served as a great learning in the UX design process. I learned how to make do with Figma. Explored and practiced Gestalt principles for visual design. Conducted a small usability study to gather feedback on my designs. Also understood the value of feedback and its impact on design choices.
Next? If I can spend time on the project, I would love to do more research and try to find areas of improvement. Make the visual designs more "wow" and work on the needs of the secondary persona group.
THE END
Thankyou 🙏🏻
I appreciate your time and attention, I hope you have liked the work. Want to share your thoughts?
I appreciate your time and attention, I hope you have liked the work. Want to share your thoughts?
I appreciate your time and attention, I hope you have liked the work.
Want to share your thoughts?
