HIGHLIGHTS
GAMETRIX

ReelSavvy is a web application that offers mood-based movie recommendations, ensuring users find the perfect film every time.

TEST PROTOTYPEs
see team case study

Gametrix is a cloud-based SaaS growth platform for video games. It allows gaming companies, game developers, and all game publishers to see in-depth proprietary data and metrics of their PC, console, and Web3 games.

It is a metric system that drives revenue for all game publishers by showcasing a better understanding of how their games perform amongst their target market, on social streaming platforms, with content creators, and in different communities with the power of analytics and insights.
TIMELINE

7 weeks

ROLE

Lead & Sole: UX Researcher, Product Designer

TOOLS USED

Figma, Figjam, Miro, Adobe Illustrator, and Adobe Photoshop

INDUSTRY

Entertainment Industry

HIGHLIGHTS
GAMETRIX

Understanding that your mood plays a crucial role in your movie-watching experience, we created a web app that delivers personalized movie suggestions based on how you're feeling at the moment. No more poor movie recommendations or decision fatigue—just a seamless, enjoyable experience that ensures you always find the perfect film.

ReelSavvy - ReelSavvy - ReelSavvy - ReelSavvy - ReelSavvy -
THE PROBLEM OPPORTUNITY
The inspiration

As a movie lover, I noticed a recurring problem...
 
I was constantly having a hard time finding good recommendations for movies.

Then it hit me. If, as a watcher, I have a hard time finding a game, doesn't that mean entertainment companies have a hard time keeping their subscribers?

PRODUCT ROADMAPPING – SHOW ME THE NUMBERS
Real-world example of product demand

The film industry is constantly evolving, and in turn, production companies are successful businesses that generate billions of dollars into the industry annually.

It's been a bittersweet transition for movie enthusiasts in the digital age. Most, if not all, of the streaming service platforms are subscription-based. We have access to a vast range of movies online, and that can be overwhelming.

This has led to a whole demographic of film lovers being left unsatisfied with the current methods of navigating the journey—actually finding movies to watch.

Me and my team saw the opportunity to create a product that helps movie lovers find movies personalized to how they feel. And with that goal in mind, the research for ReelSavvy began.

The film industry in the US & Canada in 2023 was worth...

PRODUCT ROADMAPPING — THE DESIRES
Research for guaranteed success

The research goals were:

  1. Discover which specific features from movie streaming platforms enable movie enthusiasts to find movie recommendations and which metrics hinder their ability to find great movie recommendations.
  2. Determine the pain points for movie enthusiasts and what they feel they miss out on from streaming platforms.
CONDUCTING RESEARCH — THE HAVES & THE HAVE NOTS
Marketing analysis

The research investigates the pain points and needs of users when looking for movies on streaming service platforms.

Market research was carried out on ReelSavvy's direct competitors to optimize the user experience.

Direct competitors

Netflix, Prime Video, and DisneyPlus were the top direct competitors.

These competitors are game-purchasing platforms, and they were analysed in five different metric categories:

  • Personalized movie recommendations
  • Types of movies' prioritization
  • Revenue data
  • Users' abilities to ultimately find a movie
  • User interface and user experience
What were their strengths, and which ones were implemented into ReelSavvy?

Direct competitors:

  • Netflix balances quantity and quality films with around 4,000 movies published with a 2023 revenue of 31.6 billion. They regularly add new trending movies.
  • Amazon Prime Video has a mix of well-known and less well-known films with the largest movie library between the three with over 18,000 movies published and a 2023 revenue of $35 billion. They offer various types of film content, such as rentals and purchases, not just subscription-based content.
  • Disney Plus prioritizes quality and consistent films with around 1,000 movies published and a 2023 revenue of 16.3 billion. They offer curated playlists and themed collections based on user preferences and seasonal events.

Some strengths seen from competitors that were implemented were:

  • A wide range of movie recommendations.
  • Display of if and where a movie is available for purchase and/or rent.
  • Clear display of the new trending movies.
What were competitors' weaknesses, and what was learned from them?

Direct competitors:

  • Netflix recommendations place an overemphasis on popular or trending content, which might not always align with user preferences.
  • Amazon Prime Video has a cluttered UI that makes discovering personalized recommendations challenging and a less effective recommendation system where suggestions can feel less tailored.
  • Disney Plus recommendations might not always align closely with specific user preferences beyond franchise engagement and may be repetitive due to the lack of films available.

