NHL EDGE Website Feature
NHL EDGE Website Feature
Embedded Files
Role:
Product Designer
Team:
Solo project
Platform:
Web
Duration:
1 week
Tools:
Photoshop, Figma Make
Overview
Overview
NHL EDGE provides advanced player tracking data, but it doesn’t highlight when scoring happens. This project introduces Clutch Scoring, a feature that instantly reveals which players deliver in high-pressure moments and lets fans watch the plays that decided the game.
Designed by auditing existing NHL EDGE patterns, editing live screens in Photoshop, and prototyping the flow using Figma Make.
Problem
Problem
Traditional stats don’t capture game context
“Clutch” performance is subjective and hard to validate
Highlights are disconnected from the data that makes them meaningful
Fans lack a clear, trustworthy way to explore and compare late-game impact.
Solution
Solution
Clutch Scoring ranks players by points that tie the game or give their team the lead late in regulation, integrating seamlessly into NHL EDGE’s existing stats experience.
The feature allows users to:
Quickly identify the league’s top late-game performers
Filter clutch performance by time remaining and player type
Compare players head-to-head
Watch the exact plays behind each stat
Feature Highlights
Feature Highlights
Clutch Scoring Leaderboard
Clutch Scoring Leaderboard
Embedded in NHL EDGE’s “Top 10 Lists”
Filters for season/career, playoffs, position, and time remaining
Displays clutch points, goals, and assists
Player Profile Integration
Player Profile Integration
Career or season clutch summaries
Consistent EDGE filtering patterns
No new navigation learning curve
Clutch Highlights
Clutch Highlights
Ranked list of late-game goals and assists
Sorted by time remaining
One-click video playback for each play
Design Process
Design Process
Audited NHL EDGE’s UI patterns and data hierarchy
Edited existing EDGE screens in Photoshop to test layout fit
Built an interactive prototype using Figma Make
Prioritized clarity, consistency, and discoverability over visual novelty
Outcome
Outcome
Adds narrative context to late-game scoring without introducing subjective metrics
Makes high-impact moments instantly watchable by connecting stats to video
Extends NHL EDGE using existing patterns, avoiding new navigation or complexity
Prototype demo (may take a moment to load)
Key Takeaways & Future Improvements
Key Takeaways & Future Improvements
If developed further, this feature could expand to:
Playoff-specific clutch performance
Team-level clutch trends
Shareable clutch highlight reels
Integration with broadcast or fantasy products
This project reinforced the importance of context over complexity. Meaningful insights don’t always require new data, just better framing.
Page updated
Google Sites
Report abuse