Skip to content
Yong Hyun Yoon

Product & UI/UX designer in Sydney

Contact

Stan · 2024

Implemented

Paris 2024 on Stan

Catch-up browsing and reusable content tiles for Olympic coverage on Stan.

Contribution
I designed Catch Up from the ground up and adapted TV designs for mobile. I worked with another designer on the other browsing screens and co-designed the Olympic tile templates.
Outcome
Developers automated tiles from our templates, so Olympic content took less manual work.
Role
Product Designer
Platforms
TV · Web · Mobile
Timeline
Mar–Aug 2024, Stan contract
Team
4 product designers
1 researcher
1 product manager
Paris 2024 on Stan TV homepage with Day 3 live coverage.
The companion Stan mobile homepage

Background

Olympic coverage within a familiar app.

The Olympics brought overlapping live events, overnight catch-up and large volumes of content into Stan.

Existing layout
Long pages of similar rows, with few ways to browse within a section.
Production constraints
Olympic content had to be prepared quickly with limited staffing.
Browsing structure
The navigation audit and the team’s early research informed separate entry points for live coverage, catch-up and individual sports.

Watch Now and Catch Up

Catch up on what happened overnight.

The Paris–Sydney time difference meant viewers could miss events overnight. I brought daily roundups, highlights and full replays into Catch Up.

Watch Now on TV
Watch Now on TV
Catch Up on TV
Catch Up on TV

Sports

A hub for each sport.

Viewers could also begin with a sport. All Sports leads to dedicated hubs with live coverage, schedules, highlights and replays.

All Sports on TV
All Sports on TV
Athletics sport hub on TV
Athletics sport hub on TV

Early Home concept

Bring overnight highlights into the morning.

The emphasis shifts through the Australian day: overnight highlights in the morning, live and upcoming coverage in the evening.

Morning concept with overnight highlights
Morning: overnight highlights
Evening concept with live and upcoming sport
Evening: live and upcoming sport

Content tile library

Shared rules for different content.

Tiles had to handle different sports, event states and name lengths. Another designer and I co-designed the Olympic tile templates.

  1. Template

  2. plus Image

  3. plus Contrast

  4. makes a Replay tile

Match the visual treatment to the content

Live and upcoming tiles use the black, gold and white of the Paris identity. Replay tiles use event imagery, with contrast layers behind the text.

Show when an event starts.

Singles. Upcoming Olympic tile.
Singles
Doubles. Upcoming Olympic tile.
Doubles
Team sport. Upcoming Olympic tile.
Team sport
Individual event. Upcoming Olympic tile.
Individual event

Beyond event cards

Channels, short videos and collections needed their own formats. I also supported another designer’s work on Stan’s wider sports tiles through research and feedback.

Channels content tile
Channels
Highlights content tile
Highlights
Collections content tile
Collections

Handoff rules

Keep the right information visible.

Real event data brought long names and competing metadata. The handoff defined what to hide, resize or replace.

Original doubles template example with long athlete names and the seed and versus labels hidden.

Keep athlete names

Hide seed numbers and “v” as needed before reducing name text to the template’s 20px minimum.

Original fallback example using Germany versus Netherlands instead of athlete names.

Fall back to countries

If doubles names still do not fit, use country names with the team template.

Original team replay tile showing the replay date and competition stage in its bottom metadata line.

Limit the metadata

The wider Stan Sport specification limits team and doubles tiles to two items: replay date first, then round or stage, then competition name.

Outcome

Less manual work during Olympic coverage.

In my experience, templates and automatic generation helped our small team prepare large volumes of content with fewer typos. I don’t have production metrics or post-launch feedback.

Next project

Planning what to watch

Stan · 2024

Implemented

Thanks for stopping by.

Curious about the work? Let’s talk.

Say hello