Digital tablet displaying live streaming of men's 100-meter race at the Olympics, with a running track and athletes in the background.

For this project, our client was the Brisbane 2032 Olympics organising committee. With our project, we decided to focus on remote viewer participation. In the project, I had the opportunity to design a tablet-friendly interface and helped shape the design system and visual identity.

Client

Brisbane Olympics Committee

Team

Max Heytman | Tamara Natassja | Chiara Cao

My roles

Deliverables

Design System | Low & Mid-fidelity prototype | Mock-ups & Posters

Research | UI/UX Design

We conducted an online ethnography to understand why users may watch fewer Olympic events or to discover what features users like from other sports streaming services. With some understanding of what users prefer in sporting apps and an idea of why people may not be watching the Olympics, we created user personas to understand the user and their needs and motivations.

The motivations we decided to focus on are users wanting to support their favourite teams, keep updated on events, know what allows athletes to excel and watch events in their native languages.

How might we enable users to follow their favourite teams, view athlete statistics and be reminded of upcoming events?

Two digital profile cards showing personal information, photos, and preferences of individuals named Harry Howard and Lexy Yeon, along with details about their lives, hobbies, and motivations.

Wireframing

To understand the visual elements of our design and how we want layout features, we wireframed the screens we chose to work on. In the wireframes, I was working on an onboarding system for tablets that allows users to select teams and athletes to follow, personalising their feed.

Four hand-drawn wireframes of a sports app or website design concept. The layouts include sections for athletes, sports, trending events, choosing favorite sports like football and field hockey, selecting the country, and navigation buttons for skipping or proceeding to the next step.
An infographic explaining a sports-related app interface with a blue background and multiple smartphone screens showing features such as country search, sport selection, event schedule, athlete profiles, and onboarding process.

After some feedback from my peers, I start to work towards creating digital wireframes through Balsamiq.
The feedback I received was a lack of system feedback, so I added a progress bar on the onboarding menu.
The button sizes were too small, considering the screen size.

Flowchart showing user navigation through a sports app on a mobile device, selecting country and sports, following athletes, and accessing live streams, with key icons for back and next, and a note about watching live content with stats overlay

Visual Identity & Mockups

Our next task was to work on the visual identity and design system. When choosing colours and font we wanted to represent Brisbane, so we chose to use the colours of Brisbane’s flag.

A visual identity style guide for Olympic plus, featuring a blue background, a simplistic logo, Olympic flags, and color palettes in blue, yellow, black, and white, along with typography samples including the primary font Antonio and secondary font Poppins.
A presentation slide about Olympic+ design system, featuring a blue background with white text on the left side and multiple sections on the right displaying calendar, color palette, video carousel, and sports categories, with thumbnails of sports and athletes.
Mockup of a tablet screen displaying a sports app with a grid of nine orange icons representing different sports such as basketball, cycling, soccer, athletics, gymnastics, surfing, canoeing, volleyball, and equestrian. The app is titled Olympics+ and has a blue header, with a prominent blue skip button below the sports grid.

Visual Identity & Mockups

After user testing and a presentation of our visual identity, I used the feedback to work towards the final prototype of this project.

Multiple tablet screens displaying an Olympics app with features like event schedule, athlete following, country selection, sport selection, live video, and replays on a blue background with gold abstract lines.