Background & problem

During an online undergrad class in 2020 on user behavior, I was challenged to combine 2 popular apps to encourage a novel behavior from its users. Using the topical Covid-19 quarantine as a backdrop, I discovered through interviews that many people desired eventful and meaningful entertainment routines in their at-home quarantines.

The main pain points I discovered are:

1.

Parents of young children are struggling to find healthy and non-repetitive dinners to make or order for movie nights

2.

Binge-watching is becoming more commonplace and uneventful, which leads to more severe binge-eating, regret, and frustration

3.

There’s a lack of willingness to watch movies released on streaming services because they’re not as eventful or immersive as theater releases.

How might we make at-home movie and TV show experiences a more eventful and immersive part of streaming service subscribers’ routines?

Upon synthesizing the pain points, I used this question to guide myself through the project:

Solution

I combined Netflix and Uber Eats to create Flix n' Eat.

Flix n' Eat is an addition to the Netflix app that aims to help watchers make their shows feel more immersive and eventful. You can now order food in-app and find dishes that are curated culturally and contextually to the movie or TV show that you're watching!

Main Features

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

1.

Flix n' Eat exists directly within the Netflix app.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

2.

Don't know what to order? Find recommendations for the most silver-screen accurate meals!

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

3.

Check out what others have ordered for their movies, and read their reviews.

Product demonstration video

Onboarding walkthrough video

Process

Research

User interviews

Through guerilla research about how the Covid-19 quarantine has impacted people's daily lives, I discovered that many people desired eventful and meaningful entertainment routines in their at-home quarantines. I then interviewed 8 Netflix users between the ages of 19 to 51 about their habits around at-home entertainment.

Findings

From the interviews, I discovered 3 main pain points that traced from 2 main behavioral patterns, which traced from 2 main user groups.

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

Information architecture

I created my own version of the Netflix app's information architecture, including how Flix n' Eat would be integrated into the app.

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.

Wireframe sketches

Before building the prototype in Figma, I sketched some wireframes to roughly imagine how the information architecture and user flow can be mapped onto the interface.

Solution

Dietary restrictions and preferences selection

Optional walkthrough of Flix n’ Eat

Final prototype

Here are the main features from the final, high-fidelity prototype.

The Flix n’ Eat access point within the Netflix app

Flix n’ Eat main page

New show description page

Dish recommendations under the show recommendation page

Cart screen

Place order screen

Flix n' Eat splash page sequence

Takeaways

This project started as an app-mashup-style prompt for a undergrad class in UX design, but I decided to extend it to encompass as much of the double diamond process as I could in the time alotted, and continued tweaking the project after the course finished.

I believe that in addition to a change in behavior in show-watching and food-ordering, there was also a collective loss of community during the 2020 quarantine. Through this project, I found joy and bonding through research and prototype-testing with many friends and classmates. I approached this assignment like a passion project, and found that designing self-driven projects can help reignite a sense of community and creativity.

More Projects

Social Pattern Library

UX frameworks that systematically reduce online hate.

To Re-meme or not to Re-meme?

Experimental art installations turned research project turned thesis paper.

Storytelling through UI

Telling an author, urbanist, and activist's unique story through a brand identity and website.

Pausology

Bringing to life two doctors’ vision of a menopause education and community platform.

I recovered from Covid, so why am I still sick?

An empathy-driven research project on stigma and isolation during a hyper-sensitive time.

Greeni

An AR design project on gamification and climate change.

Boxie

Wifi-controlled delivery robot!

Flix n' Eat

A start-to-finish double diamond app-mashup project!

Urban Field

Website design and illustrations for urban design studio, Urban Field.

Flix n' Eat

Background & problem

1.

2.

3.

How might we make at-home movie and TV show experiences a more eventful and immersive part of streaming service subscribers’ routines?

Solution

Main Features

1.

2.

3.

Product demonstration video

Onboarding walkthrough video

Process

Research

User interviews

Findings

Personas

Design

Information architecture

User flow

Wireframe sketches

Solution

Final prototype

Takeaways

More Projects

Social Pattern Library

To Re-meme or not to Re-meme?

Storytelling through UI

Pausology

I recovered from Covid, so why am I still sick?

Greeni

Boxie

Flix n' Eat

Urban Field

Hey there! 👋