← Back to portfolio

Hagoo Score

(06)

Revolutionizing real-time sports event synchronization and live streaming for an unparalleled fan experience.

Role Solo UX Researcher & UI Designer Duration Concept Product · 2024
Platform Mobile App + MR Concept Status Concept, usability tested
Disciplines
  • UX Research
  • UI
  • Information Architecture
  • Usability Testing
  • Prototype
00 · The short version

Fans could follow the score. Not the game, together.

I'm a sports fan, and I kept missing the best part of live games: the people. Scores lived in one app, streams in another, and the conversation somewhere else. Hagoo Score brings live scores, play-by-play, streaming and fan interaction into one place.

  • The problem

    Fans feel isolated during live events, struggle to follow several games at once, and have few ways to connect with other fans.

  • My role

    Solo, end to end: research, information architecture, wireframes, visual design, prototype and usability testing.

  • The result

    A tested mobile app concept with fan zones, polls and watch parties, plus a mixed-reality watch party concept.

How I worked

  • 01 · Understand: research, competitors
  • 02 · Diverge: personas, empathy map
  • 03 · Decide: SCAMPER, card sorting, IA
  • 04 · Design: wireframes, prototype, UI
  • 05 · Test: usability testing, refinement
01 · Who it's for

Designed for fans who watch alone, but don't want to.

Sports fans of all ages who follow live events closely, often across several sports and several apps at once. From interviews and the survey, two profiles stood out.

Fan profile · 01Sports enthusiast
Name
Lisa Maria
Age
29
Does
Checks several apps for live scores, shares reactions on social media, plays fantasy leagues
Wants
To feel closer to her teams and to other fans while the game is on
Pain
Misses key plays and real-time discussion; existing apps feel one-way
“I wish there was a way to connect with other fans and share the excitement.”
“I follow multiple sports, but it's hard to keep track of all the updates.”
— Adam Kasper, 27, season viewer
Profiles built from 10 interviews and 50 survey responses.

What they open the app to do

  • Follow the score

    Live scores and key moments, for every game they care about.

  • Go deeper

    Stats, line-ups and analysis, without having to watch the whole match.

  • Share the moment

    React, predict and watch together with friends and other fans.

02 · The numbers

The numbers told me where to look.

I combined one-to-one interviews with an online survey, then tested three competitors from a fan's point of view.

10Fans interviewed
50Survey responses
3Competitors tested
5Usability testers

The questions that shaped the design

  • Most important content during a live event?

    • Scores and statistics40%
    • Commentary and analysis30%
    • Fan reactions15%
    • Behind-the-scenes footage15%
  • Which social features would you most likely use?

    • Virtual watch parties35%
    • Commenting30%
    • Reactions20%
    • Predictive gaming15%
  • Preferred notification type for live updates?

    • Push notifications50%
    • In-app alerts25%
    • No preference15%
    • Email notifications10%
  • What would influence your choice of a sports app?

    • Real-time updates30%
    • Exclusive content25%
    • Social interaction features25%
    • Community engagement20%
See the other survey questions and interview script
  • What motivates you to join virtual watch parties?

    • Connecting with friends30%
    • Exclusive content25%
    • Live chats with experts25%
    • Prizes and giveaways20%
  • What motivates you to join predictive gaming?

    • Prizes and rewards30%
    • Entertainment25%
    • Learning about the game25%
    • Competition with friends20%
  • Most valuable push notification during a live event?

    • Score updates35%
    • Breaking news25%
    • Player highlights20%
    • None20%
  • Preferred format for in-depth analysis?

    • Podcasts30%
    • Videos30%
    • Articles25%
    • Infographics15%
  • What would improve in-app merchandise shopping?

    • Virtual try-on35%
    • Discounts and promotions30%
    • Limited edition releases20%
    • Personalized recommendations15%
  • Interview questions

    • Which sports or teams do you follow, and how often do you watch live?
    • How do you stay updated on live events today?
    • Which features do you value most in a sports app?
    • How do you engage with other fans during a game?
    • What gets in the way when you follow live events online?
    • Would you use predictive gaming or AR features?
    • What makes you choose one sports app over another?
