Design a Nominees page template that would fit across all CBS Award shows including Grammy Awards, Emmy Awards and more.
JIRA — Project Management
Sketch App — Product Design
Prototype — Webflow
Slack — Collaboration and Communication
Brandy Mayer — Product Owner
Amanda Fong — Senior Product Designer
Mark Rigney — Developer
The Experience team and I collaborated on ways to create a space for these music artists on CBS.com. We came up with ideas about how to navigate through 100+ categories, a different way to discover music artists and browse media content.
One of the pain points with the current experience is a user cannot navigate to a new category once they reach the artist biography page. My solution is to design a category navigation bar that is persistent across pages.
I researched to see if the house ad was necessary on this page. Looking at the data, I was able to remove it to better utilize the space. I added a full-width header to highlight where you are on the site and expanding the content full width to the current framework. I increased the artist images since these pages are light in content.
Nominee's List Page - Desktop
Artist List w/o Profile Image
Artist List with Profile Image
Category Navigation
Artist Bio Page
Since this is a template that would have to work across different shows, there are 3 elements that are custom to this template: the graphic header, the hex color values, and the "winner" tag that is applied next to the artist name.
Artist List w/o Profile Image
Artist List with Profile Image
Category Filter
Artist Bio Page
This template is updated the day after the award show has aired. I had to create a tag to indicate for each category who the winner was.
The project shipped in February 2017 making it's debut for the Grammy Awards. It is also now being used for various award shows across CBS.com for desktop and mobile.
view live site
