Viscio

Netflix x Adobe Creative Jam 2020
A 48-hour design challenge for a third-party desktop app where the community can celebrate shared stories together through communal and authentic experiences using Adobe XD.
Duration
48 hours
Tools
Adobe XD, Miro
Role
As a UX/UI designer, I was responsible for conducting user research, prototyping, and design.

Objective

The 2020 Netflix x Adobe Creative Jam challenged UX/UI designers to create a third-party desktop app where the community can celebrate shared stories together through communal and authentic experiences, with the theme of a shared virtual movie experience. In our attempt to solve this problem, we created a data-driven platform combined with the best parts of other well known streaming services. Our team scored 88/100 points and placed in the top 6% amongst 985 teams where we virtually presented our concept to over 3000 individuals, including judges from Adobe and Netflix.

Research

With only 48 hours to design and prototype 15+ screens, we knew we needed to work quickly when doing research. As a team we started to brainstorm ideas and potential features for our virtual users. To get a sense of who our target audience is, we interviewed a handful of people who have and consistently use streaming services like Netflix, Hulu, and Disney+ to analyze their needs and painpoints when using these services. Here are a few of our key findings:

  • Miss watching movies in the theaters or having people over to watch content together.
  • Frustrated with the inaccuracy of recommendations that the app's algorithm develops for them.
  • Want to engage in realtime conversations before, during, or after watching a film.
  • Wish they could create a list or playlist of their favorite content/content creators and share with their friends and family.
Final HMW:

How might we create a virtual movie experience where families and friends can engage, watch, and share content collaboratively on a single platform?

Ideate

After the user interviews we were able to understand who our target audience is, what they need, and what we can do to help. We developed several How Might We (HMW) statements to come up with the following goals for our platform:

  • A platform allowing users to schedule and join watch parties that can be watched remotely and privately with friends, family, or world-wide.
  • Sharing personalized playlists with friends and family that show their favorite films, directors, actors, etc.
  • Suggesting content based on their viewing habits and recommending what friends are currently watching.
  • Virtually watching with others while allowing users to chat and highlight favorite lines, characters, and scenes.

After finalizing the goals for our web-app, we started wireframing.

Style guide

We decided to go with a dark mode UI for our web app because we wanted to match the same environment a user would get at a movie theater. People usually watch content in a dim or low-lit area so our platform's dark background wouldn't be harsh on the eyes when transitioning from the video player.

Typeface
Aa
Poppins

Aa Bb Cc Dd EeFf Gg Hh Ii JjKk Ll Mm Nn OoPp Qq Rr Ss TtUu Vv Ww Xx YyZz
Color Palette
Primary 1
#E44E2B
Primary 2
#15181D
Primary 3
#77797C
Imagery

Solution

Viscio allows movie lovers to experience their favorite content without leaving their couch. Users will be able to join and host watch parties with people from around the globe, highlight their favorite scenes and lines, watch live commentary from their favorite actors and directors, and create customizable playlists to share with friends.

Watch parties

With watch parties users have the ability to join or host one. To host a watch party, pick any movie or tv show, adjust your preferences for the party, and invite your friends!

Share your favorite content

In addition to the live chat room in the video player, users are able to highlight their favorite lines, pin the best scenes, see the cast and crew, and check out the film's soundtrack.

Live commentary

With live channels, users can see reactions and engage in real-time conversations with their favorite actors while they watch their own movies.

Customizable playlists

Have you ever wanted to share a playlist of your favorite movies? In Viscio, users can create their own movie and tv show playlists and share with friends!

Final thoughts

Reflection

This was our second Adobe Creative Jam design challenge and I am so proud of my team for placing in the top 6% amongst 985 other teams! Our goal was to create a virtual movie theater experience where communities can celebrate shared stories. In the end, we realized that we were focusing more on design than functionality and may have implemented one too many features that can cause the user to feel overwhelmed.

Next Steps

The next step to getting this web app on the market would be to reevaluate the users needs and painpoints in order to minimize the amount of features, take a closer look at Accessibility guidelines to make sure our platform is inclusive to all users, and eventually move to the development phase.