The challenge

The solution

The process

MoodFlix

Designing a mobile app that recommends movies base on user’s mood.

 

In this case, I explored how emotional context can improve content discovery and reduce decision fatique on users.

THE SOLUTION

MoodFlix is a mood/base recommendation experiencewhere users select how they feel, amd the app translates that empotional input into personalized movie suggestions, helping them quickly find content that matches their mindset.

Rol: Product Designer

HAVE MORE TIME? DIG IN!

THE PROCESS

MoodFlix the design process explained

RESEARCH

Besides the common film indutry references, I also search outside the sector, diggin into Moodtrackers apps to understand how mood input from the users has been done.

Benchmarking: Competitive analysis and industry benchmarks.

How does the competition deal with it?

What has already been done?

PRODUCT VISION

MoodFlix is designed to evoque how fluid emotions are. Empathising with the user about how difficult it is the emotional journey of self-awareness. Like getting to understand one´s mood state.

 

Two palettes were choosen in this project: one for the app´s UI, and 5 pastel colors to relate emotions states with.

Comfy, Friendly, Whimsycal, and Eclectic

¿How to express visually the values for MoodFlix?

Risks prevention and solutions

User journey

MoodFlix is designed having into account the posible risks might inccounter. Like the users who don´t want to filter by Mood -or shared with the app-; or that the recommendation algorithm may not provide accurate recommendations.

Users may be unwilling to share their mood with the application.

USERS WILLINGNESS

Enabling selecting movies by recommended lists or by genre, besides mood filtering

PRODUCT VISION

Iconography selected to associate Moods

Insted of using emoticons to enable user filter by one´s mood, I decided to conceptualize the idea of the variability and flexibility of one´s emotional state with weather´s varibility.

 

Later on, this idea became the branding seed of the project.

9:41

Label

Label

Label

Label

Label

Search

Hello!

Sebastián T.

Whats your Mood Today?

MoodLists

Look by genres

match your mood with Moodflix

Films that make you smile

Films that make you smile

Films that make you smile

Films that make you smile

Happy List

Happy List

Happy List

Happy List

Esto es un ejemplo

Esto es un ejemplo

Esto es un ejemplo

Happiness

Happiness

Happiness

Comedia

Comedia

Comedia

Comedia

Comedia

Comedia

Comedia

Comedia

3h 20´

3h 20´

3h 20´

9:41

Label

Label

Label

Label

Label

Search

Hello!

Sebastián T.

Whats your Mood Today?

MoodLists

Look by genres

match your mood with Moodflix

Films that make you smile

Happy List

Comedia

Comedia

Comedia

Comedia

Comedia

Comedia

Comedia

Comedia

Comedia

Comedia

Esto es un ejemplo

Esto es un ejemplo

Esto es un ejemplo

Esto es un ejemplo

Esto es un ejemplo

Esto es un ejemplo

Comedia

Comedia

Comedia

Comedia

Comedia

Comedia

Happiness

Happiness

Happiness

Happiness

Happiness

Happiness

3h 20´

3h 20´

3h 20´

3h 20´

3h 20´

3h 20´

Esto es un ejemplo

Esto es un ejemplo

Esto es un ejemplo

Happiness

Happiness

Happiness

Comedia

Comedia

Comedia

3h 20´

3h 20´

3h 20´

Lo-fi wireframes: Testing ideas through rápid prototyping.

The recommendation algorithm may not provide accurate recommendations.

RATING

Enabling based on users rating system

9:41

SAVED

LISTINGS

HOME

MOODTRACKER

PROFILE

Faster your experience

Connect Moodflix with your common streaming channel

Choose from the list bellow the streaming channels were you have account, we will direct you there when you want to watcha a flix.

Streaming Channels

Apple Tv

Netflix

Prime Video

Apple Tv

Netflix

Prime Video

Continue

Skip

We do not provide the movies reproduction

EXTERNAL REPRODUCTION

Providing the external streaming channel link to watch movie

Matching the streaming channels to the platforms available to the user, in accordance to the platforms in WHICH THE USER IS SUBSCRIBED.

OTHER WORKS

Vega

How to help people who wants to change the way they impact on the planet by changing how they eat?

Travel Beyond

How to design an attractive Landing Page to sell space travels?

GET IN CONTACT

MoodFlix

Designing a mobile app that recommends movies base on user’s mood.

 

In this case, I explored how emotional context can improve content discovery and reduce decision fatique on users.

THE SOLUTION

MoodFlix is a mood/base recommendation experiencewhere users select how they feel, amd the app translates that empotional input into personalized movie suggestions, helping them quickly find content that matches their mindset.

Rol: Product Designer (UX/UI)

01

The challenge

02

The solution

03

The process

HAVE MORE TIME? DIG IN!

