Cinemojo, a responsive website for Cinemojo Movie Theater, lets users browse movies, book seats, write reviews, and watch trailers from home.
9 Weeks
Dec 2022 - Jan 2023
11 Pages
Designed in Figma
10 People
6 Women - 4 Men interviewed
Early Questionnaire
7 Out Of 10
Go to movies at least twice a month.
4 Out Of 10
Had a problem finding seats at least once.
7 Out Of 10
Waited in long ordering lines.
10 Out Of 10
Want to guarantee their seats location in advance.
6 Out Of 10
Had a problem finding tickets for new movies.
Design Process
1- EMPATHIZE
User research and interviews.
2- DEFINE
User persona, empathy maps, and user journey.
3- IDEATE
Site map and user flow..
4- PROTOTYPE
Wireframe and visual design.
5- TEST
Usability tests.
Research & Interviews
I conducted interviews and created empathy maps and persona to understand the users I’m designing for and their needs. One primary user group identified through research which is men and women between ages (16 – 45).
Sitemap
The sitemap showcases the website’s user-friendly design, making it simple for customers to browse available movies, select seats, and write reviews.
Paper Wireframe
Low-fi Wireframe
Home page
Single Movie
About Us
Sign in
Signup
Mockups
Early designs allowed for some customization, but after the usability studies, with using actual components I was able to use space properly.
Before
After
