Stockholm Olympics

How a dedicated streaming platform can create better viewing experiences for future Olympics.

Context

9 Week Student Project (2021)
Role: Product Designer
Team: Grace Geary (Art Director), Erin Philips (UX/UI + Illustrator)

01 Overview

Background

Viewership at the Tokyo Olympics dropped 42% from the last games.

As a storied brand with years of history, the Olympics are a chance for host nations to showcase their unique cultural heritage with millions of viewers around the world. But, it all goes for nothing if nobody is actually watching the Olympics.

Can we create better media experiences for future Olympics so this doesn't happen again?

For a hypothetical future Winter Olympic games in Stockholm, we wanted to re-examine what the viewing experience could embody, and how a dedicated Olympic streaming service could elevate the Olympic brand.

Challenge

How can future Olympic Games leverage technology to create better viewing experiences?

Key User Research

The Olympics truly represent all kinds of media consumers.

In talking to potential users about how they consumed Olympic content, we came to a realization that the full spectrum of sports viewers was represented in the audience. Thus, the diversity of the user base would require a flexible system that can cater to every single kind of media consumer.

Balancing the full spectrum of media consumers is a major struggle.

In talking to all these people, a major pain point frequently brought up was how the Olympic viewing experience never seemed to fully hit all the notes with its viewers.

So, based one what we discovered about our user base, we realized we needed to introduce a deeper level of customization, one where users could easily tailor their viewing experience based on their own media consumption habits.

02 Solution

Solution Overview

A streaming platform that gives users the controls to the broadcast interface.

Just as the Olympic branding changes each year to reflect its host nation, we sought to create an updated streaming platform that sits as the centralized platform for Olympic viewership.

Our core focus when imagining a streaming platform for the Winter Olympics was how we could leverage components-based thinking to create a more customized viewing experience, with interchangeable widgets catered to specific user needs across digital mediums. This in turn set the framework for our flexible viewing system for all kinds of viewers.

Startup

Personalizing what information is shown on the screen.

First-time setup allows you to choose specific topics and information that can augment your viewing experience, which then translates to specific widgets later on.

Streaming

Creating personal HUDs (heads up display) for distinct viewing experiences.

By presenting personalized information widgets in a HUD-type experience, the extra layer of information is neatly layered into the viewing experience and allows for a flexible system that works across multiple breakpoints and AR capabilities.

Immersion

Allowing for simultaneous personalized HUDs in AR.

To take it a step further, we designed an AR experience where individuals can simultaneously watch the same sport in the same room, complete with unique viewing experiences. Hopefully, in the future, AR glasses are commercially available and a viable product.

Supporting Design

Designing new branding for a stand-alone platform.

To really drive home that this was a unique platform designed for the Olympics, my team and I created a new visual identity to separate this platform from typical streaming experiences. We then proofed it by testing it in Olympic mockups and settings.

Logo

Creating Stockholm's new visual identity cornerstone.

The cornerstone of the Stockholm Olympics; the logo was designed jointly between me and Erin as the key visual element that encapsulates the Swedish brand principles.

Style Guide

Evoking pre-existing Swedish design.

Our art director, Grace, chose a typeface and colors that enhances the brand cues in cultural elements across Sweden’s geography.

Identity in Use

Designing Olympic-specific artifacts.

Finally, we sought to apply our brand identity across various Olympic visuals, maintaining a cohesive look and feel throughout pictograms, signage, medals and mascot.

I also created a couple animations visualizing how 3D things can be translated into 3D low poly art.

03 Strategy

Key Research

Viewership was split between cable, NBC Peacock, Hulu, etc.

NBC Universal reported a historic drop in viewership for the Tokyo Olympics. There were a plethora of factors, but it can partially be attributed to confusion in how the Winter Olympics were supposed to be viewed. Some were directed to NBC Peacock, others scoured cable for events - all while different events were being scheduled at all times of the day.

Could we centralize where Olympic content is held?

Our approach was to create a streaming platform specifically for the Olympics. We realized we could enhance this particular streaming platform as necessary in order to improve viewer comprehension of the sports they were watching, and to create a sense that the Olympics is bigger than everyday streaming content found on NBC Peacock.

Main Focus

Create a streaming product for the Stockholm Olympics, complete with new Olympic branding.
04 Process

Discover

Who is this for?

We wanted to represent major viewing experiences as a good starting-off point, to test if our personalization framework would hold up.

We categorized our users into four basic personas that speaks to different types of media consumers, thus creating specific widgets for a varied viewing experience.

Breaking down each persona into both tv viewing and mobile experiences, we took a look at the overall user journey in how these viewers would get from startup, to personalization, to viewership.

In the process of diagramming the user flow, it became clear to us that onboarding was a major pain point throughout the process, but immediately afterwards being able to browse widgets and customize the experience was a more satisfying experience.

Thus, in the final screens we sought to link the onboarding and personalization aspect as much as possible, both visually and logistically.

Design

What does this look like?

After identifying personas, we created widgets that corresponded to each user's viewing needs and wants.

We then applied the brand identity to the widgets, in order to create a cohesive set.

The next step was to think through the mobile experience and tv streaming experience laid out through the user flows. For this, it was important to understand at which point customization should occur, and realizing that there was only one point between the two in which it was neccesary.

Finally, the HUD went through a couple iterations as proof of concept for the widgets, as they needed to be able to function as standalone components in AR in conjunction with 2D streaming.

Test

Do the widgets match up?

If the widgets were meant to represent typical viewing experiences, we wanted to test widgets with people, and then tweak what they could look like to better serve their particular function.

This testing was done in user batches based on their viewer types, so we attempted to pair certain groups of widgets with perceived viewer types in order to see if there were unmet needs.

Refine

Putting it together

The complete viewing experience is then crafted and connected, bringing together brand identity with a unique streaming service.

Mobile Experience

Streaming Experience

05 Reflection
Streaming in the future is ever-evolving.

It's hard to tell what the landscape for media consumption will be in the future, but at the very least we wanted to push product design of streaming services further, intersecting concepts from other disciplines such as video games (HUD) with traditional methods of media consumption.

If we had more time, I would have liked to push the AR functionality even further - could this be a product that lives solely in AR? If so, what would that look like?

Next Project: Castella


Discord | Sigil | Stockholm Olympics | Castella | HarmoniaBlossomsAdding Matter