Sprout — Redesign 2015

Project Info —

Status
Pitch 

Type
Online Plateform

UX Lead
Stefan Dufgran

Art Director
Olivier Gillaizeau

Creative Director (Leo Burnet)
Stian Ward Bugten

I was in charge of the overhaul design strategy of the experience together with Stefan. I was also focus on the general look and feel of the website as weel as a refresh of the actual brand online. 

Sprout (formerly PBS Kids Sprout) is an independent American digital cable and satellite television network that is owned by the NBCUniversal Cable subsidiary of NBCUniversal. As of February 2015, Sprout is available to approximately 58 million pay television households (49.8% of households with television) in the United States. As part of their rebranding effort, Sprout was looking into refreshing its website. As part of the Ask, we were tasked to find ways to bring in sponsored content on the viewing plateform.

Photo Dec 11, 3 19 49 PMPhoto Dec 11, 3 19 49 PM

Insight —

Children ages 2 to 5 watched TV for more than 32 hours a week.

Create a smart player that would use website content all across the board and create playlist to entertain Kids in a relevant way. Theses playlist would mix Activities and video. Playlist would be sponsored by selected brand so it would be truly relevant to the kid experience.

Wire_Smartplaylist_2Wire_Smartplaylist_2

Our Process —

User Experience

Create a smart player that would use website content all across the board and create playlist to entertain Kids in a relevant way. Theses playlist would mix Activities and video. Playlist would be sponsored by selected brand so it would be truly relevant to the kid experience.

Obj. #1

Continous Watching
 

You’ll always have something to watch. When you reach the end of the collection/playlist, you’ll get new ones based on your taste. 

Obj. #2

Co - Viewing Option

Give Parent and kids clear options for choosing videos and games which are optimized for more than one person.

Obj. #3

Smart Break

Sprout can help Parents encourage the child to take a break. Theses break will be tied with time/situation to make it seamlessly fit in the children viewing. We’ll also use those opportunity to show relevant sponsored message.

Wireframe —

Design Direction

As we reach this point, I usually like to create a styletile to get a better sense of which design direction we want to go with. My goal was to clean out the brand and the UI to create a contemporary look. I mixed it with toned out color that would mix well and feel kidish without being too in the face. I also played with shapes, rounding straight line to achieve a loveable and grabable interface. I wanted to avoid the texture and 3made by a kid3 kid of look as I wanted this brand to be unique.

Sprout_StyleTile02Sprout_StyleTile02

Obj. #1

Character Focus

Monsters, Pet, Chicken, and many more are every day brought to live on Sprout. Kids love them, they recognize them. We will make them the center of attention of this new website. The navigation will be tailored to this.

Obj. #2

Kid Friendly

No more small type or boring buttons. We’ve come up with Jelly button large enough for kids. Kid friendly does not mean taky and going full on texture and Skeumorphise. We’ll simplify the current website to make it web friendly.

Obj. #2

Animated Like TV

Everything on TV is animated. As we are a TV website, animation will be part of the branding and the core function of the website. We want it to be meaningfull.

Sprout_Homepage_20141216_OG_01Sprout_Homepage_20141216_OG_01
DSC_0333DSC_0333

Character Page —

The character page needed to be the hub for all things related to the Character : Episodes, Games, Activities and more... We had envisioned the hero image to be a place for the Character to live and be animated.

Sprout_Show_20141215_OG_01Sprout_Show_20141215_OG_01
Sprout_Mobile_20141216_OG_01Sprout_Mobile_20141216_OG_01