Hollywood Offices: Web Design
Helping TV series creators in the entertainment industry find office space for their next writers' rooms.View Project
The campaign outlined 4 key tasks that the volunteer should be able to complete throughout the leaderboard experience.
Before I started designing, I gathered inspiration for a basic framework. The goal was to keep the design simple, while maintaining the existing brand identity.
Multiple leaderboard options were mocked up for campaign review with variations in how the volunteer category might be represented (i.e., short description, icons, both?) The first option with a plain header was selected to keep things simple.
On the main leaderboard screen, each volunteer category is assigned a brand color with brand red reserved for CTA’s. Iconography is used to distinguish each subcategory.
On desktop and tablet, the assigned colors are applied to each corresponding side navigation item as well as its respective header and number fill.
Building upon the basic framework from Phase #1, the campaign wanted to add features to increase competition in Phase #2.
The next version allows users to compare volunteer progress to a weekly goal. The goals give volunteers a number to work towards, while the tabs allow the campaign to acknowledge top individual volunteers as well as groups of volunteers.
Although the team was only able to ship the first phase, the project still managed to spur excitement and friendly competition. Volunteers with high scores shared screenshots on social media, received praise, and encouraged others to get involved.