Manager, User Experience
Grammys-Index.png

CBS GRAMMY Awards

The GRAMMY Awards is an annual special televised on CBS. This project explores ways to draw online viewers into the event’s Live TV streaming experience through CBS All Access. New thinking on the website looks at enhancing content discovery and user engagement.

Concept Exploration: UX, UI

Strategic Goals

Strategic Goals

Build upon GRAMMY Awards Live TV streaming to introduce new customers to CBS All Access.

Rethink navigation structure to provide fast direct paths to visitors' favorite musical artists and award categories.

Create a multimedia hub where users can watch the live stream event, view highlight clips and photo galleries.

 

First Ideation

First Ideation

Looking at options for structuring the CBS GRAMMYS home page, musical categories, and individual artist pages that would serve as media content hubs for top nominees.

Nominees Page Ideation

Nominees Page Ideation

Exploring solutions to provide users with an efficient options to quickly browse as well as search for specific GRAMMY nominees. Users would be presented with live updated award status, music videos, photos and editorial associated with a particular artist.

Categories and Photos

Categories and Photos

Continued refinement of ideation on category page structure. Concepts featuring nominees for each category with on-hover artist detail. Photo gallery ideation for both desktop and mobile formats to provide easy browsing with scrollable grid and photo zoom views.

Favorites and Video

Favorites and Video

Taking a look at creating a customizable page where CBS subscribers can tag their favorite artists and track their progress throughout the GRAMMYAwards Show. The video page features a side panel that serves both for multitask browsing as well as a streamlined sign-up flow for CBS All Access.

Site Map

Site Map

Covers seven sections including CBS Grammys Home, Nominees, Categories, Video, Photos, News and VIP personalized hub. The CBS All Access streaming experience presents a dynamic media room focused on promoting subscriptions through a time limited access to the live event's videos and photos. 

GRAMMY Live Stream

GRAMMY Live Stream

Home page leads with GRAMMY Awards Live TV promo followed by top content sections such as Nominees, Red Carpet and Latest News. Video page presents a new approach to the subscription sign-up process with a side-panel overlay during the free timed Live TV trial.

User Flow - Nominees and Categories

User Flow - Nominees and Categories

To make it easier for visitors to find their favorite artists and groups, an alphanumeric navigation tool is presented. Once on an Artist's Page, users can browse their Grammy nominations, music videos, photos and news.

For category browsing, a tiled page displays all of the genres with associated award listings on-hover. Clicking on these cards takes visitors to that specific music genre page where they can see all artists nominated in each category and link to their videos.  

Nominees and Artist Pages

Nominees and Artist Pages

Nominees page organized in alphabetized sections with navigation bar for quick browsing by name. Artist page serves as their hub with videos, photos, news and nominated awards. Awards status updated live during GRAMMY event.

Award Categories

Award Categories

Wireframes showing how the category page is arranged and displays specific award category listings on-hover. The music genre page presents nominated artists for each award as well as links to their associated music video and a button to follow this artist throughout the night for award notifications.

1_Grammys Promo.jpg
Subscription Sign-Up

Subscription Sign-Up

Visualization of visitor watching live stream with sign-up panel active. Step One is simplified to name, email and create password with social account sign-in option.

Sign-Up Flow

Sign-Up Flow

Users continue through the subscription 3-step sign-up process ending with order confirmation. During the timed Live TV trial, users have full access to all content.

User Flow - Video and Photos

User Flow - Video and Photos

To provide a more immersive live stream experience within the video player, users can jump between the live feed broadcast, backstage cameras, view highlight clips and join in the social media conversation. Additionally, visitors can browse photos from the red carpet and live stage photos once the awards begin. Users who sign up for MyCBS can tag and build their own list of videos and photos.

Videos and Photos

Videos and Photos

Users can browse the events videos and photos as they are posted. Subscribers have additional ability to build their own gallery of favorite videos and photos.

Live Camera Views

Live Camera Views

Users can view 3 Live Camera options, Main Stage, Red Carpet and Backstage as well as latest highlight clips.

4_Grammys Photos2x.jpg
Photo Gallery

Photo Gallery

Users can browse through galleries capturing the GRAMMY Awards from the Red Carpet, on-stage performances, award moments and backstage pictures.