Volver a proyectos

Medios digitales

Futbol Sites

Una red de más de 25 sitios de fútbol que sirve millones de visitas al día.

Rol
Frontend Developer Semi-Senior
Duración
4 años
Vista previa del proyecto Futbol Sites

La misión

Futbol Sites es la red de medios deportivos de Better Collective en LATAM: sitios de noticias, resultados, tablas y estadísticas de fútbol que en conjunto mueven millones de visitas diarias. Entré en julio de 2022 y en mi paso por la empresa, mantuve esa red junto al equipo de producto.

El reto

En futbolsites, los sitios comparten componentes, servicios y arquitectura, así que a la hora de implementar un cambio, es necesario asegurar la escalabilidad desde el primer momento.

En este proyecto, cada sitio tiene sus particularidades a nivel de negocio o de locación, lo cual exige un gran nivel de detalle al momento de desarrollar.

A eso se suma el desafío del performance. Los sitios cargan publicidad y contenido dinámico, lo cual complica el cumplimiento de los Core Web Vitals, desarrollar soluciones que permitan que la publicidad conviva con el contenido y que los sitios carguen rápido es un desafío constante.

Stack

Las herramientas con las que se trabajó en el proyecto.

  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Git
  • AdSense
  • Optidigital
  • JIRA
Tipo
Medios digitales
Rol
Frontend Developer Semi-Senior
Periodo
Jul 2022 — Jul 2026
Equipo
Equipo de producto distribuido, con front, back, SEO y ads

Lo que hice

Mis aportes más relevantes, agrupados por objetivos.

Arquitectura y nuevos sitios

  • Creación de nuevos sitios basados en la arquitectura base del proyecto, ya sea reutilizando los múltiples servicios y componentes o realizando modificaciones según el contexto..
  • Desarrollo de componentes reutilizables que hoy usan varios sitios de la red.
  • Features cross-team pensados desde el inicio para escalar a toda la red, no a un solo sitio.

Performance y Core Web Vitals

  • Optimización de LCP, CLS e INP en sitios con carga pesada de publicidad y contenido dinámico.
  • Revisión del costo real de cada script de terceros antes de sumarlo al bundle.
  • Ajuste de imágenes, fuentes y carga diferida para que el contenido llegue antes que los anuncios.

Monetización

  • Implementación y mantenimiento de AdSense y Optidigital como sistemas de monetización.
  • Integración de los espacios publicitarios sin romper el layout ni disparar el CLS.

Operación y calidad

  • Gestión de despliegues a producción y mantenimiento continuo de los sitios.
  • Monitoreo, diagnóstico y resolución de bugs reportados desde producción.
  • Trazabilidad y documentación técnica de las tareas en JIRA.

Impacto

Números que dejé en el proyecto.

Resultados del proyecto

+5Musuarios diarios

  • +25 sitios activos en la red0025
  • LCP reducido en los sitios de la red-40%
  • TTFB reducido en los sitios de la red-30%
  • AdSense y Optidigital integrados0002
Home de uno de los sitios de la red

Bolavip, sitio insignia de Futbolsites

Bolavip, sitio insignia de Futbolsites
Tabla de posiciones y resultados en vivo

Tabla de posiciones y resultados en vivo

Tabla de posiciones y resultados en vivo

Lo que me llevo

Toca una nota para leerla completa.

Escalar de verdad

Un componente que sirve a 25 sitios se diseña distinto a uno que sirve a uno. Aprendí a pensar en la API del componente antes que en su markup.

Ads vs. performance

La publicidad no es negociable en un medio, así que el trabajo real es hacerla convivir con los Core Web Vitals en vez de pelearse con ella.

Trabajo en equipo

Trabajar en un equipo con mas de 10 personas, te hace entender la importancia de habilidades sociales, como la comunicación, la empatia, el ownership y la responsabilidad. Le doy gracias a mi equipo por enseñarme a ser mejor profesional y mejor persona.

Quedarse 4 años

Ver un proyecto crecer durante años te obliga a escribir código que tu yo del futuro pueda leer. Es la mejor escuela de mantenibilidad que conozco.

¿Tienes una buena oportunidad en mente?

Estoy abierto a nuevos retos como Frontend Developer en equipos remotos. Si crees que encajo en lo que están construyendo, hablemos.

Contactar vía LinkedIn

Hablemos

Llega directo a mi bandeja.