MUBI is a globally curated film streaming platform, production company and film distributor. A curated streaming service, it offers an ever-changing collection of hand-picked films, introducing one new film each day. The vision is to bring great, quality movies to everyone.

MUBI: Revolutionizing Cinema
“We simply couldn’t resist the idea of everyone having their own film library… Your own little cinema, anytime, anywhere.”

The streaming platform released its mobile app a few years ago. Users can browse through movies, see new MUBI releases and watch them on their mobile phones/tablets. I use the app quite frequently but couldn’t stop myself from complaining every so often.


So, I set out to redesign it.

Background Brief
Timeline
Aug - Oct 2022
(12 weeks)
Discipline

UX Research & Design

Tools
Figma, Mural
Google Forms
Enhancing MUBI
A community-centered approach to enhance user engagement
Design Goals

My initial motivations were simple enough - redesign the existing functionality to improve usability. This meant reworking the visual design, simplifying user flows - all in all, making the app enjoyable (and less frustrating) to use. The app currently appears to be somewhat dated and does not adhere to modern design and architecture guidelines. My aim was to, therefore improve the information architecture and make app navigation seamless and intuitive for the user.


User research, however, opened up a few themes and ideas that I was excited to explore further. While MUBI does a great job in curating high-quality content, it lacks in leveraging this to engage the user enough. Moreover, I discovered that app usage was restricted to certain areas only. So I wanted to come up with recommendations that would help the app stand out and increase user engagement beyond their current usage.

TL;DR
My design goals were as follows -
Improve app infra to simplify user flows and make key fuctions more accessible
Enhance community-centric experience
Increase in-app interaction and communication amongst users
Research Roadmap

1. Contextual inquiry


Understand company’s vision and its fulfillment

2. Understand Users


Interview users to understand usage habits

3. User Persona & Design Concept


Devise a user journey based on the insights

4. Feature Prototyping


Design lo-fi and hi-fi prototype with user flows

Step 1: Contextual Inquiry
WHY?
Before jumping into the research phase, I wanted to understand the motivations behind such a platform. MUBI is unlike other commercial streaming platforms and has different goals in terms of engagement from users. Grounding my research into MUBI’s vision and mission statement would guide my design and findings and ensure that they align properly.
MUBI’s website lists down the following four themes as the cornerstone of their vision. I set about investigating what all features the platform currently has in terms of these 4 themes.
1.

Accessibility

2.
Community
3.
Sharing
4.
Quality
WHAT DID I LEARN?

The platform did a great job of achieving Accessibility and Quality. MUBI’s catalog involves a wide range of feature-length film, documentaries, and short films etc. from all around the world. Users can watch these on the app as well. The movies offered are in HD or in the next best possible restored format.


With that said, themes of Community and Sharing were hard to pinpoint. Users can share movie titles across other apps and see reviews/ratings from other members.


But with such an expansive catalog, I felt MUBI could do more.

Step 2: Semi-structured interviews to Understand Users
WHY?

I chose to do semi-structured interviews because I wasn’t sure what I was exactly looking for. I wanted to understand broad usage patterns, attitudes, feelings and movie-watching habits of my target audience, something that would be difficult to capture using questionnaires with exact answers. Semi-structured interviews allowed me to stick to some research questions while also being flexible to explore new ideas and themes with the participants.

My plan was to obtain some common themes that I could then use create more directed questions and formulate a design concept. So I started off my interviews with an open-ended question:
What comes to your mind in terms of MUBI and community?
The idea was to obtain some common themes that I could then use create more directed questions and formulate a design concept.

** In retrospect, I should not have restricted myself to a single, somewhat vague question. Participants took some time to process and explain their understanding of what “Community” means to them. It was hard the first few times. Thankfully, I was able to identify some recurring themes that I could redirect my other interviews towards. **

Based on the themes, I asked the following questions to participants for a more direct, detailed discussion -


  1. Do you follow members’ activity on MUBI? In what form? Why or why not?

  2. What factors contribute to your deciding on a movie?

  3. How do you share movies with friends?

  4. How do you interact with other people about the movies you’re watching?

  5. How do you find people with similar interests in movies?

INSIGHTS
Recommendations from others reinforces interest in the movie in addition to the movie’s accolades
#1
Lists to keep track of recommendations, but participants also admitted to getting overwhelmed by them.
#4
#2
Users seemed to attribute more importance to suggestions from friends that are based on previous likes
#3
Not many ways to translate online interactions to in-person interactions.
“”
I think Mubi is more about discovering movies you otherwise wouldn’t. “Community” doesn’t ring a bell
Step 3: Designing User Personas
WHY?
Designing a user persona helped me solidify the nitty-gritty of my idea. Coupled with the user interviews, I modeled the feature after an actual movie recommendation exercise, refining it with more details to make it more robust. For example, I discovered that participants would often discuss about movies on other mainstream platforms, such as messaging apps. Hence, it was important to build out some communication mechanism to bring back this user traffic within MUBI.
Rhea, 20
Student
India
“I have friends who suggest a movie over text, some others who do it in person, still others who do it over Facebook, and more who send me their entire watchlists. Its frustrating to keep track of it all.”
Background
Rhea is an undergrad studying Computer Science. She developed an interest in watching movies recently and has been on the lookout to watch old classics and indie movies. She frequently talks to her friends on different social media platforms and asks for recommendations.
Goals
To have one place where she tracks all her movie suggestions.
To check off movies she has watched easily.
To exchange recommendations with friends and acquaintances alike, aka without having to socialize a lot.
Frustrations
Having to maintain a list of recommendations that she gets from her friends from multiple sources
Forgetting to update this list with content from multiple sources
Keeping track of her own recommendations for different friends based on their interests
active
passive
low tech exposure
high tech exposure
Introvert
extrovert
Personality
Amit, 24
Professional
India
“I normally find movie screenings via Facebook pages. A lot of them are expired and I don’t know what to do to find more information”
Background
Amit works as a Project Manager at a tech firm. He’s been interested in movies for a long time but has struggled to find a community lately after he switched cities. Amit likes the complete cinematic experience and wants to be able to catch movies outside of their release dates and meet people with similar tastes.
Goals
To have one go-to place to see all upcoming events.
To see their movie lineup so he can decide if he’s interested in attending them or not.
To socialize with people and build friendships
Frustrations
Having to frequently check events or other screenings around him on multiple sources like Facebook, BookMyShow, Eventbrite etc.
Not knowing if he’ll be able to meet people with similar movie tastes as these events.
active
passive
low tech exposure
high tech exposure
Introvert
extrovert
Personality
TURNING INSIGHTS INTO A DESIGN CONCEPT
I realized that users don’t really think of MUBI as a community or a sharing platform. Engagement between other members was little and most users only opened the app to see if a particular movie was playing.

