Watch Party

A new way to watch Netflix & HBO shows

Watch Party

A new way to watch Netflix & HBO shows

Project Hero Image
Project Hero Image

Year

2018 - Current

Position

Product Design

Overview & Problem

A chrome extension bringing new ways to keep Netflix and HBO subscribers in sync when watching movies from long distances. As a product designer for Watch Party, my goal was to redesign its website and extension to bring viewers better experiences when watching Netflix and HBO shows together online. With the initial design of Watch Party, its extension and website lacked many features that needed a redesign to entice users with better experiences when utilizing the extension and website.

Year

2018 - Current

Position

Product Design

Overview & Problem

A chrome extension bringing new ways to keep Netflix and HBO subscribers in sync when watching movies from long distances. As a product designer for Watch Party, my goal was to redesign its website and extension to bring viewers better experiences when watching Netflix and HBO shows together online. With the initial design of Watch Party, its extension and website lacked many features that needed a redesign to entice users with better experiences when utilizing the extension and website.

Competitors

Below are a list of competitors that provides similar services as Watch Party. Figuring out our competitors helps me find problems, flaws, and necessary improvements that Watch Party may lack compared to other services.

Competitors

Below are a list of competitors that provides similar services as Watch Party. Figuring out our competitors helps me find problems, flaws, and necessary improvements that Watch Party may lack compared to other services.

The Process

As a Product Designer, my first approach on redesigning Watch Party's company as a whole was to figure out the pre-existing problems based on reviews, feedback, user base, metrics, analytics, and data.

The Process

As a Product Designer, my first approach on redesigning Watch Party's company as a whole was to figure out the pre-existing problems based on reviews, feedback, user base, metrics, analytics, and data.

Raymond Shen UI/UX process design

Insight

Figuring out my target audience and understanding the companies success has helped me as a product designer to find creative solutions of the problems and challenges that I had to work with.

Target

Age: 15 - 65yrs old
Region: Countries that have access to Netflix
Who: People who watches Netflix, are in long distance relationships, and movie lovers.

Success

In order to make Watch Party successful is to simplify the design and enhance its user accessibility / experiences.

Insight

Figuring out my target audience and understanding the companies success has helped me as a product designer to find creative solutions of the problems and challenges that I had to work with.

Target

Age: 15 - 65yrs old
Region: Countries that have access to Netflix
Who: People who watches Netflix, are in long distance relationships, and movie lovers.

Success

In order to make Watch Party successful is to simplify the design and enhance its user accessibility / experiences.

Persona

Creating personas helped me better understand different potential user bases and insights on what improvements is needed for the extension, website, and the branding redesign.

Calvin Tanner

Age 20, loves to watch movies, shows, and hangs out with friends. He usually watch Netflix shows online with his friends and his girlfriend when their not together. Calvin enjoys popular shows such as Stranger Things and loves to chat with his best friends.

Persona Image 1

Jason Chan

Age 36, A father of two kids who enjoys spending most of his time with the family. His wife usually travels out of state for work but when they have free time they spend it on watching movies online together while facetiming each other.

Persona Image 2

Persona

Creating personas helped me better understand different potential user bases and insights on what improvements is needed for the extension, website, and the branding redesign.

Calvin Tanner

Age 20, loves to watch movies, shows, and hangs out with friends. He usually watch Netflix shows online with his friends and his girlfriend when their not together. Calvin enjoys popular shows such as Stranger Things and loves to chat with his best friends.

Jason Chan

Age 36, A father of two kids who enjoys spending most of his time with the family. His wife usually travels out of state for work but when they have free time they spend it on watching movies online together while facetiming each other.

Persona Image 1 Persona Image 2

Sketch

Below consist of design sketches via: website, extension, brainstorming, taskflow, and etc.

Ideation | Creative Process

Raymond Shen brainstorming sketches for WatchParty
Raymond Shen brainstorming sketches for WatchParty

Website

Raymond Shen Website sketches for WatchParty
Raymond Shen Website sketches for WatchParty

Extension

