top of page

HIDDEN GEMS

This movie-finder application improves user experience by incorporating features that make finding tv shows & movies much easier & more time efficient.

TIMELINE

July - August 2023

ROLE

Product designer and researcher

SKILLS

User research, customer journey mapping, wireframing, branding, prototyping, user testing

Mockup displaying multiple iPhone screens, showcasing the app’s user interface and layout across different pages.

01

02

THE PROBLEM

THE SOLUTION

Numerous choices but aimlessly scrolling through all the streaming services or tv stations resulting in wasting down time.

Streamline the process by integrating features that allow users to input the streaming services they already have, "gem finder" that allows you to answer a few questions and provides you with suggestions.

Apple and Android mockups of the Hidden Gems app home screen, highlighting the user interface on both platforms.

COMPETITOR ANALYSIS

The common movie-finder app has quality features but there is not a single application that contains all the features in order to make the search for a show seamless.

Competitor analysis comparing Reelgood's user interface, features, and content offerings in the streaming service market

Reelgood is a common movie/tv show-finder application that has features like

Competitor analysis examining JustWatch's platform design, search functionality, and content aggregation features

JustWatch is another popular show finder application that i used as a reference when creating hidden gems

Thumbs up icon

ROULETTE THAT HELPS YOU FIND SHOWS

Thumbs down icon

HEAVILY ENCOURAGES YOU TO MAKE AN ACCOUNT WHILE NAVIGATING

Thumbs down icon

SUGGESTS SHOWS BUT DOES NOT ALLOW YOU SPECIFY WHAT GENRE RESULTING IN AN AIMLESS SEARCH

Thumbs up icon

SHOWS SHOWS BASED ON STREAMING SERVICES

Thumbs down icon

NOT A LOT OF INFORMATION REGARDING THE CONTENT OF THE SHOW

USER INTERVIEWS

"AS SOMEONE WHO LOVES WATCHING NEW SHOWS,

IT IS HARD TO FIND SHOWS THAT PEAK MY INTEREST AND A LOT OF TIMES I END UP SPENDING MORE TIME SEARCHING THAN WATCHING"

FINDINGS

Through in-depth user interviews, i gained insight into users' first-hand experiences with the design process review process. these insights confirmed the data collected from the competitor analysis and led to revealing a clear opportunity for improvement 

JENNY

Coder & iOS user

FEEDBACK:

  • Not much need for a profile might want to think about taking it out

  • Color palette is hard on the eyes

ALEX

Designer & Android user

FEEDBACK: 

  • Red as the secondary color might not be the best idea. Whatever it is surrounding makes it look like the most important thing on the page

INSIGHT:

  • Profile page is viewed as insignificant by numerous users, remove that screen

  • Color palette needs to be updated and be more muted colors

  • Include more information and more visuals for screens

MEREDITH

iOS user

FEEDBACK:

  • Background for the gem finder feature seems bare

  • Add more information to gem finder page

​

MVP

To make sure the interface functions properly objectives and requirements were determined 

OBJECTIVE

  • Allow users to find shows based on their streaming services

  • Assist in finding shows based on user preferences

  • Make finding a show more time efficient

HYPOTHESIS

  • Users are looking for a simpler solution to finding a new good show to watch

FEATURED REQUIREMENTS

  • The user should have a subscription filter

  • Feature that allows user to answer questions and receive suggestions 

User flow diagram illustrating the step-by-step navigation process within an app, showing how users interact.

USER FLOWS

DEFINING THE USER'S PATH 

After identifying problems and refining the MVP goals, I made a user flow to visualize the tasks the user would go through.

LOW-FIDELITY APPLE & ANDROID WIREFRAMES

By starting with basic designs and gradually making them more detailed, I was able to evaluate their effectiveness and consolidate the design process into one main hub.

Low fidelity wireframes for an Apple app, displaying basic layout and structure
Low fidelity wireframes for an Android app, displaying basic layout and structure

BRANDING

  • When determining the color palette for EZ Eating, I wanted the colors to be simple in order to let the show art be the main eye catcher

  • The typography was chosen to based on iOS and material guidelines

  • The logo was designed to incorporate visual representation of a "gem"

Style guide featuring branding elements like color palette, typography, and logo usage for consistent visual identity.

HIGH-FIDELITY APPLE AND ANDROID WIREFRAMES

After user testing and receiving feedback from other designers I was able to make adjustments and finalize my high-fidelity wireframes.

Apple Loading screen for Hidden Gems
Android Loading screen for Hidden Gems

TESTING

I conducted a usability test with users of all ages and backgrounds.

RESULTS

AVERAGE OVERALL APP RATING ON

A SCALE OF 1-10:

8.5

COMPLETION RATE OF GIVEN TASKS:

94%

KEY ADJUSTMENTS

  • Removal of profile 

  • Make screens of gem finder more visually pleasing

THE PROBLEM

Numerous choices but aimlessly scrolling through all the streaming services or tv stations resulting in wasting down time

THE SOLUTION

Hidden Gems streamlines the process by integrating features that allow users to input the streaming services they already have, "gem finder" that allows you to answer a few questions and provides you with suggestions.

Introducing Hidden Gems, a movie-finder application, that improves user experience by making the process of finding a new show quicker so that you can spend more time watching rather than scrolling.

Android mockup showcasing the user interface and layout of a mobile app
bottom of page