Netflix Originals Website

Netflix Originals

This concept project explores how Netflix Originals series and films can offer more to its followers. It proposes the creation of a micro site which showcases articles and video content related to the series and films.

Overview

Project Brief

For our third General Assembly project we were asked to create a microsite or app to increase social engagement with Netflix Original UK's content. I worked with three other UX Design students: Ibby Dalrymple, Ece Ozcan and Keith Symonds.

Design Process

Online Research

Interviews

Persona

Scenarios

Competitive Analysis

Affinity Mapping

Feature Prioritization

Site Navigation

Usability Testing

Scope

This was a 2 week project and therefore we focused on MVP.

My Role

Although most of the tasks were shared, some of the things I contributed to the project were: user interviews, affinity mapping, development of our persona, competitive analysis, user testing and design of the hi-fi prototype.

Research

During the outreach for this project, we quickly learned that the scope was very large, as everyone we contacted either had a Netflix account or knew the login details to a friend or family member’s account.

Conducting Research with team members

Interviews

During our interviews, people had a lot to say about Netflix and amount of content to browse, their recommendations algorithm and the Netflix Originals content.

"There are so many options on Netflix and I get so overwhelmed."

"The 98% match means nothing to me. I don’t get their algorithm. The numbers always seem high."

"Netflix, HBO and Amazon Prime have elevated the quality of TV shows."

In total, we interviewed 15 people and were able to collate our findings and come up with some key findings.

1 — Time

Some Netflix users really enjoy the entire process and invest time in finding a new series or film to watch, watching it and also looking up content related to the Netflix Original once it’s done. Others don’t, and would prefer to spend their time doing something they consider to be more productive.

“I follow the HBO series Silicon Valley on Twitter because I want to be keep up to date.”

“I like to go onto IMDB or Youtube after finishing a show or movie to learn more about it.”

“Its quite a commitment to find a new series to watch.”

2 — Motivation

Some watch out of boredom, whereas others seek out new films and series, enjoying being immersed into a new world and perspective.

“The is no better platform than a film to shed light on an issue.”

3 — Privacy

Netflix users like that they have profiles and that their watching habits are not shared or public. They want privacy and like that they get to chose who to share what they watch with.

“I don’t want any more social media and networking apps.”

“I don’t want others to know what I am watching all the time [for fear of judgement].”

Me in the porcess of Affinity Mapping

Persona

We noticed some patterns emerging, and began seeing two types of Netflix watchers, those who enjoyed finding and watching content, and those who watch out of boredom. We decided to focus on the former and created a persona to embody the characteristics from our research.

Netlix persona, the Connoisseur

Competitive Analysis

We looked at some of the main competitors of Netflix: HBO, ITV, BBC and AMC, and all had microsite that focused on each one of their original series and films. They would provide updates on the series, release dates, as well as video content with interviews, and director’s commentary. Some included articles and reviews related to their originals, and we felt this was an opportunity as Netflix doesn’t offer more than a short description about an episode or film.

Netflix competitors, images of their logos

Problem statement

The Connoisseur needs a way to discover content related to their favourite series and films because it adds value to the experience.

Scenario

Netflix scenario

Prototype Development — Designing for mobile

Since our user is very likely to go on this website using their phone, we wanted to design for mobile experience first. We decided on a microsite rather than an app because users would want to access the content on all devices and this would allow the website to reach a larger audience.

Once a user lands on the Netflix Originals website, they are presented with a feed of trailers, articles, videos and more. From there, they are able to go onto a film or series page, and have more related content to read, watch and listen to.

Netlix paper prototypes

We tested this and moved over to Sketch, and continued to iterate.

Netflix Originals Website Iterations

The site navigation was what we had iterated on the most throughout the project, and we considered a few ways for users to locate things. Bellow are my notes for the user flow and various site navigations.

Netflix Originals Site Navigation iterations

After developing and testing many mid-fi prototypes, we settled on the primary and secondary navigations. We decided to include search as one of the main menu items, since most users entering the website would know which series or film they wanted to explore more content on. If a user does not use the search then they can click on the series or film sections and locate it by alphabetical order or Genre.

Netflix Originals Website Site Navigation

Solution

Netflixoriginals.com is a content aggregator with videos, articles and podcasts related to Netflix Originals series and films. It creates an online and offline community of Netflix watchers by introducing events and screenings which takes users out of their living rooms. All of the content on the website it easy to share with friends and family.

Dive deeper into you favorite Netflix Originals

Using Netflix’s preexisting brand guidelines, we created a style guide and to design the microsite. Bellow is an example of our persona, the Connoisseur, searching for a series, browsing and refining content and looking at the upcoming events in their city.

Next Steps

There were quite a few ideas that we had while working on the project that we were unable to explore due to time constraints. Should we have time to work on this further, we would:

1. Explore the option of a night time mode. Since our user would go onto the website after watching something, we wanted to incorporate a feature that would switch the screen to be darker. Marrying this with legibility and readability would present a challenge.

2. We focused on the secondary navigation for the series pages, and the next step would be to discover what user would like to have in the film pages.

3. We didn’t have a chance to test the hi-fi prototype, therefore further testing would be needed.