Skip to content
← All work
Watch Hockey

Live hockey in one mobile app

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
Scope
6mobile journeys
Scope
Scores + streamsproduct core
On this page
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.

Key decisions

Decisions and delivery

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.

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 federationsView full image ↗
Watch Hockey favourites setup showing male and female player filters and a list of player profiles
Choose playersView full image ↗
Watch Hockey player profile for Jocelyn Bartram with career statistics, favourite control, information and video actions
Player profileView full image ↗

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 feedView full image ↗
Watch Hockey explore screen with search, favourite teams, competition cards and bottom navigation
Browse competitionsView full image ↗
Watch Hockey reels prototype showing a hockey player video with like and share actions, caption and bottom navigation
Reels prototypeView full image ↗

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

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 validationView full image ↗
Watch Hockey reset-password screen with two password fields, matching guidance and reset action
Reset passwordView full image ↗
Delivery evidence

What shipped

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.

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.

Continue the conversation

Working through a similarly complex product decision?

I can help frame the problem, make the trade-offs visible, and carry the decision through to a usable delivery.

Get in touch
Next case studyOne platform for clubs to run and grow