Sling TV

Sling TV

Sling TV

Timeline

December 2020 - December 2021

Project Type

Product Strategy, UX, Native App, & Web Design

Opportunity

The WillowTree team integrated into the Sling product team to redesign the Sling TV app and marketing website. My responsibility included curating a new TV guide and streaming experience as well as crafting a customized e-commerce experience.

Output

An inspiring cinematic visual language, and a cohesive design system across TV, mobile iOS, android, and web. Incredibly well-received by the press.

The Vision

A modern, mature, & cinematic TV streaming experience.

A modern, mature, & cinematic TV streaming experience.

A modern, mature, & cinematic TV streaming experience.

A modern, mature, & cinematic TV streaming experience.

A modern, mature, & cinematic TV streaming experience.

WillowTree led the redesign of 12 streaming platforms through the use of a new & cohesive design system and business-driven approach.

WillowTree led the redesign of 12 streaming platforms through the use of a new & cohesive design system and business-driven approach.

WillowTree led the redesign of 12 streaming platforms through the use of a new & cohesive design system and business-driven approach.

WillowTree led the redesign of 12 streaming platforms through the use of a new & cohesive design system and business-driven approach.

WillowTree led the redesign of 12 streaming platforms through the use of a new & cohesive design system and business-driven approach.

Screen-Shot-2021-06-12-at-3.37-1

WillowTree created a style guide with flexible elements to be used dynamically across mobile, web & TV. 

WillowTree created a style guide with flexible elements to be used dynamically across the website & TV app. 

WillowTree created a style guide with flexible elements to be used dynamically across the website & TV app. 

WillowTree created a style guide with flexible elements to be used dynamically across mobile, web & TV. 

WillowTree created a style guide with flexible elements to be used dynamically across the website & TV app. 

All designers worked simultaneously on different sections, which necessitated that we spend a large portion of our design efforts towards creating and maintaining an extensive, yet flexible design system. This would ensure a cohesive user experience despite screen size differences as well as enable seamless device handoff for users.

All designers worked simultaneously on different sections, which necessitated that we spend a large portion of our design efforts towards creating and maintaining an extensive, yet flexible design system. This would ensure a cohesive user experience despite screen size differences as well as enable seamless device handoff for users.

All designers worked simultaneously on different sections, which necessitated that we spend a large portion of our design efforts towards creating and maintaining an extensive, yet flexible design system. This would ensure a cohesive user experience despite screen size differences as well as enable seamless device handoff for users.

All designers worked simultaneously on different sections, which necessitated that we spend a large portion of our design efforts towards creating and maintaining an extensive, yet flexible design system. This would ensure a cohesive user experience despite screen size differences as well as enable seamless device handoff for users.

Group-92-2
Screen-Shot-2021-06-12-at-4.53-1

The master library was housed in Sketch where we could regularly make updates and add new components.

The master library was housed in Sketch where we could regularly make updates and add new components.

The master library was housed in Sketch where we could regularly make updates and add new components.

The master library was housed in Sketch where we could regularly make updates and add new components.

The master library was housed in Sketch where we could regularly make updates and add new components.

For development purposes, we later exported the library to InVision’s design system management software where it lived as a source of truth for development and marketing assets.

For development purposes, we later exported the library to InVision’s design system management software where it lived as a source of truth for development and marketing assets.

For development purposes, we later exported the library to InVision’s design system management software where it lived as a source of truth for development and marketing assets.

For development purposes, we later exported the library to InVision’s design system management software where it lived as a source of truth for development and marketing assets.

For development purposes, we later exported the library to InVision’s design system management software where it lived as a source of truth for development and marketing assets.

Group-2018

Crafting a more beautiful interface that lends to more user-centric streaming activities.

Crafting a more beautiful interface that lends to more user-centric streaming activities.

Crafting a more beautiful interface that lends to more user-centric streaming activities.

Crafting a more beautiful interface that lends to more user-centric streaming activities.

We collaborated with Sling UX teams to push the visual design into new territories; we incorporated channels colors, new photography, & new background graphics to bring visual interest to the interface.