Time to make MUBI synonymous with a Community & Sharing platform!

I narrowed down my focus on two main ideas -
A feature that would help people keep track of their recommendations while also interacting with their friends about it. I decided to focus on the idea of recommendations and sharing movies across members on the platform. Participants said that they did not follow any fixed mechanism for sharing movies recommendations. Watchlists failed to capture enough context behind the recommendations.
A feature to help users discover events around them and socialize with fellow attendees. This would allow people to socialize with fellow movie lovers in and beyond the confines of an online world. Participants expressed dissatisfaction at not knowing what events to go around them. They mostly relied on Facebook for this purpose, but the information would often prove to be unreliable.
Step 4: Lo-Fi Wireframes & User Interface
With all the insights in place, I came up with two main features -
Recommendation exchanges between friends (or as I call them “Recco Lists”)
An “Events” directory that would help users find movie screenings, film festivals etc. around them and befriend other attendees, thus fostering a community for film lovers.

I also reworked the information architecture based on user feedback of the app being very clunky.
Initial lo-fi wireframes
A snapshot of the high fidelity prototyping process
Feature Breakdown & Hi-fi Screens

Tell your friend what you thought about the movie


User can let exchange thoughts about the recommendation about individual movies.

Seamless navigation


Tags and description for individual movies to document the motivation behind the suggestion


Users can filter through the entries via tags

Keep track of reccomendations


“Reccos” to exchange recommendations between friends


Users can create separate recommendation lists with their friends with description and update them periodically


Start curating
3am ramblings turned serious movie list. and also other random stuff :)))
Angela Jane
Ben x Angela
Start a recco list now!

See what your friends are up to!


“Your Feed” that chronicles friend activity such as reviews, likes and ratings


While previously reviews and ratings were nestled away deep within a movie card, users see what their friends are watching in a dedicated space of its own.

Home Screen = Your Feed

Users are directed towards this page as soon as they open the app. This is in an attempt to direct more visibility towards the “Community” aspect of MUBI and incentivize users to like, comment, share reviews etc.
COMMUNITY: Feed and Reccos
#1

See upcoming events


Events categorized according to the type, ranging from mega Film Festivals to smaller, localized Screenings or discussion meetups


Users can see the distance from their current location and also who all are attending

All details in one place


Various event details such as dates and website links allow users to get all the information without having to leave the app.


Users can also mark themselves as “going”. This would notify their friends of the same


Catalog Highlights lists the movies to be shown on each day in case of a festival, as a quick overview for the user to see what they’re interested in.

EVENTS: Around Me
#2

“Collections” to find movies easily


Reworked the information architecture to organize films under one banner - collections.


Users complained of a busy, confusing interface that made it hard to discern different movie titles. “Collections” combines MUBI Releases, Film of the Day, Best of Lists and many more under one banner and with a uniform design language.

VISUAL DESIGN UPGRADE: Collections
#3
User Testing
WHAT WENT RIGHT?
All participants appreciated the new application architecture and found it easier to navigate.
Participant #1 remarked that they would prefer such the Recco-list feature as currently their reccomendations from friends are spread out across notes, apps and watchlists or buried in text messages.
Participant #4 also echoed those thoughts, remarking that the feature helps them “make lists, but better”.
WHAT WENT NOT QUITE RIGHT?
Recco-lists having commenting feature was met with mixed reactions. Initial user research suggested that participants would not be incentivised to use a native messaging feature unless its feature-rich like other messaging apps. User feedback was, however, torn on this issue again.
Reflection

This was my first-ever UX project, on something I’m really passionate about! Needless to say I failed a lot and learnt a lot. There were moments of self-doubt but I’m immensely grateful for all that I learnt throughout the process. It was enjoyable and very fulfilling. To my future self though, I’d say the following -


  • Welcome all feedback. When starting off, I would be bothered about receiving contrary or inconsistent feedback. Rather than attempting to design for everyone, it’s better to design for a few but design it well.

  • Don’t try to cover all bases. I attemped to check a lot of boxes when approaching the project, and was working on developing multiple features at once. it would be better to focus on one and design it end-to-end.

  • Iteration. Don’t fall in love with your designs. You’re ultimately creating something for the user, not yourself. Remember that and be prepared to iterate on your work.