FEB competitions web ecosystem
One site per competition, each with its own identity and all on the same base
- For
- Spanish Basketball Federation
- Role
- System design, front end and CMS
- Team
- Me on design, front end and CMS; a data analyst colleague on APIs and data
- Tools
- Figma · Lovable · Claude Code
- When
- 2025 – 2026
Context
The FEB organizes many competitions, from Tercera FEB to the Liga Femenina Endesa, the most visible of them all and the top women's basketball league in Spain. Each one needs its website kept up to date: schedule, results, standings, teams, players and news.
The problem
The FEB's web ecosystem was very outdated. Each competition was a section of feb.es, with the same old template and its own color. A player's profile was on another website, the FEB Live Score, made up of tables. And on mobile, you looked up the data through dropdowns and cramped tables.
My role
I designed the system and developed the front end and the CMS: I decided how to build them and relied on Lovable and Claude Code to write the code. A colleague, a data analyst, handled the API integration and the data, and we've carried the project forward between the two of us.
An ecosystem of competitions
Instead of sections within feb.es, a space of their own: competiciones.feb.es.
Each competition has its own site, with its own brand identity, and they all start from the same structure.
Each site, with its own identity.
FEB hub
LF Endesa
Copa España
A shared structure
Home, games, teams, players, standings and news.
Each site's identity
Its colors and logo.
Live data
Schedule, results and stats come from the FEB's APIs.
A custom CMS
To edit the content of any site.
For every competition except LF Endesa, video of the games is on BalONcesto TV, the platform I also redesigned.
Games and players, each with its own page
Before, a result was a row with its table of quarter scores. Now each game's page brings together the score, the quarter scores and tabs with the box score, the play-by-play, the leaders, the head-to-head, the shot chart and the videos. While the game is on, the data updates live.
Before
After
Each player's profile now lives on their competition's website: photo, position, averages and tabs with their performance, games, records, videos and career history.
Before
After
On mobile
The dropdowns and cramped tables are gone, and the navigation is always at the bottom.
Home
From the carousel and boxed headlines to the round's games at the top and the main news article below.
Games
A swipeable calendar, status filters (live, upcoming, finished) and one card per game.
Stats
From a dense table with dropdowns to the game page: score, quarter scores and box score.
LF Endesa, designed for its audience
I brought the patterns its fans know best to the website: reels sections, like on Instagram, and some of the content in stories format.
A CMS for communications and marketing
The team runs everything from the CMS I developed: they publish news, editorial content and YouTube collections, and change the colors and logo of each site separately.
Results
Launched in beta
It's being tested at beta.competiciones.feb.es before moving to competiciones.feb.es.
One site per competition
Each one with its own identity, on the same foundation.
The CMS, in use
The communications and marketing team already works with it.
Let's talk.
I can walk you through any of these projects in more detail, including the screens I can't publish here.