Turning a data-heavy sports site into a fast, readable mobile-first experience
Dense match data → clear scanning (Voetbalmarkt)
Dense match data → clear scanning (Voetbalmarkt)
Voetbalmarkt is an online platform where users check match results across national and international competitions.
The product is fundamentally data-heavy: fixtures, standings, competition overviews, and many tables with repeating patterns.
Most visitors use the site on their phone, often quickly — which means the experience needs to be fast to scan, easy to read, and reliable even when the page is packed with information.
This wasn’t a typical marketing website redesign.
The challenge was to present a lot of structured information in a way that feels calm and immediately readable, while also integrating advertisements — the site’s primary revenue model.
Key constraints:
The goal was simple: help users find what they need faster, with less effort.
I was responsible for the project from structure to implementation: UX, UI, and frontend development.
My role included:
The focus throughout was clarity: if the structure is right, the interface becomes easier to use — and easier to extend.
I focused on turning “a lot of information” into a predictable reading experience.
Key areas of focus:
The guiding question was: can a user get the answer they want in seconds?
The redesigned site made Voetbalmarkt easier to use in the moments it matters most: quick mobile checks during a match day.
Users could:
The experience stayed data-rich — but became easier to read and more consistent across pages.
Tables were the hardest part. They contain the value of the product — and they don’t naturally scale down.
The solution was to treat tables as a reading experience rather than a raw data dump: clear spacing, predictable alignment, and consistent hierarchy so users can scan with minimal effort.
The result is a table system that remains readable and meaningful even on smaller screens.
Voetbalmarkt improved because it started with structure, not decoration.
The clickable wireframe made it possible to align on hierarchy early, before moving into UI polish.
By designing around scanning behavior and mobile constraints, the site became faster to use — while still supporting the density that power users expect.
When a product is mostly data, readability is the feature.
If users can scan confidently on mobile — even with ads present — the product feels faster, calmer, and more trustworthy.
If you’re building a product that feels more complex than it needs to be, I’d love to hear about it.
Short messages or early-stage questions are welcome, happy to think along!