Role - Researcher, Designer | Tools - Figma | Duration - 3 Months | Team - 5 Other Designers
Problem
Coaches don’t have a clear or efficient way to review team performance data.
Season stats were stored in separate spreadsheets and raw reports, making it difficult for coaches to quickly find or compare information. This slowed down their ability to evaluate players, track progress, and make data-driven decisions.
D1 Soccer Data Visuals
Making Player and Team Performance Easy to Understand
The Solution
Interactive visualizations make team data easy to understand and use.
The new website includes various data visualizations that organize season and player stats into clear, interactive graphics. Coaches can quickly compare metrics, track trends over time, and identify strengths and weaknesses without digging through spreadsheets.
Division 1 soccer coaches, players, and recruits rely on various tools and websites to analyze performance data, but the experience of most is fragmented and inefficient. Data and video live in separate places, stats lack context, and visuals are slow and hard to interpret.
Centralize all of the team’s data into one clear, accessible platform
Connect performance data directly to relevant clips or games for better context
Create intuitive data visualizations that support quick insights
Enable team and player comparisons to reveal long-term trends
Research
Understanding The Challenge
Goals & Objectives
Key Features
Based on direct feedback from coaches, the platform was designed around a few key features they needed most to quickly understand the overall performance of the team.
One of the most requested features from coaches was a player comparison tool, which led us to design a clean, interactive radar chart that compares key performance metrics player-by-player or team-by-team.
Another key feature is the game details breakdown page, which opens with the starting lineup data and then expands into deeper match insights like possession, attacking patterns, shots, and other performance metrics as needed.
50%
20%
60%
41%
80%
60%
30%
45%
77%
83%
Passes
Accurate Passes
Accurate Progressive Passes
Long Ball Ration
Fwd Ball Ration
ANEL K.
Class: Sophomore
Height: 6’3
Weight: 195
Position: Center Back
Total
0
0
0
0
0
Goals
Category (Per 90 minutes)
Shots
Head Goals
Passes to final third
Passes to penalty area
Defending
Attacking
Possesion
Player Comparison Chart
Game Details Breakdown
To better understand the challenges and needs of our users, we created multiple personas to represent coaches and players.
Persona Profiles
We analyzed six competing soccer data platforms to identify usability gaps and data visualization that informed our design decisions along the way.
Competitive Analysis
Here’s a glimpse of the style guide, where we defined colors, typography, and visual elements to ensure a consistent and polished look across the entire platform.
Style Guide
There’s a lot that went into this project—interviews, empathy maps, golden thread work, user flows, and more. Instead of overwhelming you on this page, I’ve tucked everything into a FigJam. Click below to explore the full process!
Want to See All the Research?
Below are a few of our low-fidelity data visualization wireframes, which helped us plan the layouts, hierarchy, and key functionality.
Low-Fidelity Wireframes
Here are a few of the final website designs, where the data visualizations and interface come together to create a cohesive and useful experience. While we didn’t create a clickable prototype, these screens were made to communicate the design and interactions for the computer science team to implement.
Final Designs
Player Overview
Upcoming Game
Button
Bradley vs. Opponent
Saturday, Oct 18
Home Game
Shea Stadium, Peoria, IL
Win Probability
7:00 PM
Widget title
Player name
Stat
Stat
Stat
Button
Interceptions
Clearance
Tackles
Blocked shots
Name
Position
Number
type of shot/defense/attack/ etc.
Lorum
Ipsum
vs.
1 - 4
X/X/XXXX
2nd
Overall
Starting Lineup
1st
Defense
Attack
Possesion
Reset
Shots
Time on video it happened:
Link of video clip
10:50
0:00
45:00
Project Impact
This project streamlined how Division 1 soccer coaches, players, and recruits access and interpret performance data. By connecting stats and creating intuitive, interactive visualizations, the platform makes it faster and easier to uncover insights, compare players and teams, and track trends over time. It lays the foundation for more data-driven decisions in season games and player development.
Lessons Learned & Future Development
Time Management & Prioritization: With the project condensed from a year-long timeline to just one semester, we learned how important it is to focus on core features and prioritize what provides the most value to users.
Design Handoff: Delivering polished screens instead of a full prototype emphasized the importance of clear communication with the development team to ensure our design intent translates correctly.
Future Development: The computer science team will continue building the platform, expanding it into a fully interactive tool with more data integration, advanced visualizations, and AI-driven insights for coaches, players, and recruits.
Measuring Impact
Displays all players in a card-based layout for quick scanning
Visual stat rings show attack, passing, and defense at a glance
Enables fast comparison between players without leaving the page
Can easily view and switch between different conference teams
Team Overview -
Player Breakdown
Lists all players in a sortable table for side-by-side comparison
Combines individual stats with position and team context
Sidebar radial chart and graph metrics used to break down a selected player’s performance
Team Overview -
Game Details
Different page variations for different metrics/data fields
Default, Shots, Possession, Attack, etc.
Visualizes on-field positioning
Allows coaches to simplify view by game halves or teams
Player
Team
Conference
Reports & Downloads
Admin
Team
Player
Admin
Conference
Reports & Downloads
50%
20%
60%
41%
80%
60%
30%
45%
77%
83%
Passes
Accurate Passes
Accurate Progressive Passes
Long Ball Ration
Fwd Ball Ration
Josh R.
Class: Sophomore
Height: 6’3
Weight: 195
Position: Center Back
Total
0
0
0
0
0
Goals
Category (Per 90 minutes)
Shots
Head Goals
Passes to final third
Passes to penalty area
Defending
Attacking
Possesion
Player Compare
Goal of Tool: Compare two players in a way that is fair, meaningful, and position-appropriate, without forcing comparisons that don’t actually make sense in real soccer terms
Simplified radar chart to view position-based categories easily and efficiently
Helps identify players with similar profiles or complementary skill sets
Uses color contrast and layering to prevent visual overload
Reduces the need to scan multiple data tables to evaluate a single player or to compare by player
Match Reports
Match widgets lead to past game data sorted by team played and date
Sidebar navigation to toggle between report categories and downloads
Search bar with filters to easily find specific reports or data
Admin & Management
Allows coaches to easily upload data and other relevant information
Displays the most recently added data for quick reference and verification
Provides feedback or confirmation messages to ensure successful uploads
Player
Team
Conference
Reports & Downloads
Admin
Upload Data
CONFIRM
3.93 MB
John Smith 81 min goal
3.16 GB
Bradley v. NIU Soccer.mov
Upload Data
Admin & Management
Upload Data
Validate Data
Manage Users & Roles
Integration Settings
System Logs / Status
Reports & Downloads
Match Reports
Player Reports
Team Summaries
Video & Data
Saved / Shared Reports
Recently Uploaded
John Smith Scores 81st min. mp4
Bradley v. NIU Soccer.mov
Tyrese Hal scores off Free-Kick (21st). mp4
04/31/26
04/31/26
04/31/26
File Name
Date
Link
Design
