Manager, User Experience
CBS App-Index.png

CBS App

Project to introduce licensed Movies to the CBS App for streaming devices. UX work focused on how to present Movies within the existing app structure and how the search tool could be improved for browsing and discovery.

Role: UX, UI, Prototyping

Strategic Goals

Strategic Goals

Stimulate user interest and engagement with introduction of Movies.

Design movies page to provide glanceable information while browsing.

Shorten the path to searched content and improve instant results.

 

Home Page

Home Page

Home Page promotes CBS movies with a full-width video marquee.

ott-home-UI.jpg
Browse Movies

Browse Movies

Page leads with slideshow of featured movies. Navigating down page brings up movie category sections. Content detail displays on hover.

ott-moviesHome-UI.jpg
ott-moviesBrowse-UI.jpg
Movie Page

Movie Page

Displays official movie poster with detail and description overlaying a key art scene. Scrolling down brings up trailers and clips carousel.

Prototype Development

Developed interactive prototype in Framer to simulate the CBS App on the XBOX One platform. Learning this particular tool is certainly challenging but very rewarding when it all comes together!

Click on video clip above to see prototype.

Movies Page Alternate

Movies Page Alternate

User testing revealed an opportunity to improve immersion with movie browsing. This led to a proposal for a single row 6-column layout with a movie genre navigation up top. As users hover over movie posters, the backplate image displays key movie scene with summary overlay.

ott-movies-Alternate-UI.jpg
ott-movies-Alternate-UI2.jpg
Search Page

Search Page

Search results sorted into groups of tv shows and movies to assist users with content discovery.  

ott-search-UI.jpg
Search Page Alternate

Search Page Alternate

Adds Actors to the result filters alongside Movies and Shows. Initial results present with a single letter input and refine after each letter. If user selects an actor, the movies and shows filter to content featuring that specific actor.

app-search v2b.png