Raymond Shen chrome extension sketches for WatchParty
Raymond Shen chrome extension sketches for WatchParty

Task flow

Raymond Shen task flow sketches for WatchParty
Raymond Shen task flow sketches for WatchParty

Sketch

Below consist of design sketches via: website, extension, brainstorming, taskflow, and etc.

Ideation | Creative Process

Raymond Shen brainstorming sketches for WatchParty Raymond Shen brainstorming sketches for WatchParty

Website

Sketches of the website redesign and creative process on figuring out what key components, information, and structure is important.

Raymond Shen website sketches for WatchParty Raymond Shen website sketches for WatchParty

Extension

Going through quick sketches and low-fidelity wireframes to figure out the structure, placement, components, and features that are needed for the redesign.

Raymond Shen extension sketches for WatchParty Raymond Shen extension sketches for WatchParty

Task flow

Raymond Shen task flow sketches for WatchParty Raymond Shen task flow sketches for WatchParty

User Research

Conducted several different user research via (interview, survey, task flow, and journey map) to find the problems and solution for the wireframing stage. There were major findings and new insights from the feedback I've gotten through user interviews and survey. The majority of users prefers facetime over chatrooms. Other findings was the majority of user survey and interviews being fond of watching movies with close ones rather than being in a room full of strangers.

Survey

Raymond Shen user survey results for Watch Party
Raymond Shen user survey results for Watch Party
Raymond Shen user survey results for Watch Party
Raymond Shen user survey results for Watch Party
Raymond Shen user survey results for Watch Party
Raymond Shen user survey results for Watch Party

Interview

Raymond Shen User interview results for Watch Party
Raymond Shen User interview results for Watch Party
Raymond Shen User interview results for Watch Party

Task flow

Raymond Shen task flow for Watch Party

Journey

Raymond Shen user journey for Watch Party

User Research

Conducted several different user research via (interview, survey, task flow, and journey map) to find the problems and solution for the wireframing stage. There were major findings and new insights from the feedback I've gotten through user interviews and survey. The majority of users prefers facetime over chatrooms. Other findings was the majority of user survey and interviews being fond of watching movies with close ones rather than being in a room full of strangers.

Survey

Raymond Shen user survey results for Watch Party Raymond Shen user survey results for Watch Party Raymond Shen user survey results for Watch Party
Raymond Shen user survey results for Watch Party Raymond Shen user survey results for Watch Party Raymond Shen user survey results for Watch Party

Interviews

Raymond Shen User interview results for Watch Party Raymond Shen User interview results for Watch Party Raymond Shen User interview results for Watch Party

Task flow

Raymond Shen task flow for Watch Party Raymond Shen task flow for Watch Party Raymond Shen task flow for Watch Party

Journey

Raymond Shen user journey for Watch Party

Sitemap

Producing a sitemap for both the website and extension of WatchParty allowed the team to visually see the redesigned structure based on the data conducted from user research.

Website

Raymond Shen sitemap layout desinged for Watch Party

Extension

Raymond Shen sitemap layout desinged for Watch Party

Sitemap

Producing a sitemap for both the website and extension of WatchParty allowed the team to visually see the redesigned structure based on the data conducted from user research.

Website

Extension

Raymond Shen sitemap layout desinged for Watch Party Raymond Shen sitemap layout desinged for Watch Party

Wireframe

With sufficient data from user research and having a sitemap in place. I started producing multiple different web and extension low-fidelity wireframe over the course of a few months to gather quality results and data during my user testing stage.

Wireframe

With sufficient data from user research and having a sitemap in place. I started producing multiple different web and extension low-fidelity wireframe over the course of a few months to gather quality results and data during my user testing stage.

User Testing

Problems I found after going through several trials of placing my low fidelity wireframe in front of potential users were suprisingly different from the results I expected. My inital assumption when I redesigned the wireframe for both the website and extension was users being able to easily understand how to navigate between different user tasks that I had assigned to them. The majority of users were mainly confused with the assigned task of understanding how to create a video chatroom along with minor confusions with the iconography usage. While the website had minor problems with users being confused between the different links and pages.

