CLIENT

USOC – Team USA

The United States Olympic Committee serves as both the National Olympic and Paralympic Committee for the United States. USOC is responsible for the training and funding of U.S. teams

CLIENT

USOC –
Team USA

The United States Olympic Committee serves as both the National Olympic and Paralympic Committee for the United States. USOC is responsible for the training and funding of U.S. teams

DISCIPLINE

Digital, Branding

DISCIPLINE

Digital, Branding

TEAM

Work produced at
Deloitte Digital

Design Lead, UX, Engagement manager, QA, Front and Back End Developer

TEAM

Work produced at Deloitte Digital

Design Lead, UX, Engagement manager, QA, Front and Back End Developer

USOC-Cover

THE CHALLENGE

Promote the “Others” who represent USA

Apart from highlighting Team USA athletes throughout the year and having the Olympics stay top of mind with the fan base, the ask was to re-imagine and design the online voting process.

 
The two main challenges were:

1. To increase the number of fan voting, includes voting within multiple categories.
2. Engage fans with content to view and share the leaderboard and athlete profiles.

 
As a desired goal, this platform allows USOC to promote the “others”, who represent their country, work just as hard, and make the same sacrifices as those whose names are more widely known.

THE CHALLENGE

Promote the “Others” who represent USA

Apart from highlighting Team USA athletes throughout the year and having the Olympics stay top of mind with the fan base, the ask was to re-imagine and design the online voting process.

 
The two main challenges were:

1. To increase the number of fan voting, includes voting within multiple categories.
2. Engage fans with content to view and share the leaderboard and athlete profiles.

 
As a desired goal, this platform allows USOC to promote the “others”, who represent their country, work just as hard, and make the same sacrifices as those whose names are more widely known.

USOC-Desktop Laptop
USOC-Desktop Mocks
USOC-Back1
USOC-Back2

MY ROLE

Design Lead

I was the design lead on this project. I developed a design language that adheres to USOC’s brand guidelines utilizing their color palate and typeface. My goal was to create a clean and organized interface, through use of color, hierarchy, white space and other visual cues to engage the user. I worked very closely with UX to help create a new journey for the user to experience, workshopping lo-fidelity wireframes at an earlier phase to then later produce Dev ready deliverables and high-fidelity designs.

MY ROLE

Design Lead

I was the design lead on this project. I developed a design language that adheres to USOC’s brand guidelines utilizing their color palate and typeface. My goal was to create a clean and organized interface, through use of color, hierarchy, white space and other visual cues to engage the user. I worked very closely with UX to help create a new journey for the user to experience, workshopping lo-fidelity wireframes at an earlier phase to then later produce Dev ready deliverables and high-fidelity designs.

Vote for Team USA

At landing page level you’ll be able to view which category you are voting for. A countdown before voting closes enables a sense of urgency for fans and first time visitors to engage with the site.

They are able to sign-up to an email for further future information and be able to view past winners.

Vote for Team USA

At landing page level you’ll be able to view which category you are voting for. A countdown before voting closes enables a sense of urgency for fans and first time visitors to engage with the site.

They are able to sign-up to an email for further future information and be able to view past winners.

Exploration

The exploration feature allows users to engage with athletes (Olympic and Paralympic) that they know and love and discover new ones to learn and share about. This can be consumed in a dynamic and visually engaging tile view or more of a list view.

Exploration

The exploration feature allows users to engage with athletes (Olympic and Paralympic) that they know and love and discover new ones to learn and share about. This can be consumed in a dynamic and visually engaging tile view or more of a list view.

APPROACH 

3 Guiding Principles

The engagement to the project was a quick turn around. The client had initially provided information surrounding the voting procedure and technical requirements on how winners were calculated. After analysing the old site and speaking to stakeholders about what wasn’t working, personas were drawn up – first time user and returning user. By understanding this and designing within the lens of these two personas, the initial site map and whiteboarding session occurred.  We took a mobile first approach taking into consideration responsive web (mobile and desktop).  A custom backend CMS was created for the client to be able to update the content when needed.

