Amanda Fong

HomeGrammy AwardsNFLWatch! MagazineCBS Internship ProgramJoymodeAbout

Grammy Awards

Amanda Fong - Grammy Awards
PROJECT goal

Design a Nominees page template that would fit across all CBS Award shows including Grammy Awards, Emmy Awards and more.

Tools

JIRA — Project Management
Sketch App — Product Design
Prototype — Webflow
Slack — Collaboration and Communication

ROLES

Brandy Mayer — Product Owner
Amanda Fong — Senior Product Designer
Mark Rigney — Developer

Conceptual Exploration

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.

Amanda Fong - Grammy Awards

User Flow

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.

Amanda Fong - Grammy AwardsAmanda Fong - Grammy Awards

Wireframing

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.

Amanda Fong - Grammy Awards

Nominee's List Page - Desktop

Amanda Fong - Grammy Awards

Artist List w/o Profile Image

Amanda Fong - Grammy Awards

Artist List with Profile Image

Amanda Fong - Grammy Awards

Category Navigation

Amanda Fong - Grammy Awards

Artist Bio Page

Visual Design

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.

Amanda Fong - Grammy Awards

Artist List w/o Profile Image

Amanda Fong - Grammy Awards

Artist List with Profile Image

Amanda Fong - Grammy Awards

Category Filter

Amanda Fong - Grammy Awards

Artist Bio Page

Amanda Fong - Grammy Awards

Winner's Tag

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.

Result

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
next
Amanda Fong - NFL
NFL
Desktop / Mobile
Product Design
View Project
02
NFL
Desktop / Mobile
07 . 2017