TubiTV

Product Design

 

Client: TubiTV / AdRise
Role: Head of Design

TubiTV is a streaming TV & movie serivce with live products on mobile, web, smart TVs, and connceted devices.

My primary role was to create a cohesive product experience for new connected tv platforms (smart tv apps, xbox one, etc), and to re-design their existing TubiTV products (mobile apps, web site, roku). This was accomplished through defining brand guidelines and product style guides along with new product designs from competitive research to mockups, functional prototypes, and pixel specs for developer implimentation. Working with the VP of product and a talented engeneering and content team to make new product launches a resounding sucess. 

Additionally, I had to take on all miscellaneous design work for TubiTV and its parent company AdRise.com. This included ad sales and content partnership presentation decks, advertising and social media campaigns, content art, new features for the content management system, white-label apps for content partners, and lots more.

Tubi tvTubi tv

TubiTV Mobile Apps

Innitial concept sketches and simple wireframe flows for the Tubi TV mobile app re-design based on competitive app research, internal app usage data, and stake holder requirements. 

 

 

For stake holder buy in I created multiple design models for a new TubiTV mobile experience. Portrait, landscape, and a mix of the two were explored through to high fidelity mockup presentations, animated transitions, and on device functional prototypes. All in the hope of settling managers differences of opinion when they could not grasp the concept of wireframes.

The app should flow together as a fully immersive experience, despite the business needs of showing ad breaks. So creating improved video players, engaging ad experiences, and all the other interaction details was important to making the mobile app re-design a success. 

Smart TV & Streaming Device Apps

The TubiTV design for smart tvs, Roku, and connected devices like xBox One was a unique challenge because I had not designed for a 10 foot interactive experience before and the company stake holders had several requirements and design constraints for the app. Tvs have their own challenges using different style remotes to navigate the product UI.

Fourtunately, there are several really great products out there like Netflix and HBO GO to draw inspiration from. Unfortunately, that also means managment would have the same negative feedback for all work: "why is this better than what Netflix is doing?"

With a solid team effort from the VP of Product and a few good developers; the Samsung and LG smart TV apps and the Xbox One app were successfully launched based on my completed designs.

Always good to do a live font test on several different TVs to get a better idea how they will look live. Very different from how they look on your laptop or phone.

font testfont test
  • gallery-image
  • gallery-image

Example animations for playing content on TubiTVs connected device apps.

Their previous method was to just let the screen go blank. Meaning on slow connections users thought the app crashed and would try to exit. This was one of several simple and easily implementable suggestions to solve that issue and create a better viewing experience.

Also a simple way to show movie previews over the hero image when the user hovers on a movie for a while.

Grid system for sizing title art consistently across all platforms. And to make it super simple for our wonderful developers to put together.

  • gallery-image
  • gallery-image
  • gallery-image

TubiTV.com Web Design

As with the other TubiTV products I designed the website to be a fully immersive experience. And as Google likes to say "delight" the user with little bits of amazing functionality. Specifically to show off the bredth of the Tubi content library and to highlight new or promoted content, all while being able to easily drill down and find exactly what you're looking for.

  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
web_conceptsweb_concepts

TubiTV Brand & Style Guide

Orginazation and consistency was the most immediate need for the brand and all live products. When I started the TubiTV brand was all over the place. Even things as simple as their chosen color scheme (orange/black) were not the same from one use of the logo to the next. The simplist step one was using their existing logo only in two versions (one for dark backgrounds and one for light), and to make all the orange, black, white color usage the same across all products. 

#2b2b2b was a nice touch of amusement for the off-black color.

Miscellaneous Designs

  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image

Team Shirt Concepts. Founders hated all of them. Yet I've seen someone wearing one of my designs at the gym 8 months after I left Tubi. Neat.

Content art, marketing, platform specific promotions, etc.

Ridiculous things for the whims of the marketing employee that where always needed immediately and last minute.

Other work for TubiTV & AdRise