Designing an SDK cloud service experience to integrate with third-party video content applications.

Re-imagine TV. Vizbee makes smart phones, smart speakers and smart TV's in our living rooms together behave as one device. Video publishers can leverage the best capabilities across these devices to deliver unified user experiences.

Role:

Product Design
UX Design
Brand System & Identity
Creative Direction

I worked in-house with the Vizbee team to create and execute their brand and product UI for native mobile apps, streaming devices like Apple TV, and a range of smart TV’s. The engagement with the Vizbee product team spanned almost a year, in which the UI and brand was rigorously iterated upon in formal and informal design sprints.

Mobile-to-TV deep-linking technology linking is a huge benefit to the Vizbee customers, converting short duration mobile viewing to 10X longer viewing on big screen TVs. Deep-linking allows a viewer to seamlessly stream video content with a single tap on their social posts or mobile notifications and messages, directly to their streaming device or smart TV of choice.

Iterating

The first step with the UI was to design the best possible interface for the most utilized screen of the SDK – the “player” or remote screen. With a goal to seamlessly fit into the design of many different customers’ apps, we rigorously iterated during informal design sprints, settling on a direction and re-working the details as new parameters were set by the product team and engineers. 

Flexible Systems

The Vizbee brand as a visual representation became a “white label” brand – enabling the Vizbee UI to fit seamlessly and on brand within any third party application, creating a unified experience for users. By taking advantage of micro-interactions, we were able to highlight the Vizbee mark and provide small moments of brand recognition in particular instances that made sense within the user journey.

By creating a flexible design system, customers can deploy the default SDK as a light or dark theme that any TV network application can customize to their brand, simply by adjusting primary, secondary or tertiary color variables within the code. We also developed a base option to easily create an entirely custom theme for an even more premium or tailored design.