Paris Olympics & Paralympics
Role: Visual, Product & Production Design
Our team handled all the content that launched on Peacock during the Paris Olympics. This took a year of preparation, from coordinating NBC streams and programs to planning and learning athletes and all sports in the games. Through partnerships with Live Operations and Product, we were able to put together a comprehensive plan and toolkit to support all streams. Our team created over 7,000 assets over the two weeks of the game, providing around the clock coverage and responsive design support. I created and oversaw the designs of these assets ensuring high-quality and accuracy across all assets and touch-points. To achieve this it took strategic planning, project management, cross functional collaboration and clear communication. We achieved this through these phases:
-
Phase 1: Information Gathering & Planning
-
Phase 2: Initial Build
-
Phase 3: Responsive Design Support
Phase 1
Information Gathering & Planning
The Paris Olympics featured 32 Sports with a wide variety of options. This encompassed representation of men's and women's events and mixed competitions, individual and team events with tournament-style group play and knock-out rounds, and untraditional formats like skateboarding and breaking.
Our first course of action was to document as much as possible sport details, gather participating countries, possible target athletes for features and any intricacies of sports. Along with that, I was building our Toolkit guide to translate what our final look and feel would be for all content types and sharing that with all requestors. This ensured that we were all aligned on information, scope, and the final execution of on-platform creative.
Role Recap
-
Team Leadership
-
Project Management
-
Process Documentation
-
Partner Collaboration
Phase 2
Initial Build: Generic Images
We began the build of the Olympics page on Peacock prior to the games starting. In order to accomplish this, we delivered all sports navigation tiles with their corresponding Sport Pictogram developed in partnership with Product teams. Next, we planned through all variations of sports and designed generic images to represent each of those sports. It was a unique challenge as we needed to ensure the design was representational of the action and sport details while remaining evergreen and in some cases, gender-neutral.
Role Recap
-
Visual Design
-
Art Direction
-
Quality Assurance
-
Project Management
96
244
HERO IMAGES
UI ASSETS
120+
DESIGN HOURS
Custom Hero Imagery & UI Elements
We built the toolkit to ensure scalability across all platforms, inclusive of television, desktop and mobile. We developed safe areas and guides to ensure brand experience was consistent across devices.
16:9 Aspect Ratio - Television & Web
UI
Overlay
Safe Area
Metadata Area
3:4 Aspect Ratio - Mobile Friendly
Centered for Mobile
Metadata
Overlay
16:9 Aspect Ratio - Television & Web
Live Badging
Metadata
Overlay
Dynamic Badging
3:4 Aspect Ratio - Mobile Friendly
Centered for Mobile
Live Badging
Metadata
Overlay
Phase 2
Initial Build: Hubs & Playlists
Peacock groups content in different ways for ease of navigation, it can be a grouping of sport streams or highlight clips. The user can navigate these feeds and find everything conveniently grouped including Live & Upcoming Streams, Highlights, and Replays. These were opportunities for us to highlight sports and athletes and share alternate types of content as the games progressed.
HUB ASSETS
80+
PLAYLIST ASSETS
468+
Phase 3
Responsive Design Support
After months of asset creation, information gathering, and planning we were ready to take on the 2024 Paris Olympic and Paralympic Games. Our team utilized templates that were assigned by sports and content type to produce large quantities of assets that supported over 100 streams per day across all events. We also supported alternate feeds like USA Coverage, GoldZone and Multiview feeds that were customized each day of the games.
Skills Recap
-
Production Design
-
Project Management
-
Visual Design
-
Art Direction
100
STREAMS PER DAY
7,000+
DESIGNED IMAGES
314+
COVERAGE HOURS
Our design approach was predetermined by a combination of engagement and business priority. These layouts were Figma templates created for consistency and we built in options for single, and multiple players as well as full bleed and masked imagery with background customization options.
Feature Support
Peacock launched Multiview as a part of it's Olympics experience. This allowed the user to view multiple feeds of events happening at the same time. Each day brought new events which brought unique feeds and groupings. We developed a design template to represent the unique types of content pairings and collaborated throughout the day to launch multiple hero images to support this feature daily.
Daily Feeds Support
Peacock was the home for all NBCUniversal brands to showcase their Olympics and Paralympics content. We partnered with other teams across the organization to feature feeds like Primetime, GoldZone, USA and Telemundo streams daily. Each day we managed the imagery of each of these partner brands and ensured quality and consistency across the entirety of the Games.
Results
2.51M
ADDED PAID SUBS
17 BILLION
MINUTES STREAMED ON PEACOCK
75%
RATING INCREASE
