Cinematica

A one-stop social VOD platform for streaming, review, discovery, and connectivity.
role
Product Designer
UX Researcher
team
Individual
tools
Figma
duration
2 Weeks
August 2023
Overview
A one-stop social streaming platform that allows users to watch videos on demand from all their subscription services while staying connected with their friends and communities.

As an avid media consumer and self-proclaimed cinephile, I have always loved the cinematic experience, especially when that experience is shared with friends or other film enthusiasts. I always believed that a good film or TV show can not only be a conversation starter but also a point of intellectual connection and an easy way to build shared experiences.

It is based on those motivations that I designed this platform that would bring a new level of emotional and social connectivity to a more comprehensive streaming experience.

My Contributions
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
Problem context
Users of VOD streaming services generally fell somewhere on the following spectrum:
Problem #1
Cinephiles struggle to find a sense of social connection with the media they consume and lack a forum for discussion.

Most popular streaming platforms today don’t offer any opportunities for users to connect with the movies or series they watch beyond the level of giving it a favorable thumbs up or adding it to a watchlist. The lack of any social aspects to the watching experience makes the streaming interaction feel emotionally disconnected and lackluster.

Problem #2
Free watchers who are just browsing for an easy Saturday night watch often struggle with finding content quickly before they lose interest.

In recent years, as various streaming platforms have become increasingly exclusive, users have also become more divided with the platforms they use. It is not uncommon for a user to have subscriptions to multiple platforms.

This lack of a central hub for streaming makes film discovery difficult and can turn users off from watching. How can we make this tedious process of searching for a quick watch easier?

design challenge
How can we make streaming a more social experience while encouraging content discoverability?
market research
Millennials make up over 22% of streaming platforms’ active users.

The 18-34 age group, commonly referred to as millennials and Gen Z, is often the primary demographic for VOD streaming platforms. In fact, over 22% of Netflix, Hulu, and Disney+ users are made up of millennials as they are increasingly embracing digital entertainment options in recent years.

User research
User interviews revealed these findings.

Then, I interviewed 5 millennials who said they enjoy streaming or would like to get more into streaming to understand their values, goals, and frustrations. These are some main takeaways from the interviews:

design opportunities
How can I translate these user pain points into design opportunities?
competitive analysis
Currently, there are a few existing platforms that are created with the goal of enhancing the experience of watching movies and series.

Ultimately, the competitors can be divided based on their primary functions: platforms that mainly offer VOD streaming (Netflix, Hulu, etc.), sites that are made for movie-tracking and logging (Letterboxd), and review and rating-based aggregators (Rotten Tomatoes).

As shown, each platform falls short in addressing user pain points in certain respects.
Soo…

solution!
Cinematica: A one-stop social VOD platform for streaming, review, discovery, and connectivity.
Opportunity #1
How can we make streaming a more social experience while encouraging content discoverability?
Stay connected to friends and communities through visible friend activities, online statuses, and recent reviews.

Taking inspiration from Spotify’s activities list, I designed a friend's activities section on the homepage.

Right off the bat, the homepage displays friends’ activities such as online statuses as well as their recent watches and reviews. Users can immediately feel less alone in their viewing experiences.

See what friends are watching and notify friends when you start watching the same program.

To make the experience more social, users can create an alert that sends a notification to friends that they started watching something if the friend has already watched it or is in the process of watching it. No more “Have you seen this?” or “Watch this with me!!!”, one click of a button and they will know.

Join Cinematica communities to read or start discussions about the movie/series.

Users can join communities created for specific programs and read mini-discussion threads on the movies/series. This fosters social connections among users of Cinematica and creates a more emotional interaction with the platform.

Opportunity #2
How can we provide users with information on the content that would enhance their viewing experiences such as reviews?
Existing streaming platforms such as Netflix and Hulu that focus solely on content delivery do not provide ratings and reviews on the content.

I took inspiration from Letterboxd’s categorizing of reviews (distinct sections for friends, popular, and recent reviews), and in combination with feedback from users who said they trust friends’ reviews more than reviews from unknown users, I adapted the system to visually prioritize friends’ reviews and also made the layout cleaner so that all categories of reviews can be seen at once.

Opportunity #3
How can we make it easier for users to keep track of their watch activities?                                     
Users can add their watches to a catalog system.

Letterboxd has a simple yet effective catalog system that allows users to log the movies they have watched. I took a similar approach and designed an activity log that is on each content details page that would keep track of the user’s activities related the movie/series. Users will be able to log, rate, review, and heart programs, and save them to lists.

Opportunity #4
How can the process of content discovery be more efficient and intuitive?                         
Users have multiple ways to discover new content.

One of the biggest inconveniences that users face with using multiple streaming services is the fact that they have to search through each service distinctly for content they want to watch. This makes the process of content discovery tedious, inefficient, and oftentimes, unproductive.

In order to make the process of content discovery on Cinematica more efficient and intuitive, I created multiple entryways for users to discover the media that they want to watch.

Users can log into all of their VOD subscriptions at once to save the hassle of searching through each platform individually.
For more avid cinephiles who like to stay updated on film-related events, I included a section on the homepage for recent film events and recommended films related to those events.
On the search page, users can see community popular searches and discover new content suggested based on their interests.
On the content details page, users can discover not only related but also similar films to quickly continue their watch journey.
 
 
reflection
What I've Learned

Ultimately, I am happy that the overall look of the design aligns with the vision I had in mind when I first started the project. It is also through this project that I fully reconciled with my love for blurred backgrounds/glassmorphism. :)

Through the ideation, creation, and revision processes, I learned the importance of:
                →   Using negative space as a visual element
                →   How to use colors and when to limit them
                →   How to create an interface that encourages user connectivity within the platform.
These concepts were pivotal in shaping my design skills, and they helped me grow as a designer.

One thing that I could have improved on for this project is the slight inconsistency in the logos I used since they did not all come from the same package.

Next Steps

One of the key parts of design is iteration. So I will be doing usability testing and using user feedback to create the next iteration of this design.

Other Works

Pandora Redesign
Lanzhou Ramen
Cubby@Brown [WIP]