View
More

Moviemagnet

Duration:
2 Months
My Role:
UX/UI designer
My Focus:
Research
,
UX/UI design

This project was part of the Google UX Design course, where I gained hands-on experience with the interaction design process, including conducting research, creating personas, mapping user journeys, and developing problem statements. I learned how to identify user pain points and address them effectively, enhancing the user experience through thoughtful design solutions.

movie main page

Project details

To enhance my UXUI design skills, I enrolled in Google’s UX Design Professional Certification. As a part of the course, I worked on a project focused on solving the issues related to mobile ticketing for movie theaters.

I aimed to create an attractive and user-friendly interface that would make the experience smoother and enjoyable for all users.

This topic was of particular interest to me as I have personally experienced difficulties while purchasing movie tickets and wanted to improve the process through my design skills.

User Research

In order to understand user behavior and preferences, a comprehensive survey was conducted.

5

Participants

I selected a few of my friends, including occasional and frequent cinema-goers, in order to get a diverse range of perspectives. These interviews helped me to identify pain points and opportunities for improvement in the ticket purchasing process.

30

 Duration (Mins)

To gather critical insights, conducted 30 minute one-on-one interviews with participants. The aim was to comprehend their needs, preferences, and any potential hurdles they encounter when booking movie tickets online.

6

Tasks

“Is there domain specific knowledge to know?”
“What is the product and who is it for?”
“What do my primary user need most?”
“How can the design solution differentiate itself from competitors?”
“What‘s the problem that the design solution aims?”
“What challenges could we face moving forward?”

Meet the users

Depends on the information I collected, I build our personas. They are representative of potential users.

persona 1
persona 2

Information Architecture

IA

Wireframe

Using the structure of the IA created a wireframe of the app’s main features first pager. The main features like the flow of finding movie, booking ticket, follow upcoming movie information and reservation ticket.

wireframe

User Interface

Values user convenience and personalization

The app aims to make movie discovery and ticket booking as easy and personalized as possible, recognizing that every user has unique tastes and preferences.

Priority access

providing certain membership with preferential access to a service.

  • book tickets for popular movies before they go on sale to the general public
  • Available discounts
  • Free popcorn
screen main
pop up 1pop up 2
Personalization

providing certain membership with preferential access to a service.

1
2
3
Tailored Screening Recommendations

Provides personalized ”Screening format“ recommendations based on the user's past preferences.

VR Preview of Theater Seating

Virtual reality previews of theatre seating arrangements, allowing users to make informed choices about where they sit during a movie.

4
Reward Redemption Choices.

Automatically showing points at checkout.
user can whether to redeem them now or save them for next movie adventure.

4
5

Provide a secure payment process for usersents, allowing users to make informed choices about where they sit during a movie.

6
6
7
8
Check the status of the ticket

After successful ticket purchase

Dive straight into snack shop
Upcoming

Users can quickly view movies that will be released soon.

9
8
Discover effortlessly and dive deeper into movie details

Provide a platform where users can easily discover new movies and conveniently book tickets. The app have intuitive navigation and a straightforward booking process.

9

Provide a secure payment process for users

11
Provide possible options

when a movie is no longer in theaters, it directly transitions to available streaming options

8

3D Icons design

Designed and made with Blender

icon
3d camera3d sofa3d speacker
end page