Christopher Robert Stone | Creative | Senior UI/UX Designer | Senior Art Director

project goal

To create a stand-alone responsive web voting experience that captures the branding of The Grammys while falling under the CBS.com core template. This project explores ways to draw online viewers into the Artist Of Tomorrow's nominees. New thinking on this voting experience enhances content discovery and user engagement.

To create a stand-alone responsive web voting experience that captures the
branding of The Grammys while falling under the CBS.com core template.
This project explores ways to draw online viewers into the Artist Of Tomorrow's
nominees. New thinking on this voting experience enhances content discovery
and user engagement..

roles

Tori Weber - Product Owner
Chris Stone - Art Director - Production Manager
Product Design Manager
Nina Mabry - UX Lead
Mark Rigney - Developer

tools

JIRA - Project Management
Photoshop - Product Design
Slack — Collaboration and Communication

ideation

We explored options for organizing the VOTE - "call to action" button and layout design for the individual artists.

We explored options for organizing the VOTE - "call to action"
button and layout design for the individual artists.

1 of 4 Ideation options for organizing the VOTE call to action button for the individual artist for The Grammy's Artist Of Tomorrow on desktop platform

2 of 4 Ideation options for organizing the VOTE call to action button for the individual artist for The Grammy's Artist Of Tomorrow on desktop platform

3 of 4 Ideation options for organizing the VOTE call to action button for the individual artist for The Grammy's Artist Of Tomorrow on desktop platform

4 of 4 Ideation options for organizing the VOTE call to action button for the individual artist for The Grammy's Artist Of Tomorrow on desktop platform

wireframes

In researching newer trends, we added a full-width header to highlight where you are on the site and expanding the content full width to the current framework. We increased the artist images since these pages are light in content.

In researching newer trends, we added a full-width header to highlight where you
are on the site and expanding the content full width to the current framework.
We increased the artist images since these pages are light in content.

wireframes

desktop
phase 1 - phase 5

phase - 1
how is works

2 of 5 UX grayscale wireframes of a mobile phone device for The Grammy's Artist Of Tomorrow nomination votes on how a user would vote

phase - 2
voting options

3 of 5 UX grayscale wireframes of a mobile phone device for The Grammy's Artist Of Tomorrow nomination votes on how a user would vote

phase - 2
voting options

4 of 5 UX grayscale wireframes of a mobile phone device for The Grammy's Artist Of Tomorrow nomination votes on how a user would vote

phase - 3
voting has ended

5 of 5 UX grayscale wireframes of a mobile phone device for The Grammy's Artist Of Tomorrow nomination votes on how a user would vote

phase - 5
grammy's live performance

visual design

In the end we had something that met the stakeholders needs and expectations. It was also an experience where the user could vote for their favorite Artist Of Tomorrow nominee and do it as often as they want while sharing their vote with the public.

In the end we had something that met the stakeholders needs and
expectations. It was also an experience where the user could vote for
their favorite Artist Of Tomorrow nominee and do it as often as
they want while sharing their vote with the public.

1 of 4 Mobile phone devices of The Grammy's Artist Of Tomorrow nomination votes

2 of 4 Mobile phone assets of The Grammy's Artist Of Tomorrow nomination votes

3 of 4 Mobile phone assets of The Grammy's Artist Of Tomorrow nomination votes

4 of 4 Mobile phone devices of The Grammy's Artist Of Tomorrow nomination votes

results

The project launched in February 2019 making its debut for the Grammy Awards. The layout is now being used for various award shows across CBS.com for responsive web. We created a voting experience that better meets the needs of the viewers.

The project launched in February 2019 making its debut for the Grammy Awards.
The layout is now being used for various award shows across CBS.com for responsive web.
We created a voting experience that better meets the needs of the viewers.

Large marquee for The Grammy Awards which directs users to www.cbs.com/shows/grammys