When does a sports dashboard need the court to be more than a background? In this case, we were d...When does a sports dashboard need the court to be more than a background? In this case, we were d...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
When does a sports dashboard need the court to be more than a background?
In this case, we were designing Deuce a tennis analytics platform that needed to make complex match data feel immediate and spatial, not just numerical.
The brief was clear: analysts and coaches don't just want stats. They want to feel like they're watching the match while reading the data.
So we made the Wimbledon court the literal center of the interface. Every panel orbits it match overview and surface performance on the left, live scoreboard and tournament state on the right, performance trend running the full width below. The court isn't decoration. It's the anchor that makes every number feel like it belongs to a real moment on a real surface.
72.34% win rate. 48 aces. 210 km/h best serve. Djokovic leading Alcaraz 6-4 on Center Court. Alcaraz vs Sinner tonight at 11 PM. Tactic heatmaps showing where points are won and lost.
What we noticed was that spatial context changed how the data felt. The same numbers in a standard table read as analysis. Wrapped around a court, they read as intelligence.
Do you think sports UI design is still underestimating how much context and spatial layout affect how data is understood?
Post image
Post image
Post image
Delwar's avatar
Simply incredible
Ibrahim's avatar
Nice aesthetics, but composition feels bottom-heavy.
Masbah's avatar
Amazing Dashboard ✨
antora's avatar
Impressive design
Sohan's avatar
Amazing💯
Md's avatar
Clean execution! The color palette fits the tennis theme really well, and the live court view integration is super smooth.
Kabir's avatar
Split Creatives logo
Yeah, the court makes the data feel way more real. Really smart idea.
Asif's avatar
Spatial context does more than decorate here: anchoring the panels around the court turns each metric into a located event, so a coach reads position before number. My one caution is glance legibility, when the anchor is that detailed the surrounding panels need a quieter...
DC's avatar
Really like this approach. Making the court the center of the data makes everything feel much easier to understand.
md zakiul's avatar
wow,, amazing
Bammy's avatar
Marisa's avatar
This is amazing work !
Mosharof's avatar
Absolutely. Spatial context can turn raw statistics into something instantly understandable. When the interface reflects the actual environment of the sport, the data feels more connected to the action rather than just being numbers on a screen.
Mary's avatar
Beaautiful
Tabish's avatar
100% yes. Wrapping data around the court completely changes how the brain processes it. It stops being a spreadsheet and starts feeling like a live view from the coaches box.
Nikita's avatar
so clean . love this green <3
So Creative. the idea is quite different.
Sajibur's avatar
Awesome Work
Anamika 's avatar
Nice work
Ayesha's avatar
This feels like a good example of UI reflecting how people actually think about the problem, rather than just displaying the data. What was the hardest part to get right?
Shohel's avatar
Really impressive work! 👏 The way you’ve made complex tennis data feel visual and spatial instead of just numerical is fantastic. 🎾🔥
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started