theScore App Feature

Role:

Product Designer

Team:

Solo project

Platform:

Mobile

Duration:

4 weeks

Tools:

Photoshop, Figma

Overview

theScore delivers real-time scores and traditional player stats, but it doesn’t clearly reveal which players matter most when games are close. This project explores Impact Performance, a feature concept that highlights player contributions in high-leverage situations and presents them in a way that is fast, contextual, and easy to compare.

Designed by manually modeling game data, auditing existing sports apps, and prototyping a mobile-first experience using Photoshop and Figma.

Problem

Fans want to understand who makes a difference in close games, but traditional stats do not reflect context.

Box scores and cumulative totals treat every point the same regardless of when it occurs. As a result, late-game performance, which is often the most meaningful part of a game, is buried inside play-by-play data and difficult to evaluate at a glance. Fans lack a clear and intuitive way to assess player impact in high-pressure situations without deep manual analysis.

Solution

Impact Performance reframes player evaluation by focusing on contributions made in close-game situations, giving fans a clearer picture of who performs under pressure.

The feature allows users to:

Instantly identify players with the highest impact in tight games
Filter performance by situation and timeframe
Compare players beyond raw scoring totals

All while fitting naturally into theScore’s fast, mobile-first experience.

Season impact

Feature Highlights

Impact Performance Leaderboard

Ranks players based on impact contributions in close games
Designed for quick scanning and comparison
Uses familiar leaderboard patterns to minimize friction

Player-Level Breakdown

Shows how a player’s impact is distributed across games and situations
Highlights context rather than cumulative totals
Reinforces why certain performances matter more than others

Mobile-First Design

Optimized for short sessions and frequent check-ins
Prioritizes clarity over density
Keeps interaction lightweight and fast

Playoff career impact

Design Process

Data Exploration

Manually analyzed over 1,500 NHL games
Identified patterns where traditional stats failed to reflect late-game impact
Defined criteria for “impact” based on game closeness and timing

Concept Development

Audited existing sports apps to understand common stat presentation patterns
Explored ways to layer context onto familiar views rather than introducing entirely new ones

Design & Prototyping

Created initial UI concepts in Photoshop
Iterated on hierarchy and layout to support fast comprehension on mobile
Focused on making impact metrics readable without explanation

Design Workspace

A look into the working file used to explore flows, layouts, and interactions during the design process.

Outcome

Introduces a clearer way to evaluate player performance in close games
Adds contextual meaning to existing stats without increasing complexity
Aligns with theScore’s focus on speed, clarity, and engagement

Key Takeaways & Future Improvements

Key Takeaways

Context often matters more than volume in sports data
Fans value clarity and trust over novel metrics
Familiar UI patterns make new ideas easier to adopt

Future Improvements

User testing to validate understanding of “impact” scoring
Expanded filtering for playoff-only or team-specific views
Deeper integration with game recaps and alerts

Page updated

Google Sites

Report abuse