vma-logo

MTV Video Music Awards

MY ROLE
UX Design
UI Design
TIMELINE
Jun 2019 - Aug 2019
SUMMARY

Redesigned the MTV VMA Voting experience from the ground up resulting in an 198% increase in unique voters with total votes up more than 2000%

browserbar_dark
THE CHALLENGE
Work with Telescope to bring designs to life
Create a scalable voting experience that supports:
  • 17 voteable categories
  • Ability for fans to award multiple votes across nominees
  • "Daily Power Hour" allows votes to count double
  • "Twitter Hashtag Battle" and "Vote on Instagram Stories" to boost voting and promotion
vma-logo

User Flow

The goal is to get users to allocate their votes and to submit their votes properly.

flow-chart-1

Voting Module

A new card was created to showcase nominees, with meta fields for producers to input: Music Video Title, Artist, Professional Credits, and a Call-to-Action to watch the associated video.

vote-cards

Voting buttons are enabled / disabled depending on how many votes the user has left to allocate for that category.

Cards
browserbar_dark
Initial-Category

Initial Voting State

When a user first lands on the voting page, the first voting category is open. The header indicates the category name and directly below it is a dynamic counter of how many votes are left for the user in that category.

The persistant footer indicates how many categories the user has submitted their votes in.

Video Player

The call-to action within the card links to a modal with the associated music video. Users can click the prev / next arrows to navigate between all the nominated videos. 

browserbar_dark
apeshit-video-player
browserbar_dark
Vote-Log-In

Log In to Cast Your Vote

The user is prompted to log in when they cast their first vote. This is utilized so that users can return the next day and vote again.

Confirm Votes

If a user uses up all ten votes in a category, a modal appears to confirm if a user wants to submit or edit their votes. Selecting edit will close the modal and return the user to where they were before. Submitting will close the category and open up the next.

If a user does not want to submit all ten votes, they can still submit by clicking on the submit button at the bottom of the category.

browserbar_dark
Vote-Confirm
browserbar_dark
Thank-You

Thank You Modal

Once the user submit votes for all categories, a modal appears to thank the user and to remind them to vote again the next day.

Social Voting

Some categories are only votable throught social media platforms such a instagram or twitter

For instagram voting, the user is led to the corresponding instagram story where they can vote. 

On twitter, the user is prompted to tweet a hashtag of who they are voting for. 

browserbar_dark
Instagram-Stories-vote
browserbar_dark
Twitter-hastag-battle
vma-mobile-screens

More Projects

VidConWebsite Design

A Winter's TaleWindow Display

Pop-Up CardsPaper Crafting

Cardboard TurntablePhysical Computing