Some weaknesses seen in competitors that were avoided were:

  • Cluttered and poor UI.
  • Not narrowing down an effective way to personalize movie recommendations.
  • No algorithm simplicity.
What were the key takeaways from the marketing analysis?

Direct competitors:

  • Netflix offers some mood-based recommendations, but they heavily rely on their users' past watch history and not how they currently feel. This is something that can be simplified and improved in ReelSavvy.
  • Amazon Prime Video would benefit from a better UX/UI design that would help users navigate their platform and feel less overwhelmed when looking for a movie to watch. This is something ReelSavvy will learn from for our user experience.
  • Disney Plus focuses on displaying their self-titles and not on offering their users new movies they haven't seen before. This is something ReelSavvy will learn from for our user experience.
CONDUCTING RESEARCH — THE "FUN"
User interviews

A series of in-depth interviews were then conducted to further identify pain points, frustrations, needs, and desires with existing tools in the streaming service platforms and determine how we could improve our users' experience of finding movies that relate to how they feel.

To understand, we interviewed users who:

  • Are subscribed to movie streaming services.
  • Watch movies frequently.
I interviewed 30 movie enthusiasts.

Here's what they had to say...
— Netflix subscriber
On Netflix, it can be difficult to find “my list.” I think it should appear clearly on the home page so I can see my personal movies.
— Amazon Prime Video subscriber
If I’m in the mood for comedy or anything that doesn’t make me think, it’d be great to see recs that fit what I’m looking for in that moment.
— Disney+ subscriber
I spent a long time looking for something to watch with my partner. Ultimately, we didn't find a movie, and just decided not to watch anything.

no PERSONALIZATION

78.50% of users mentioned frequently receiving suggestions that do not align with what they feel like watching, leading to dissatisfaction and frustration.

DECISION FATIGUE

70% of users reported experiencing decision fatigue while attempting to select a movie, often resulting in abandoning the search completely.

POOR RECOMMENDATIONS

70.83% of users cited issues related to poor movie recommendations from streaming services.

LACK OF PERSONALIZATION

70% of users expressed that personalized movie recommendations were either "extremely important" or "very important" to them when searching for movies.

Dashboard mockup
100% of users would be willing to use ReelSavvy.
GATHERING INSIGHTS — PUTTING OUR USERS SHOES ON
POV & HMW Statements

Initially, we assumed that providing users with movie recommendations based on their favourite actors and actresses could be a potential solution. However, after conducting research, we discovered that this preliminary solution did not address the actual pain points of users.

Users were especially frustrated with conventional streaming platforms focusing solely on watch history for movie recommendations.

78.50% of users mentioned frequently receiving suggestions that do not align with what they feel like watching, leading to dissatisfaction and frustration.

After gathering insights about ReelSavvy's users' characteristics, goals, needs, and pain points directly from the source, their needs were refined into point-of-view reflections and "how might we" questions to better understand how to solve them.

POV Statement

As a tech-savvy individual with limited time, I want to receive high-quality movie recommendations based on my current mood to quickly find a movie that suits how I feel and maximize my leisure time.

How might we ensure our users that they're getting the best recommendations?

Answer: Incorporate trending movies that update regularly and also give them various options to personalize recommendations.

POV Statement

As a digital entertainment enthusiast, I want different mood options so that I can explore movie options based on how I feel throughout the day.

How might we make sure our users have a wide range of moods to select from?

Answer: ReelSavvy has 19 moods to choose from, once a mood is selected, you are prompted with movie recommendations based on the genres linked to the mood selected.

POV Statement

As a movie connoisseur, I want access to detailed information about a movie so that I can decide if I want to watch it.

How might we provide information about our movies that users actually want to see?

Answer: Based on our user research, users deemed genre, reviews and ratings, plot synopsis, and trailers as the top factors that influence them to watch movies. These factors are included in the movie detail pages.

APPLYING RESEARCH — THE ESSENTIALS
User research-inspired added features

Based on research from the market analysis, these were the features that would bring the best user experience.

19 mood-based recommendations

By prompting you with tailored questions about your current mood, ReelSavvy provides movie recommendations that resonate with your emotions.

Watchlist

Add and remove movies from your watchlist to watch later.

Functional Search

See relevant movies based on your search.

Discovery

ReelSavvy offers movie recommendations based on how you're feeling and some of your favourite genres.

RESEARCH SYNTHESIS — THE BIRTH OF OUR USERS
User personas

