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.
TubiTV Mobile Apps
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.
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.
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. Still needed a quick redline spec for some things to get them exactly right, but design consistency and kept the need for labeling everything to a minimum.
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.
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.
Other work for TubiTV & AdRise