In the design process, there were 3 main principles that guided the art direction of the re-design. Minimal and clean, Fresh and Engaging and Alive. I explored open compositions which helped provide an overall minimal look and feel with use of accent colors, to pop the design. Hints of shadow gave a sense of depth. Having a sense of energy and movement within photography provided an engaging experience. A dynamic leaderboard with delightful micro interactions injected life into the project.

APPROACH 

3 Guiding Principles

The engagement to the project was a quick turn around. The client had initially provided information surrounding the voting procedure and technical requirements on how winners were calculated. After analysing the old site and speaking to stakeholders about what wasn’t working, personas were drawn up – first time user and returning user. By understanding this and designing within the lens of these two personas, the initial site map and whiteboarding session occurred.  We took a mobile first approach taking into consideration responsive web (mobile and desktop).  A custom backend CMS was created for the client to be able to update the content when needed.

In the design process, there were 3 main principles that guided the art direction of the re-design. Minimal and clean, Fresh and Engaging and Alive. I explored open compositions which helped provide an overall minimal look and feel with use of accent colors, to pop the design. Hints of shadow gave a sense of depth. Having a sense of energy and movement within photography provided an engaging experience. A dynamic leaderboard with delightful micro interactions injected life into the project.

Registration System

The main part of the redesign was this easy to use voting system. The user can vote for an athlete one at time, and can easily go back and change their choices if needed. The user can also view athlete details at this level.

For monetization, brands who wish to sponsor specific categories can do so allowing for cross promotion.

Results

Once the user has finished voting, the leaderboard displays the current breakdown of votes amongst the different athletes.

USOC-Results

Total fan votes for
Best of Year
Increased 42% in
2017 over 2015

Total fan votes for
Best of Year
Increased 42% in
2017 over 2015

USOC-Trophy

SOLUTION

Significantly Increased Votes

Fans can vote for their favorite athletes in three different time frames: best of the month, best of the year (in non-Olympic years), and best of the Games. Visitors can also read athlete profiles, share content via social media, and access athletes’ social media profiles. In addition to the website and social media components, the program includes an annual televised awards show, attended by Team USA athletes, celebrities, and other VIPs, at which the USOC announces that year’s winners in eight categories.

 
Since the site’s relaunch, voting totals have increased significantly:

Total fan votes for Best of the Year increased 42 percent in 2017 over 2015 (the most recent non-Games year). Best of the Month votes for October—the first month the revamped platform was live—jumped 289 percent. Of approximately 240 U.S. athletes in the 2018 Olympic delegation, only a small percentage—maybe 10 percent—are household names. This platform allows USOC to promote the others, who represent their country, work just as hard, and make the same sacrifices as those whose names are more widely known.

SOLUTION

Significantly Increased Votes

Fans can vote for their favorite athletes in three different time frames: best of the month, best of the year (in non-Olympic years), and best of the Games. Visitors can also read athlete profiles, share content via social media, and access athletes’ social media profiles. In addition to the website and social media components, the program includes an annual televised awards show, attended by Team USA athletes, celebrities, and other VIPs, at which the USOC announces that year’s winners in eight categories.

 
Since the site’s relaunch, voting totals have increased significantly:

Total fan votes for Best of the Year increased 42 percent in 2017 over 2015 (the most recent non-Games year). Best of the Month votes for October—the first month the revamped platform was live—jumped 289 percent. Of approximately 240 U.S. athletes in the 2018 Olympic delegation, only a small percentage—maybe 10 percent—are household names. This platform allows USOC to promote the others, who represent their country, work just as hard, and make the same sacrifices as those whose names are more widely known.

Corpus.

Experience Designer | Art Director | UI UX

Email  cesar@cesarcorpus.com

Follow him on Instagram, Linkedin, Dribble

 


© 2018 – Cesar Corpus