ReelHouse Cinemas
PROBLEM STATEMENT
People spend too much time trying to find movies online and waiting in lines at movie theaters. Having an intuitive, user-friendly app makes the process of finding movies easy and helps to avoid those long lines, ensuring you make it to your movie on time.
MY ROLE
Conception to delivery UX/UI Design, Research, Branding, Wireframing, & Prototyping
TIMELINE
October - January 2023
easily find movies with good information architecture
With this intuitive and easy design, users can:
SOLUTION
book movies from their home
read easily with clear contrast and action items
RESEARCH
PAIN POINTS
Some moviegoers become frustrated at the amount of time it takes to find specific movies.
It can be difficult to read/understand the movie descriptions online for those with certain disabilities or reading difficulties.
Too much text on movie synopsis online can create difficulties when looking for movies.
Sometimes finding age-appropriate movies for children can be hard.
USER INTERVIEWS
I conducted unmoderated interviews with 5 people ranging from 12-44 years of age, each lasting 10-15 minutes.
Research Questions
What can I learn through a user’s flow through the app?
On average, how many tickets are purchased through the app each week?
Are there any elements that are confusing the users?
How long does it take a user to get through the checkout process from the movie detail page?
How often do users return to the homepage to start over?
Questions:
How many movie theaters/cinemas do you live near?
How many times a month do you go see a movie?
Have you ever booked movie tickets online before? If so, how often?
Can you talk me through a normal day in your life?
Sounds good! If you’re ready, let's get to the tasks we’ll have you work on.
Script
Prompts
Prompt 1: From the homepage, show me where you think you would go to view your rewards points (reel points).
How easy or difficult was this? Is there anything you would change?
Prompt 2: From the homepage, navigate to movies that are leaving soon.
How easy or difficult was this? Is there anything you would change about the process of finding movies that are leaving soon?
Prompt 3: Open the menu from the homepage. Navigate to the new movies.
How easy or difficult was this? Is there anything you would change about the menu?
Prompt 4: Starting from the homepage, find a movie and complete the checkout process for 2 adults. Return to the homepage when finished.
How easy or difficult was buying movie tickets? Is there anything you would change?
PERSONA
Age: 19
Education: College Freshman Hometown: Charlotte, NC
Family: 1 Goldfish
Occupation: Part-time barista
Goals
•Find movies playing without spending as long trying to read the descriptions.
•Spend the little free time I get doing what I enjoy with minimal frustration.
Frustrations
•“Sometimes being dyslexic can make using the internet a lot more difficult than it should be.”
•“I find myself giving up on reading movie summaries when it takes more time than it should.”
•“I like the experience of seeing a movie, but it’s not always worth the trouble.”
Christian Franco
USER JOURNEY MAP
Christian’s journey map showed how helpful it would be to have an app dedicated to the process of booking movie tickets online that was accessible to its user.
DEFINE
Taking the time to draft multiple sketches of the same screen ensured that each element would address user pain points. For the homepage, I chose to make multiple movie selection options (“New,” “Coming Soon, ” and “Leaving Soon”) visible from the moment they arrive in the app.
WIREFRAMES
LOW-FIDELITY PROTOTYPE
Clearer cues on the “Showings” tab.
USABILITY STUDY
I conducted two rounds of usability studies. The first round helped guide my designs from mockups to prototypes and improve on pain points. The second showed that the insights from the first study and the improvements made because of them resulted in all five participants finding the app easy and straightforward to use.
Users would like to see what payment option is currently selected before they purchase.
A menu to access things like rewards faster and easier.
My initial designs for the showings tab caused some confusion on why some times were grayed out. Also, once a user selected a time, they were moved to the next page. I chose to make the unavailable times more obviously unavailable as well as add a continue button at the bottom in case a user decides on a different time.
The initial usability study revealed users had a difficult time knowing what payment option was selected. I amended the design to show the payment method selected (card is selected in the mockup) and which card, in this case, is being used. They still have the option to use a different card if desired.
ITERATIONS
Made the available, unavailable, and selected times more clear.
Made it clear which payment option is selected.
Typography
Colors
Movie Items
Buttons
Stepper States
Main Navigation
Chips
Icons
Actionable Icons
Header 01
Poppins Medium, 24 px
Header 04
Poppins Medium, 16 px
Header 05
Poppins Medium, 14 px
Header 02
Poppins Bold, 20 px
Header 03
Poppins Light, 20 px
Body Text
Poppins Light, 12 px
Body Text
Poppins Light, 10 px
Label
PG-13
x
Action
x
Amazon
Pay
Card
Apple
Pay
Amazon
Pay
Card
Apple
Pay
Amazon
Pay
Card
Apple
Pay
Nearly 5,000 years after he was bestowed with the almighty powers of the ancient gods--and imprisoned just as quickly--Black Adam (Dwayne Johnson) is...
Brad Pitt stars as Ladybug, an unlucky assassin determined to do his job peacefully after one too many gigs gone off the rails. Fate, however, may have...
Dom Toretto and his family have outsmarted and outdriven every foe in their path. Now, they must confront the most lethal opponent they've ever faced.
The youngest of King Triton's daughters, and the most defiant, Ariel longs to find out more about the world beyond the sea, and while visiting the surface, falls for the...
During the 1990s, the Maximals, Predacons and Terrorcons join the existing battle on Earth between Autobots and Decepticons.
Inspired by the 1985 true story of a drug runner's plane crash, missing cocaine, and the black bear that ate it, this wild thriller finds an oddball group of cops, criminals...
Black Adam
Bullet Train
Fast X
The Little Mermaid
Transformers: Rise of the
Beasts
Cocaine Bear
Details
Showings
More
Make Changes
DESIGN SYSTEM
FINAL DESIGN
CONCLUSION + TAKEAWAYS
While designing this app, I learned just how important it is to conduct usability studies. It can be easy to miss design flaws when you’re the only one looking at the designs. Having others test your designs can provide you with so many new ideas!
OTHER WORK
Arcadian Homes:
A responsive website for browsing real estate and scheduling home tours.
Timeline:
January - April 2023
CASE STUDY 02
