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
Ver sitio
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 desde entonces construyo y mantengo esa red junto al equipo de producto.

El reto

Un mismo core de front-end tiene que servir a decenas de sitios con marcas, idiomas y mercados distintos, sin que lanzar uno nuevo signifique empezar de cero. Encima está la tensión de siempre en medios: cada script de publicidad pelea contra los Core Web Vitals, y ahí el rendimiento no es un lujo, es tráfico, y el tráfico son ingresos.

Stack

Las herramientas con las que se construyó el proyecto.

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

Lo que hice

Mi aporte concreto al proyecto, agrupado por frente de trabajo.

Arquitectura y nuevos sitios

  • Creación de nuevos sitios adaptando su diseño a la arquitectura existente, en lugar de forkear el proyecto.
  • 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

El marcador que dejó el proyecto.

Resultados del proyecto

5M+usuarios diarios

  • +25 sitios activos en la red0025
  • Cuatro temporadas seguidas en el equipo0004
  • Sitios con Core Web Vitals en verdeLCP -40%, TTBF: -30%
  • AdSense y Optidigital integrados0002
Imagen pendienteHome de uno de los sitios de la red
Home de uno de los sitios de la red
Imagen pendienteTabla 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.

Producción manda

Desplegar, monitorear y arreglar lo que se rompe enseña más de un sistema que cualquier documentación.

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 LinkedInEscribir un correo