Skip to content
← All work
Watch Hockey

Watch Hockey: live scores and streams for field-hockey fans

Interaction and visual design for a field-hockey app: live scores, streaming, and news, made fast and glanceable on mobile.

Role
Interaction & Visual Designer (interaction design, visual design, prototyping)
Year
2021
Platform
iOS · Android
mobile journeys
6
product core
Scores + streams
01 · Context

The problem

Field-hockey fans want live scores, streams, and news in one fast app they can glance at, but those were scattered across separate places. The job was to bring them together and make them effortless on mobile.

02 · Product work

The work

Personalising the first run

The entry flow had to move quickly from access to useful setup: get in, understand the value, choose what you care about, and decide which updates you want.

Watch Hockey login screen with email, password, account creation, forgotten password and skip options
Login
Watch Hockey onboarding screen inviting fans to discover hockey, choose favourite teams and access news, videos, scores, live video and replays
Onboarding
Watch Hockey notification setup screen with controls for breaking news, game starts, game ends and scores
Notification controls

Fans could build their favourites from the level that made sense to them - federation, team, or player - and move from selection into a richer player view.

Watch Hockey favourites setup showing federation search and a list of international hockey federations
Choose federations
Watch Hockey favourites setup showing male and female player filters and a list of player profiles
Choose players
Watch Hockey player profile for Jocelyn Bartram with career statistics, favourite control, information and video actions
Player profile

Scores, streams and news for the quick glance

People check live sport in short bursts, usually mid-task. I designed the score views to read instantly and prototyped the core flows to test the interaction model before engineering built it.

Watch Hockey latest feed with favourite teams, a featured Kookaburras story, tournament promotion and latest results
Latest feedFull image ↗
Watch Hockey explore screen with search, favourite teams, competition cards and bottom navigation
Browse competitions
Watch Hockey reels prototype showing a hockey player video with like and share actions, caption and bottom navigation
Reels prototype

Rather than scatter scores, video, and news, I brought them into one coherent app, so following hockey is a single, simple habit.

Making failed account states recoverable

The form states cover the less glamorous but important parts of the app: validation, recovery, and a clear way back into the product.

Watch Hockey create-account screen showing invalid email and password validation errors
Create-account validation
Watch Hockey reset-password screen with two password fields, matching guidance and reset action
Reset password
03 · Result

What changed

As Interaction and Visual Designer, I designed and prototyped the mobile journeys for access, personalisation, live scores, streaming, news and recovery across iOS and Android; no adoption or performance outcome is claimed.

04 · Reflection

Live scores had to work in repeated short glances

I kept score, match state and the next useful action visually dominant to support the brief, repeated glances common in live sport.

Next case studyRunite: one platform for running clubs to grow, run events, and get paid