Flix n' Eat

An extension of the Netflix app that offers culturally and contextually relevant food curated to the movie or TV show that you're watching.

My Role

Product designer
User researcher

Team

Individual project

Tools

Figma
Mural
Miro
Adobe Premiere Pro

Duration

6 weeks
(September - October 2020)

Project Overview

Challenge

To invoke a new user behavior by merging features from two apps with different user groups.

My Approach

During the Covid-19 quarantine in 2020, much of the movie theatre experience was transformed into a couch and laptop routine. This shift created a new and awkward relationship between users and streaming services:

• Movies released on streaming services don't feel as immersive as theatre releases.
• More binge-watching leads to more binge-eating
• Frequent family movie nights = parents have to find more healthy and interesting dinners to make other than ordering pizza

I discovered that food was a common denominator in making movie and TV show experiences feel more immersive and communal. As a result, I decided to mash together two major streaming and food-ordering platforms (Netflix and Uber Eats) to tackle this challenge. I used this guiding question to lead this project:

How might we make at-home movie and TV show experiences more eventful and immersive?

Product Outcome

Flix n' Eat is an extension of the Netflix app that offers culturally and contextually relevant food to the movie/TV show you're watching. The extension allows users to order food and snacks directly from the Netflix app and discover local restaurants that make the delicious dishes seen in movies.

Meal and snack ordering subpage

The Flix n' Eat extension offers a hub of curated food recommendations for your favorite shows.

Meal and snack ordering subpage

The Flix n' Eat extension offers a hub of curated food recommendations for your favorite shows.

Default browse by dishes instead of by restaurants

Not sure where to get the most silver-screen accurate meal? Choose from a selection of dishes instead of looking through different restaurants.

Default browse by dishes instead of by restaurants

Not sure where to get the most silver-screen accurate meal? Choose from a selection of dishes instead of looking through different restaurants.

Order food directly from a movie/TV show's page

Or see what others have ordered to go with the movie.

Order food directly from a movie/TV show's page

Or see what others have ordered to go with the movie.

New onboarding screens and walkthrough

Introduce new users to the extension via a simple onboarding and an optional walkthrough.

New onboarding screens and walkthrough

Introduce new users to the extension via a simple onboarding and an optional walkthrough.

Product Demo

Onboarding Walkthrough

Research

User Interviews

I interviewed 8 Netflix users between the ages of 19 to 51 about their habits around watching movies and TV shows. In particular, my questions focused on any changes they experienced to their entertainment routine as a result of social distancing and quarantining.

Findings

From the interviews, I discovered 2 main behavioral patterns:

Many participants who live with families would rather watch Netflix together than on their own.
Many participants who live alone watch Netflix or Youtube most frequently during and after dinnertime.

I mapped the behavioral patterns to two main types of demographics:

Families who plan out movie nights.
Young, spontaneous binge-watchers.

Personas

I built 3 personas to represent the target users of the product, which will help guide the ideation and development of the product.

Design

Ideation

I decided to focus the app extension on 3 main features that aim to encourage users to associate food ordering to show watching.

1. Make convenient food ordering touch points directly in the Netflix app by building dedicated meal and snack ordering pages and allowing orders directly from movie pages.

2. Promote the discovery of picture-perfect and contextual food by making "filter by dishes" the default filter instead of "filter by restaurants."

3. Build rapport with current Netflix users by making an optional onboarding walkthrough with an incentive for completion.

Information Architecture

After pinpointing the features of the app extension, I built an information architecture to map out the screens and hierarchies of the product.

User Flow

Then, I made a user flow showing how a first-time user of the extension might log-in to Netflix, learn about Flix n' Eat, browse through food and movies, then finally place an order.

UI Sketches

Then, I sketched out a prototype to translate the information architecture and user flow into wireframes, as well as map out UI elements.

Final Prototype

Using the sketches, I built the wireframe in Figma following Netflix's style.

SPLASH SCREENS

These pages introduce users to Flix n' Eat's features.

DIETARY CUSTOMIZATION

When users join Netflix or experience Flix n' Eat for the first time, they are prompted to select their dietary preferences.

A FIRST-TIME USER'S EXPERIENCE

I created a walkthrough that guides first-time users through Flix n' Eat and offers them an incentive to place their first order.

FLIX N' EAT HUB

The Flix n' Eat hub contains meals and snacks tailored to the movies and shows suggested to the user by Netflix.

UPDATED SHOW DESCRIPTION PAGE

Users can also order food directly from a show's description, as well as see what others who watched the show have ordered.

Original show description page

New show description page

PLACING AN ORDER

The order-placing process is simple and frictionless so the user's attention isn't drawn away from their show.

Reflection

What I learned

• How to conduct user research on Zoom and how to present work remotely.
• Learn a lot about entertainment apps and services, as well as how people engage with them.
• Time management and workload planning!

Next Steps

• Validate the product through user testing.
• Research a broader user base, including UberEats, and other food delivery and entertainment service users, to build a more holistic picture of the system.
• Entertainment and delivery services have been rapidly changing since the onset of the Covid-19 pandemic, so it would be interesting and important to continuously monitor how these two industries adapt to their users' digital and hybrid lifestyles.

View more projects