Ecosistema web de competiciones FEB
Un site por competición, cada uno con su identidad y todos sobre la misma base
- Para
- Federación Española de Baloncesto
- Rol
- Diseño del sistema, front y CMS
- Equipo
- Yo en diseño, front y CMS; un compañero data analyst en APIs y datos
- Herramientas
- Figma · Lovable · Claude Code
- Cuándo
- 2025 – 2026
Contexto
La FEB organiza muchas competiciones, de Tercera FEB a la Liga Femenina Endesa, la más visible de todas y la máxima categoría del baloncesto femenino en España. Cada una necesita su web al día: calendario, resultados, clasificación, equipos, jugadoras y noticias.
El problema
El ecosistema web de la FEB estaba muy obsoleto. Cada competición era una sección de feb.es, con la misma plantilla antigua y su propio color. La ficha de una jugadora estaba en otra web, el FEB Live Score, hecha de tablas. Y en el móvil, los datos se consultaban con desplegables y tablas apretadas.
Mi rol
Diseñé el sistema y desarrollé el front y el CMS: decidí cómo construirlos y me apoyé en Lovable y Claude Code para escribir el código. La integración con las APIs y los datos la llevó un compañero, data analyst, y el proyecto lo hemos sacado adelante entre los dos.
Un ecosistema de competiciones
En lugar de secciones dentro de feb.es, un espacio propio: competiciones.feb.es.
Cada competición tiene su site, con su identidad de marca, y todos parten de la misma estructura.
Cada site, con su identidad.
Hub de la FEB
LF Endesa
Copa España
Una estructura común
Inicio, partidos, equipos, jugadoras, clasificación y noticias.
La identidad de cada uno
Sus colores y su logo.
Datos en vivo
Calendario, resultados y estadísticas llegan de las APIs de la FEB.
Un CMS propio
Para editar el contenido de cualquier site.
El vídeo de los partidos de todas las competiciones, salvo LF Endesa, está en BalONcesto TV, la plataforma que también rediseñé.
Partidos y jugadoras con página propia
Antes, un resultado era una fila con su tabla de parciales. Ahora cada partido reúne en su página el marcador, los parciales y pestañas con el box score, las jugadas, los líderes, el cara a cara, el mapa de tiro y los vídeos. Mientras se juega, los datos se actualizan en directo.
Antes
Después
La ficha de cada jugadora vive ahora en la web de su competición: foto, posición, medias y pestañas con su rendimiento, partidos, récords, vídeos y trayectoria.
Antes
Después
En el móvil
Los desplegables y las tablas apretadas desaparecen, y la navegación va siempre abajo.
Inicio
Del carrusel y los titulares en cajas a los partidos de la jornada arriba y la noticia principal debajo.
Partidos
Un calendario que se desliza, filtros por estado (en vivo, próximo, finalizado) y una tarjeta por partido.
Estadísticas
De una tabla densa con desplegables a la página del partido: marcador, parciales y box score.
LF Endesa, pensada para su público
Llevé a la web los patrones que su afición conoce mejor: secciones de reels, como en Instagram, y parte del contenido en formato stories.
Un CMS para comunicación y marketing
El equipo lo gestiona todo desde el CMS que desarrollé: publica noticias, contenido editorial y colecciones de YouTube, y cambia los colores y el logo de cada site por separado.
Resultado
Lanzado en beta
Se prueba en beta.competiciones.feb.es antes de pasar a competiciones.feb.es.
Un site por competición
Cada uno con su identidad, sobre la misma base.
El CMS, en uso
El equipo de comunicación y marketing ya trabaja con él.
¿Hablamos?
Te cuento cualquiera de estos proyectos con más detalle, con las pantallas que no puedo publicar aquí.