THE PROCESS

MoodFlix the design process explained

RESEARCH

Benchmarking: Competitive analysis and industry benchmarks.

Besides the common film indutry references, I also search outside the sector, diggin into Moodtrackers apps to understand how mood input from the users has been done.

How does the competition deal with it?

What has already been done?

PRODUCT VISION

Comfy, Friendly, Whimsycal, and Eclectic

MoodFlix is designed to evoque how fluid emotions are. Empathising with the user about how difficult it is the emotional journey of self-awareness. Like getting to understand one´s mood state.

 

Two palettes were choosen in this project: one for the app´s UI, and 5 pastel colors to relate emotions states with.

¿How to express visually the values for MoodFlix?

Risks prevention and solutions

User journey

MoodFlix is designed having into account the posible risks might inccounter. Like the users who don´t want to filter by Mood -or shared with the app-; or that the recommendation algorithm may not provide accurate recommendations.

Users may be unwilling to share their mood with the application.

USERS WILLINGNESS

Enabling selecting movies by recommended lists or by genre, besides mood filtering

PRODUCT VISION

Iconography selected to associate Moods

Insted of using emoticons to enable user filter by one´s mood, I decided to conceptualize the idea of the variability and flexibility of one´s emotional state with weather´s varibility.

 

Later on, this idea became the branding seed of the project.

9:41

Label

Label

Label

Label

Label

Search

Hello!

Sebastián T.

Whats your Mood Today?

MoodLists

Look by genres

match your mood with Moodflix

Films that make you smile

Films that make you smile

Films that make you smile

Films that make you smile

Happy List

Happy List

Happy List

Happy List

Esto es un ejemplo

Esto es un ejemplo

Esto es un ejemplo

Happiness

Happiness

Happiness

Comedia

Comedia

Comedia

Comedia

Comedia

Comedia

Comedia

Comedia

3h 20´

3h 20´

3h 20´

9:41

Label

Label

Label

Label

Label

Search

Hello!

Sebastián T.

Whats your Mood Today?

MoodLists

Look by genres

match your mood with Moodflix

Films that make you smile

Happy List

Comedia

Comedia

Comedia

Comedia

Comedia

Comedia

Comedia

Comedia

Comedia

Comedia

Esto es un ejemplo

Esto es un ejemplo

Esto es un ejemplo

Esto es un ejemplo

Esto es un ejemplo

Esto es un ejemplo

Comedia

Comedia

Comedia

Comedia

Comedia

Comedia

Happiness

Happiness

Happiness

Happiness

Happiness

Happiness

3h 20´

3h 20´

3h 20´

3h 20´

3h 20´

3h 20´

Esto es un ejemplo

Esto es un ejemplo

Esto es un ejemplo

Happiness

Happiness

Happiness

Comedia

Comedia

Comedia

3h 20´

3h 20´

3h 20´

Want to rate it?

Recently viewed

Rate

9:41

Label

Label

Label

Label

Label

Search

Hello!

Sebastián T.

Whats your Mood Today?

MoodLists

Look by genres

match your mood with Moodflix

Films that make you smile

Happy List

Comedia

Comedia

Comedia

Comedia

Comedia

Comedia

Comedia

Comedia

Comedia

Comedia

Esto es un ejemplo

Esto es un ejemplo

Esto es un ejemplo

Esto es un ejemplo

Esto es un ejemplo

Esto es un ejemplo

Comedia

Comedia

Comedia

Comedia

Comedia

Comedia

Happiness

Happiness

Happiness

Happiness

Happiness

Happiness

3h 20´

3h 20´

3h 20´

3h 20´

3h 20´

3h 20´

Esto es un ejemplo

Esto es un ejemplo

Esto es un ejemplo

Happiness

Happiness

Happiness

Comedia

Comedia

Comedia

3h 20´

3h 20´

3h 20´

Lo-fi wireframes: Testing ideas through rápid prototyping.

The recommendation algorithm may not provide accurate recommendations.

RATING

Enabling based on users rating system

9:41

SAVED

LISTINGS

HOME

MOODTRACKER

PROFILE

Faster your experience

Connect Moodflix with your common streaming channel

Choose from the list bellow the streaming channels were you have account, we will direct you there when you want to watcha a flix.

Streaming Channels

Apple Tv

Netflix

Prime Video

Apple Tv

Netflix

Prime Video

Continue

Skip

We do not provide the movies reproduction

EXTERNAL REPRODUCTION

Providing the external streaming channel link to watch movie

Matching the streaming channels to the platforms available to the user, in accordance to the platforms in WHICH THE USER IS SUBSCRIBED.

OTHER WORKS

Vega

How to help people who wants to change the way they impact on the planet by changing how they eat?

Travel Beyond

How to design an attractive Landing Page to sell space travels?