We collaborated with Sling UX teams to push the visual design into new territories; we incorporated channels colors, new photography, & new background graphics to bring visual interest to the interface.

We collaborated with Sling UX teams to push the visual design into new territories; we incorporated channels colors, new photography, & new background graphics to bring visual interest to the interface.

After completing some usability testing, we learned that users prefer a lighter UI when they are learning something new or reading text. Conversely, users prefer a dark UI when they are watching content or immersed in an experience. To cater to this research while still presenting users with the concept that Sling offers users a cinematic experience, we used both dark and light interfaces across the site and TV app. 

After completing some usability testing, we learned that users prefer a lighter UI when they are learning something new or reading text. Conversely, users prefer a dark UI when they are watching content or immersed in an experience. To cater to this research while still presenting users with the concept that Sling offers users a cinematic experience, we used both dark and light interfaces across the site.

After completing some usability testing, we learned that users prefer a lighter UI when they are learning something new or reading text. Conversely, users prefer a dark UI when they are watching content or immersed in an experience. To cater to this research while still presenting users with the concept that Sling offers users a cinematic experience, we used both dark and light interfaces across the site.

Screen-Shot-2021-09-07-at-4.18.06-PM
Design-Exploration-14-1

Each webpage of the marketing site is managed by a different product team with varying needs. 

Each webpage of the marketing site is managed by a different product team with varying needs. 

Each webpage of the marketing site is managed by a different product team with varying needs. 

Each webpage of the marketing site is managed by a different product team with varying needs. 

With over 20 different product teams, a modular design system allows Sling to build and implement new pages across breakpoints. Each product team can curate the content they want to market and fit the content into the pre-designed components.

This shared library portfolio yields a massively increased velocity while consolidating technical complexity across the enterprise.

With over 20 different product teams, a modular design system allows Sling to build and implement new pages across breakpoints. Each product team can curate the content they want to market and fit the content into the pre-designed components.

This shared library portfolio yields a massively increased velocity while consolidating technical complexity across the enterprise.

With over 20 different product teams, a modular design system allows Sling to build and implement new pages across breakpoints. Each product team can curate the content they want to market and fit the content into the pre-designed components.

This shared library portfolio yields a massively increased velocity while consolidating technical complexity across the enterprise.

With over 20 different product teams, a modular design system allows Sling to build and implement new pages across breakpoints. Each product team can curate the content they want to market and fit the content into the pre-designed components.

This shared library portfolio yields a massively increased velocity while consolidating technical complexity across the enterprise.

tab
PRESS

“Sling TV announces completely redesigned app, and it looks way nicer”

“Sling TV announces completely redesigned app, and it looks way nicer”

“Sling TV announces completely redesigned app, and it looks way nicer”

“Sling TV announces completely redesigned app, and it looks way nicer”

“Sling TV announces completely redesigned app, and it looks way nicer”

- The Verge

- The Verge

- The Verge

- The Verge

“The interface is cleaner, it's easier to perform tasks like recording TV and it simply feels like a more complete product.”

“The interface is cleaner, it's easier to perform tasks like recording TV and it simply feels like a more complete product.”

“The interface is cleaner, it's easier to perform tasks like recording TV and it simply feels like a more complete product.”

“The interface is cleaner, it's easier to perform tasks like recording TV and it simply feels like a more complete product.”

“The interface is cleaner, it's easier to perform tasks like recording TV and it simply feels like a more complete product.”

- Slash Gear

- Slash Gear

- Slash Gear

“Overall, the new design is much more visually appealing, easier to navigate, and just makes sense.”

“Overall, the new design is much more visually appealing, easier to navigate, and just makes sense.”

“Overall, the new design is much more visually appealing, easier to navigate, and just makes sense.”

“Overall, the new design is much more visually appealing, easier to navigate, and just makes sense.”

“Overall, the new design is much more visually appealing, easier to navigate, and just makes sense.”

- The Streamable

- The Streamable

- The Streamable

- The Streamable

Selected Works

Sling TVStrategy, Native App, & Web Design

T-MobileStrategy, Native App, & Branding