MY ROLE
UX Design
UI Design
TIMELINE
2019 - 2020
SUMMARY

Led the redesign of the whole VidCon site while building and maintaining a scalable template system for future events.

VidCon is the world's largest event for fans, creators, executives, and brands who are passionate about online video and building diverse communities.

browserbar_dark
Homepage-VidCon
THE CHALLENGE
VidCon is the first of many "On-the-Ground" events from Viacom that is to be built using the new Viacom Design System.
Viacom's online platforms cater to video streaming, therefore, most templates currently within our design system do not fit the goals of the VidCon site. 
THE SOLUTION
Create new modules and templates specifically for events.
These new templates must be flexible enough for various Viacom brands and events to use as well such as BET Experience, MTV's SnowGlobe Music Festival, Nickelodeon SlimeFest, etc.
browserbar_dark
About-Vidcon-1

Info Page

This template supports a header title, an image / video, as well as a robust content area with allows text, images, embeds, etc.

The bottom of the page supports an area for cards in a grid or a carousel.

Schedule

The schedule page features a day filter under the navigation that is sticky on scroll, an event category filter under the date, and a series of schedule items.

Each schedule item leads to the event detail page.

browserbar_dark
Schedule-Community
browserbar_dark
Event-Detail-Image-2

Event Details

This template supports a header area that has the ability to show the event name, event category, as well as the date, time, and location. The header area also supports an image / video with the robust content area underneath.

Also has the option of adding a carousel to showcase featured performers.

Performer Detail

The performer detail page showcases the name of the performer, an image, social links, and a robust content area for details about the artist.

If the performer is scheduled for any apprearances, schedule items will appear in the section underneath.

browserbar_dark
Artist-Detail-Image
browserbar_dark
Ticket-Purchase-2

Tickets Page

The ticket card is a completely new component. It features a field for the date / event / location, as well as the ticket name, a price, and a buy button. The optional fields are the image and description

vidcon-mobile-screens

More Projects

MTV Video Music AwardsWeb Voting Experience

A Winter's TaleWindow Display

Pop-Up CardsPaper Crafting

Cardboard TurntablePhysical Computing