Vevo TV & XBOX One UI

Vevo TV UI was designed with 10-ft in mind and supports Vevo’s massive music video catalog. Working with the director of design, we kept the interaction and navigation as simple as possible. Based on project specs provided by the product manager, I wireframed the information architecture and user flows. Using that information I explored visual options and user edge cases. The following design was created to function across multiple platforms like PS4, PS3, Samsung TV and Opera TV browsers. 

tv.vevo.com launched in the Fall of 2014 and again with a rebrand in the Winter of 2015.

After launching the app, the user lands on Vevo TV

After launching the app, the user lands on Vevo TV

project2.png

Browse

From the navigation, the user can browse Vevo’s catalog, organized in various ways. With browse the user can navigate to individual genres or they can scan through featured content.

Search

When navigating to search screen, the content sections show is the most popular items in the catalog. The content sections repopulate as the user types in their new search.

The user can sign in with their Vevo account to access existing playlists, add to and create new playlists.

User Playlist Detail

The user can sign in with their Vevo account to access existing playlists, add to and create new playlists.

Artist detail screen can be accessed through search or browse screens. These pages house all of the selected artists videos and artists that are similar.

project5.png

Artist Detail

Artist detail screen can be accessed through search or browse screens. These pages house all of the selected artists videos and artists that are similar.

project6.png

Genre Icons

Finally, I designed iconography to fit the many Vevo genre categories.

 

vevo xBOX one

Working with Microsoft, product managers, and a lone engineer, we developed Vevo for XBOX One. Using Microsoft’s UI templates, I designed the UI to fit Vevo’s content over one month.

Watch Vevo TV

Watch Vevo TV

User Playlists

User Playlists

Featured Content

Featured Content

Watch

Watch