03 · What I found

Fans came for the score, and stayed for each other.

SurveyWhat fans saidSo the design
40%said scores and stats matter most during a live gamePuts the live score first, on Home and in its own tab
35%would use virtual watch parties over any other social featureMakes Watch Party a core feature, not a hidden extra
50%want live updates as push notificationsSends score updates as push, with email as an afterthought
30%pick an app for its real-time updatesBuilds everything on real-time sync

The interviews added one more thing: several fans found existing sports apps overwhelming. They wanted more connection, but not more noise.

So the brief wrote itself

How might we keep fans on top of every live game, and make them feel part of the crowd, without drowning them in information?

04 · The problems

Four problems, pinned down.

Each one came up in the interviews, the survey and the app-store reviews of competitors. Tap a card to see what it meant for the design.

05 · Studying the field

Three good apps. One clear gap.

I used Sofascore, Livescore and Flashscore as a fan would, and read their positive and negative reviews on the App Store and Play Store.

  • Sofascore

    Good

    Wide coverage (25+ sports, 5000+ leagues, including esports), instant scores, in-depth stats, Attack Momentum and Shotmaps.

    Challenging

    Information overload, a clear football focus, and streaming only as a premium feature.

  • Livescore

    Good

    Lightning-fast scores, a simple interface, coverage from major leagues to niche events, and personalization.

    Challenging

    Limited in-depth stats, heavy focus on transfer news, and limited customization.

  • Flashscore

    Good

    Very fast updates, a clean customizable interface, broad coverage, text commentary and head-to-head stats.

    Challenging

    Basic stats, possible notification overload, and frequent nudges toward premium.

See the full comparison matrix
FeatureSofascoreLivescoreFlashscore
Sports covered22938
Leagues & tournamentsOver 5000Over 1000Over 6000
Live video streamingNoYesNo
Live commentaryYesYesYes
Live statisticsYesYesYes
Ratings & predictionsYesNoNo
User reviews & feedbackYesNoNo
Mobile appYesYesYes
WebsiteYesYesYes
User interfaceModern and intuitiveSimple and cleanColorful and dynamic
  • What they all do well

    Fast scores, multi-sport coverage, personalization and detailed stats. These became the baseline, not the differentiator.

  • The gap

    None of them made watching social. Streaming was partial at best, and fan interaction was almost missing. That's where Hagoo Score would compete.

Where that left the product

  • Vision

    Change how fans engage with their teams, and build a global community around the excitement of sport.

  • What makes it different

    Real-time sync, interactive features, predictive gaming, watch parties and live streaming, in one app.

  • How it makes money

    Targeted ads with sports brands, in-app purchases for premium features and virtual merchandise, and team sponsorships.

Constraints I designed around: real-time sync has technical limits, feature richness has to be balanced against usability, and streaming rights make seamless live content hard to offer.

06 · Shaping the structure

Lots of ideas. Five tabs.

I used SCAMPER to push past the obvious features, then card sorting to decide where everything should live.

  • Substitute

    Pay per match for live streaming instead of a season plan, so occasional viewers stay in control of cost.

  • Combine

    Live chat during matches, and social feeds merged with live updates in one hub.

  • Adapt

    Scores and alerts on smartwatches, and profiles that put favourite teams and players first.

  • Modify

    Live polls and quizzes in the Fan Zone, plus limited-edition virtual merchandise tied to match milestones.

  • Put to another use

    360° virtual stadium tours, with immersive VR for a more realistic experience.

  • Eliminate & Reverse

    Drop non-essential sign-up fields, and add a reverse timeline of historic moments before a match.

Card sorting → information architecture

Fans sorted every feature in an open card sort on Optimal Sort. I then moved a few features so they're easier to find. Users go from onboarding to sign-up, then into five main tabs:

  • Home

    • Core features
    • Quick access
    • Account
  • Scores

    • Live events
    • Quick access
    • Analytics
  • Watch

    • Live streaming
    • VR experience
    • Fan zone · Live chat
    • Polls / quizzes
    • Predictive gaming
    • Player performances
  • News

    • Sports blogs
  • More

    • Favourites · Schedule
    • Team communities
    • Store · Merchandise
    • Notifications
    • Settings