Raymond Shen usertesting results for Watch Party

User Testing

Problems I found after going through several trials of placing my low fidelity wireframe in front of potential users were suprisingly different from the results I expected. My inital assumption when I redesigned the wireframe for both the website and extension was users being able to easily understand how to navigate between different user tasks that I had assigned to them. The majority of users were mainly confused with the assigned task of understanding how to create a video chatroom along with minor confusions with the iconography usage. While the website had minor problems with users being confused between the different links and pages.

Raymond Shen usertesting results for Watch Party Raymond Shen usertesting results for Watch Party Raymond Shen usertesting results for Watch Party

Branding

I also had the chance to redesign the whole branding of Watch Party due to their absent of having a style guide and structure. For the rebranding of Watch Party I based many of my decisions from user research and inital datas that I had collected.

Moodboard

Raymond Shen color discovery for Watch Party's Branding.
Raymond Shen color discovery for Watch Party's Branding.

Color Studies

Raymond Shen color studies for Watch Party's Branding.
Raymond Shen color studies for Watch Party's Branding.

Typography

Raymond Shen typography studies for Watch Party's Branding.
Raymond Shen typography studies for Watch Party's Branding.

Branding

I also had the chance to redesign the whole branding of WatchParty due to their absent of having a style guide and structure. For the rebranding of Watch Party I based many of my decisions from user research and inital datas that I had collected.

Moodboard

Raymond Shen color discovery for Watch Party's Branding. Raymond Shen color discovery for Watch Party's Branding.

Color Studies

Raymond Shen color studies for Watch Party's Branding. Raymond Shen color studies for Watch Party's Branding.

Typography

Raymond Shen typography studies for Watch Party's Branding. Raymond Shen typography studies for Watch Party's Branding.

Designs

From user research to rebranding and user testing, the data I had collected helped solve many final design decisions I've made for the redesign of Watch Party's website and product. Though despite the final redesign and delivery that had been made, there were many necessary back to back iteration and changes I had to rework based on new user feedback, metrics, and suggestions given to me. With the final design decisions shown below, they aren't forever the final redesign I've done and will have incremental changes on both the web and extension layout based on future user feedback, suggestions, and inquiries.

Advertisement

Raymond Shen final chrome advertisement design for Watch Party's advertisement
Raymond Shen final chrome advertisement design for Watch Party's advertisement
Raymond Shen final chrome advertisement design for Watch Party's advertisement
Raymond Shen final chrome advertisement design for Watch Party's advertisement
Raymond Shen final chrome advertisement design for Watch Party's advertisement

Designs

From user research to rebranding and user testing, the data I had collected helped solve many final design decisions I've made for the redesign of Watch Party's website and product. Though despite the final redesign and delivery that had been made, there were many necessary back to back iteration and changes I had to rework based on new user feedback, metrics, and suggestions given to me. With the final design decisions shown below, they aren't forever the final redesign I've done and will have incremental changes on both the web and extension layout based on future user feedback, suggestions, and inquiries.

Advertisement

Raymond Shen final chrome advertisement design for Watch Party's advertisement Raymond Shen final chrome advertisement design for Watch Party's advertisement
Raymond Shen final chrome advertisement design for Watch Party's advertisement Raymond Shen final chrome advertisement design for Watch Party's advertisement
Raymond Shen final chrome advertisement design for Watch Party's advertisement

Takeaways

Working @WatchParty as a Product Designer came with many challenges and new skillsets I had to learn by myself. With the lack of guidance and the given responsibility of creating, designing, solving, and coding for the company was definitely a challenging task for me. With the given position I had learned, discovered, and grown a lot through the different challenging task and projects I had worked on for Watch Party.

Takeaways

Working @WatchParty as a Product Designer came with many challenges and new skillsets I had to learn by myself. With the lack of guidance and the given responsibility of creating, designing, solving, and coding for the company was definitely a challenging task for me. With the given position I had learned, discovered, and grown a lot through the different challenging task and projects I had worked on for Watch Party.