Home

Portfolio

About

Contact me

Home

Portfolio

About

Contact me

Home

Portfolio

About

Contact me

OlmpicLive | UI & UX Design

👉 Check the prototype

Client

Brisbane 2032 Olympic Organising Committee

Project

Individual work

Design

UI Design | UX Design

Duration

3 weeks

Tool

Figma | Balsamiq | Prototype

Challenge

This project is required to design an innovative digital solution for the Brisbane 2032 Olympics, focusing on one of six areas: engaging remote viewers, accessible navigation, emerging transport, Indigenous culture integration, volunteer coordination, or sustainability. The solution must enhance user experience on a specific platform (e.g., mobile, desktop, smartwatch) while addressing the unique needs of its target audience.

Overview

OlympicLive is an immersive digital platform designed to enhance the remote viewing experience for the 2032 Brisbane Olympics. It features multi-perspective viewing, AI-powered global accessibility, and interactive tools like live chats and voting, creating a sense of community and deeper engagement. Through iterative design and heuristic evaluation, the project refined its visual hierarchy, user engagement features, and customizable viewing options to deliver a seamless and interactive experience for a worldwide audience.

Process

A seamless journey from insight to impact, this framework empowers innovation and precision. Guiding each step with purpose, it transforms user needs into meaningful, user-centric design solutions.

01
Discover
Unearth user needs, pain points, and insights through extensive research to understand the problem space deeply.
- Tools: Online ethnography, user interview, competitor analysis, SWOT analysis, Dovetail, Miro
Define
Synthesize research findings into clear design goals, personas, and problem statements to set a focused direction.
- Tools: Affinity mapping, journey mapping, decision matrix, initial sketches
02
Develop
Ideate, prototype, and iterate on solutions to address user pain points and test assumptions through user feedback.
- Tools: Rapid sketching, low-fidelity wireframes, think- aloud protocol, usability testing, interactive prototype
03
Deliver
Finalize and present high-fidelity designs, ensuring alighment with user needs and business goals for impactful delivery.
- Tools: High-fidelity prototype, storytelling framework, presentation tools
04

Process

A seamless journey from insight to impact, this framework empowers innovation and precision. Guiding each step with purpose, it transforms user needs into meaningful, user-centric design solutions.

01

Discover

Brainstorming sessions in order to take their needs and company goals into account. Define the scope and objectives of the project and lays a fundamental foundation for everything that comes after.

Develop

Define the user experience, test and evaluate design concepts, and analyze how your designs will inform behavior and effect the experience of the user.

03

Define

Gather additional information about the ideal client, market opportunities and design sprint. Getting direct feedback from users themselves through user surveys and field activities.

02

Deliver

Determine design patterns, elements of template pages, different framework options, and work with developers to test design functionality.

04

Process

A seamless journey from insight to impact, this framework empowers innovation and precision. Guiding each step with purpose, it transforms user needs into meaningful, user-centric design solutions.

01
Discover
Unearth user needs, pain points, and insights through extensive research to understand the problem space deeply.
- Tools: Online ethnography, user interview, competitor analysis, SWOT analysis, Dovetail, Miro
Define
Synthesize research findings into clear design goals, personas, and problem statements to set a focused direction.
- Tools: Affinity mapping, journey mapping, decision matrix, initial sketches
02
Develop
Ideate, prototype, and iterate on solutions to address user pain points and test assumptions through user feedback.
- Tools: Rapid sketching, low-fidelity wireframes, think- aloud protocol, usability testing, interactive prototype
03
Deliver
Finalize and present high-fidelity designs, ensuring alighment with user needs and business goals for impactful delivery.
- Tools: High-fidelity prototype, storytelling framework, presentation tools
04

1. Discover

2. Define

4. Deliver

Final Wireflow

Iteration

Home Page

Text readability has been improved by increasing contrast against backgrounds and ensuring text is not overlaying complex images.
using cards for content modules and tabs for categorized information.

Focused Highlight: The main event is featured more prominently for immediate user engagement.
Simplified Navigation: The interface might have been streamlined for easier and clearer user navigation.
Organized Layout: Content sections could have been reorganized for better clarity and accessibility.

Live View Page

Interactive elements are standardized with a clear call to action, improving the intuitive nature of navigation.
Minimalist design that prioritizes user tasks and information needs.

Reduced On-Screen Elements: Streamlining the interface to focus more on the live event.
Feature Consolidation: Prioritizing and simplifying features for ease of use.
Enhanced Score Visibility: Making live scores and statuses more prominent for immediate viewer understanding.

watch and share with others beyond space limitations
catch up multiple games and have real-time interactions
watch with detailed analysis and flexible perspectives

Design Solution

Problem Space and User Needs

Our design aims to connect online participants of the Olympic Games and create aninteractive and immersive engagement.
Given the global nature of the Olympics and the trend of globalization, our designprovides an online viewing experience accessible to audiences all over the world.

HOW MIGHT WE

create a fun, engaging experience to bring global audiences together?