07 · Paper to pixels

Rough first, so it was cheap to be wrong.

I sketched in my notebook first, keeping only what mattered most, then checked that people understood the screens before adding any polish.

Hand-drawn low-fidelity sketches of Hagoo Score screens
Low-fidelity paper sketches
Mid-fidelity greyscale wireframes of Hagoo Score screens
Mid-fidelity wireframes: simpler, clearer, still greyscale.
08 · What testing changed

My first score screen didn't pass the test.

I tested the prototype with five representative users. They liked the layout and found it easy to navigate. But two things kept tripping them up.

  • What worked

    Testers found the app well designed, with clear, concise information and a layout that's easy to move around.

  • What didn't

    The coloured score cards made team names hard to read, and the way into analytics wasn't clear, so its details blurred together.

Drag to compare

Scores screen after refinement with dark list rows Scores screen before refinement with coloured match cards Before After
Scores. Dark rows read better on black, and team names are written in full.
Match overview after refinement with dark score bar Match timeline before refinement with purple score bar Before After
Match. The score bar now suits the dark theme, and analytics tabs have clear active and inactive states.
09 · Look & feel

Dark, calm, one bright accent.

Games are often watched at night and next to a TV. A dark interface keeps the focus on the action, and a single sky-blue highlight points to what's selected or important.

  • Typeface

    Poppins

    A modern sans-serif that stays readable at small sizes, with enough weights to build a clear hierarchy.

  • Scale

    Regular 12, 14px: body text and descriptions.
    Medium 14, 16, 18px: headings and screen titles.
    Semibold 16, 18, 20px: buttons and navigation.

Jet Black#0C0C0C · Main
Dark Gray#1C1C1C · Surfaces
Light Gray#F0F0F0 · Buttons & icons
Dim Gray#6E6E6E · Inactive text
Sky Blue#53C0EF · Highlight
10 · The final UI

Here's where it landed.

The final design, after testing. Pick a flow and scroll through the screens.

  • Home & scores

    Home shows updates for the fan's favourite sports, teams and players. Scores lists live, finished and upcoming matches for the chosen sport.

  • Match details

    Analytics, stats and line-ups give the full picture without watching. Watch leads to live streaming as a premium feature.

  • Fan zone, polls & watch party

    Chat in the Fan Zone, answer polls for in-app rewards, or create a room to watch with friends.

The watch party, in mixed reality

Hagoo Score watch party in a mixed-reality spatial interface over a living room
A minimal spatial concept: the match, the score and your friends, floating in your living room.

Everything else

Collage of additional Hagoo Score screens: settings, schedule, store, player profile, community and news
11 · What happens next

Next up: bigger screens, and smaller ones.

Hagoo Score is a concept. The mobile app is designed and tested; the next steps take it off the phone.

  1. Research
  2. Design
  3. Tested
  4. Concept completeWe are here
  5. MR & smartwatch
  • 01 · Mixed reality

    Bring the platform to MR devices with spatial awareness and gestures: holographic player stats and full virtual watch parties.

  • 02 · Smartwatch

    A simpler interface with notifications and voice commands, so fans can follow live games from their wrist.

What I'd measure if it launched

  • Watch party rooms created and joined per live match
  • Fan Zone messages and poll answers during games
  • How often fans return to the app while a match is live
  • Conversion from free scores to premium streaming
The takeaway

I started with a fan who kept missing the moment. I wanted an app that puts them back in the crowd.

  • Real-time sync made the score something you can trust.
  • A personal Home cut the noise down to the teams that matter.
  • Fan Zone and watch parties turned watching into something shared.
  • Testing caught the readability problems before they shipped.

Small changes, made after real feedback, changed the experience more than any big feature did. That's the lesson I took into every project after this one.

Tools: Figma for design and prototyping, Google Forms for the survey, Optimal Sort for card sorting, Shots.so for mock-ups.

That's a wrap

Thanks for reading this far!

Got a minute for another story?