The main user persona emerged out of user research and interviews that would best benefit from using ReelSavvy.

THE NETFLIX AND CHILLER
Characteristics
  • Passionate about films
  • Loyal to streaming service platforms
Goals
  • To find movies that match their emotional state, whether they're feeling happy, sad, nostalgic, or in need of a good laugh
  • To discover new films, expanding their cinematic horizons
  • To enjoy a seamless movie-watching experience without spending too much time browsing for a movie
Needs
  • A platform that has a user-friendly and accessible interface with great movie suggestions
  • Relevant information about movies like review scores, trailers, etc.
  • Filters and categories to narrow down movie choices
Pain Points
  • Frustration with generic recommendations that don’t consider their mood
  • Amount of time it takes to find a movie
  • Being overwhelmed with so many movie recommendations sometimes it’s hard to choose one
IDEATION — THE DRAWING BOARD
Sitemap

This is the sitemap created for ReelSavvy's prototyping process.

IDEATION — THE DRAWING BOARD
User flow

Now that ReelSavvy has its target users, I drafted up a user flow.

This is the user flow created for ReelSavvy's prototyping process. It includes users' abilities to search for a movie, use our mood quiz feature, and add/remove movies from a watchlist.

INTERACTION DESIGN — THE ROUGH DRAFT
Low-fidelity wireframes

These are the low-fidelity wireframes created from the user flow.

INTERACTION DESIGN — THE GLITZ AND GLAMMER
UI kit

The goal of ReelSavvy's design system was consistency with uniquely crafted iconography, reusable components, a balanced colour theme, and seamless typography.

PROTOTYPE TESTING — THE "LET'S PLAY" 
Usability testing

Gathering insights I got seven users to test the high-fidelity prototypes via remote video call to receive feedback.

All seven users completed all three tasks, achieving a 100% success rate. ReelSavvy received an overall usefulness score of 8.5/10, with all users expressing their willingness to use the service.

The overall feedback was positive, as users required little to no guidance on the tasks, resulting in minimal changes.

After feedback from ReelSavvy users, the following iterations were made for a better user experience.

4/7 of users wanted more information about the mood feature on the home page.

BEFORE ITERATIONS

This is the home page before iterations.

AFTER ITERATIONS

I applied changes to the landing page’s hierarchy, and the use of whitespace was structured so that the mood feature was emphasized more. I also added titling to the movie cards for accessibility.

5/7 of users wanted more clarity on each page they were on.

BEFORE ITERATIONS

This is the influencer search page before iterations.

AFTER ITERATIONS

I applied more titling to different page sections. 

THE FINALE
Highlights

These are key features for ReelSavvy.

Fly to the right

Tailored mood-based movie recommendations

Depending on your current mood, choose from 19 options to begin your movie search.

Fly to the left

Popular Movies

Explore popular and trending movies updated regularly.

Fly left & right

Relevant Movie Information

See the information you want to see about the movies.

THE PLAYTHROUGH & THE END CREDITS
Reflections & next steps

As I completed ReelSavvy, these are the things I've learned.

KEY SUMMARY

To summarize, this MVP gave me the experience I needed to work with a cross-functional team, along with the experience that comes with working with a team. ReelSavvy was picked out of 5 other teams to present our shipped product in front of Co.Lab.

I was used to working on projects by myself, from ideation to conceptualization. It was very fun to work with a product manager on the user research side of things and with frontend and backend developers when it came to my user interface side of things. I learned more about agile practices and that consistent communication is very important, especially as a product designer.

01

INDUSTRY COMPLEXITIES

In an industry as complex as entertainment, a lot of success relies heavily on the satisfaction of the viewers. Movie enthusiasts are very noble and can take your film into their communities and blow them up or make sure it tanks. Because of such complexities, user research was extremely highlighted.

The next steps, with the limited time for this project, would've been a lot more user interviews with more diverse age groups, widening the lens of the community.

02

NEXT DESIGN

My team will not be continuing this minimum viable product, but the next flows that I would design based on our user research to implement would be the login, community features, making moods functional in our search, and curated mood movie playlists.

The login feature would enable us to save user data to their accounts, allowing for personalized homepages based on their most frequently viewed moods.

The community feature would allow users to give and receive movie recommendations from their network, a valuable future feature given that 74.52% of survey respondents feel more inclined to watch recommendations from friends and family. I would have loved to design this if given more time on this project.

Test ReelSavvy prototypes
View more case studies