International Olympic CommitteeGames Learning Platform2025

Reimagining Learning

A laptop showing the redesigned Games Delivery Playbook channel, surrounded by Olympic-coloured graphic patterns, a set of line icons and four learning cards.
Timeline
Apr – Jun 2025
Role
UI design — imagery, visual design, illustration, dev handoff
Tools
Figma, FigJam, WCAG 2.1, Trello

TL;DR

The Games Learning Platform is a centralised hub for all mandatory training related to the Olympic Games. It brings together learning materials for organisers, volunteers and other stakeholders who plan, deliver and run the Games, so everyone has the knowledge and resources they need in one place.

Challenge

Lost in a learning maze

The Learning Platform was visually outdated and lacked an engaging user experience. It was built on EdCast components, which offer limited design flexibility, so the client believed significant improvements were out of reach.

The platform’s complex content structure also lacked visual hierarchy. That made it difficult for users to navigate, understand the overall context and engage with the learning experience.

The previous Groups page: a long grid of near-identical green, red and yellow tiles labelled with three-letter codes such as PGI, BRS and ACS.

Before

Groups page

The previous homepage: stacked carousels of photos and coloured code tiles with no clear starting point.

Before

Homepage

Process

Project timeline

Apr 2025

  1. 01

    Discovery

    • Project kickoff with stakeholders to identify pain points and clarify the vision.

  2. 02

    Research & Strategy

    • Analysed platform structure and hierarchy.
    • Benchmarked competitors and gathered inspiration to define the design direction.
    • Created the information architecture.
    • Explored EdCast limitations in a sandbox.

  3. 03

    Concept & Validation

    • Ideated and designed homepage concepts.
    • Gathered team feedback on feasibility and content.
    • Presented proposals to stakeholders for alignment.

  4. 04

    Visual Design

    • Iterated on visuals and designed subpages, banners and learning material covers.
    • Tested ideas in the sandbox with team consultations.

  5. 05

    Finalisation & Handoff

    • Created reusable templates for banners and covers to keep visuals consistent.
    • Delivered final Figma files during a QA handoff session.

Jun 2025

Visual design

Defining hierarchy: colours and shapes

Learning materials are organised into five portfolios, each with a signature colour. The platform hierarchy spans five levels:

  1. Grouptop level
  2. Channelfor posting materials
  3. Journeygrouping related content
  4. Pathwayfor complex learning tracks
  5. Smart Cardindividual learning items
The five levels of the learning content hierarchy.

To improve visual clarity despite the limited components, I introduced simple shapes that refer to the IOC’s “rounded” branding, and colour coding to represent each level of the hierarchy. The platform structure became easier to understand at a glance.

Group card: a green banner with a half-rounded edge and the code PGI, labelled Group, with a Join Group button.

Group

Channel card: a green banner with one large rounded corner and the code PGI, labelled Channel, with a Follow button.

Channel

Channel card with a photo of a diver at Rio 2016 in place of the coloured banner.

Channel with photo

Pathway card: stacked green cards with the code OG09 LOG and a folded corner, labelled Pathway.

Pathway

The new Group page for Paralympic Games Integration on a tablet: a green rounded banner with an athlete photo, tabs, and four associated channel cards.
New Group page.

Landing page

A clear starting point instead of endless carousels

The previous GLP homepage lacked a proper entry point. It relied on multiple carousels, with no clear place for users to start. To create a more intuitive and engaging experience, I redesigned the homepage with:

  • a welcoming section with announcements and quick-access links,
  • clearly defined sections for better content organisation,
  • a portfolio legend to help users quickly identify the five learning groups,
  • a “Top Pick of the Month” feature, highlighting expert-recommended learning curated by an IOC specialist.
The redesigned landing page with callouts for Quick access links, the Portfolios legend in five colours, and the Top pick of the month.
Redesigned landing page.