top of page
Project Overview
Subscription-based streaming platform aimed to reward users for watching movies at home. This application's primary goal is to provide watchers a convenient option to watch their movies, alongside incentivizing them to promote the idea of also seeing movies in theaters.
The following project represents a hypothetical academic exercise and does not reflect work endorsed by the representative brand.
Tools / Software
Figma, Miro, Marvel App
Project Type
UI / UX - Visual + Design Systems - Mobile Design - B2B
My Approach
My Principle is "Start design with why, & is there a problem to begin with?". To receive the insight needed to answer this question, I needed to know what the users' goals are and how they would solve the pain points their facing. I conducted a screener survey for both male and female participants who have an interest in movies. People who closely fit our target audience were then interviewed, which consisted of open-ended questions pertaining their experiences with theaters.
Challenges
Hurdles are always a part of the process, and the biggest hurdle for me during this project would be finding a design function that would satisfy both users' wants and stakeholders' goals. Alongside a visually pleasing, and intuitive interface to pair with it. Of course, while keeping usability and accessibility at the forefront.
Secondary & Primary Research
while spending time gathering country-wide studies and statistics on insight regarding the decline of live audiences in theaters, I also compiled a comprehensive set of open-ended questions for our specific target audience to gain further data and insight straight from experienced users.
Validate Hypothesis
My Screener resulted in an overwhelming amount of participants who would rather watch movies at home because of ticket prices, concession prices, and distractions from individuals within the theater.
What are your opinions on movie ticket prices and concession prices?
- Participant 1 : "Movie tickets can be a bit pricey along with concessions, I shouldn't be paying 40 dollars for a ticket, drink, and popcorn."
- Participant 2: "I think tickets could be a bit cheaper, I think the food could be a lot cheaper."
- Participant 3 : "it's overpriced in my opinion, especially the food."
- Participant 4: "I do not love nor hate the ticket prices, I do dislike the prices."
Persona
Problem Statement
How might we design an application to solve our main pain points which involve distractions, pricing, and convenience, while also reducing the cognitive load for a seamless-intuitive experience?
Information Architecture
Early Sketches
Low-Fidelity Wireframes
User Testing
Style Guide
High-Fidelity wireframes
The application layout is structured around reiterating after previous user testing, intuitive navigation, high readability, and eye-catching visuals. Properly utilizing white space minimizes clutter while also lowering the likelihood of cognitive overload. Typography based on san-serif fonts makes the information scannable and legible on screens of different sizes and devices. Color contrast is used for amplifying quick navigation: bright color accents attract users’ attention to interactive zones and active states of the layout elements.
MAIN SCREENS
Main - Screens
.png)
Active use of card design throughout the application ensures clickable, easy-to-understand, retainable information, which leads to an intuitive, easily navigable experience.
Task completion recognition to reduce confusion and frustration when users are completing tasks.
.png)
.png)
PROTOTYPE
As a UI/UX Designer, when empathy is at the forefront any project can be met with success from both user and stakeholder needs. The aftermath of the design process for movies offered a new innovative way for users to enjoy their movies, alongside a design system that is both functional and visually striking with no corners being cut from either perspective.
bottom of page