Producto digital · Datos · Fórmula 1

De varios experimentos a un ecosistema navegable.

Mi interés por el automovilismo se convirtió en un producto digital propio: Telemetry One reúne actualidad, resultados, perfiles, historia, modelos analíticos y juegos dentro de una experiencia común. El desafío fue transformar años de curiosidad, datos y experimentos en un ecosistema que invita a explorar la Fórmula 1 desde distintos ángulos.

Página de inicio real de Telemetry One con navegación, resultados y tabla del campeonato
La portada conecta la temporada actual con resultados, historia, rankings y juegos: distintas formas de entrar al mismo universo.
1.374entidades indexadas en el archivo histórico publicado
1.149eventos con clasificaciones en el snapshot 1950–2025
1.140chasis nominales conectados con temporadas y participantes
ES / ENinterfaz, navegación y contenido editorial bilingües
El problema de producto

La información existía. Lo que faltaba era una forma de recorrerla.

Los resultados recientes, el archivo histórico, el ranking retrospectivo y los juegos habían nacido como proyectos distintos. Unirlos no consistía en pegarlos dentro de una home: había que resolver escalas temporales, fuentes y comportamientos diferentes sin confundir al visitante.

Actualidad

La temporada como punto de entrada

Calendario, resultados y posiciones permiten seguir el presente y abrir rutas naturales hacia pilotos, equipos y carreras relacionadas.

Archivo

76 temporadas conectadas

Temporadas, carreras, pilotos, constructores, motores, neumáticos, circuitos y autos se generan desde snapshots identificables y forman una red histórica navegable.

Análisis

Comparar más allá del resultado

El ranking v7.6 y las probabilidades esperadas agregan una capa analítica para explorar rendimiento, contexto y trayectorias entre épocas.

Arquitectura de información

Una entrada común, varias profundidades.

La navegación principal responde a intenciones distintas: seguir la temporada, consultar una entidad, comparar trayectorias, leer una historia o jugar. Dentro del archivo, una segunda capa permite moverse por temporadas, Grandes Premios, pilotos, constructores, motores, neumáticos, naciones, circuitos, autos y récords.

Datos que conservan su significado

La interfaz distingue resultados confirmados, información disponible y salidas de modelos. Esa decisión hace que una base de datos extensa siga siendo legible y permite comparar sin perder el contexto de cada cifra.

Enlaces como parte del modelo

Las páginas no son fichas aisladas. Una carrera enlaza temporada y participantes; un chasis enlaza los años en que aparece; un piloto conecta resultados oficiales con la serie analítica que lo representa.

Índice histórico real de Telemetry One con filtros y tabla de pilotos
El índice histórico permite buscar y ordenar sin abandonar el contexto del archivo.
Sistema técnico

Generar, verificar y después presentar.

Normalizar fuentes

F1DB alimenta el archivo histórico; otras fuentes se usan con atribución para información y material que el dataset base no contiene.

Construir snapshots

Scripts separados generan historia, fines de semana, neumáticos, récords y artículos. El sitio no recalcula modelos analíticos durante una visita.

Verificar invariantes

Las tareas de validación comprueban totales, enlaces, casos históricos especiales, reglas de poles y cobertura del modelo antes de publicar.

Servir con Next.js

Las rutas dinámicas leen artefactos versionados y los convierten en páginas rápidas, enlazables y aptas para buscadores.

Decisión clave: el portal puede evolucionar sin obligar a rediseñar cada vez que aparece una nueva familia de datos. La interfaz trata los nuevos análisis como capacidades del sistema, no como excepciones visuales.
Interfaz real del ranking histórico de pilotos de Telemetry One
El ranking conserva su identidad analítica dentro del mismo producto y explicita versión, cobertura y modo de comparación.
Integración analítica

El modelo no es decoración.

La experiencia de ranking permite elegir una versión ya calculada, comparar pilotos o autos y cambiar el eje entre número de carrera y nombre del Gran Premio. Los detalles de cada punto incluyen contexto de la prueba y variables del modelo.

La separación entre estadísticas oficiales y resultados analíticos evita una lectura equivocada: títulos, victorias y clasificaciones pertenecen al archivo; ELO, xP y expectativa de victoria pertenecen al modelo y se etiquetan como tales.

El portal también admite productos independientes

Los juegos y Predestinato se despliegan en repositorios propios. Telemetry One los incorpora como destinos consistentes, sin acoplar su ciclo de desarrollo al de la enciclopedia.

Del dato a la página

Cada pantalla nace de una cadena de decisiones reproducible.

El trabajo comienza antes del componente visual. Los scripts toman fuentes estructuradas, normalizan nombres, identificadores y relaciones, y producen snapshots versionados. Esa capa evita que una misma entidad aparezca fragmentada por pequeñas diferencias históricas y permite que pilotos, equipos, chasis, motores, circuitos y temporadas se conecten mediante rutas estables.

Después se generan artefactos específicos para cada familia de páginas. El calendario necesita orden cronológico y estados de carrera; una ficha de piloto necesita trayectoria y relaciones; un índice histórico necesita búsqueda y ordenamiento; el visualizador necesita series calculadas y metadatos del modelo. Preparar esas salidas durante el build mantiene rápida la navegación y deja la lógica analítica fuera de la visita del usuario.

La capa de Next.js convierte esos artefactos en rutas dinámicas con metadatos, enlaces internos y estructura bilingüe. El español y el inglés comparten el mismo modelo de información, pero cada uno conserva sus propios títulos, descripciones y etiquetas. Antes de publicar, las validaciones recorren enlaces, cantidades, cobertura, reglas históricas y casos límite para detectar contradicciones entre la base y la interfaz.

Ingerir

Recolectar fuentes y conservar atribución, fechas y procedencia para que cada dato tenga contexto.

Normalizar

Resolver identificadores y relaciones antes de que lleguen a los componentes de la interfaz.

Generar

Crear snapshots y páginas a partir de plantillas comunes, sin copiar información a mano.

Verificar

Comprobar enlaces, totales, traducciones y excepciones históricas antes del despliegue.

Diseño de experiencia

Hacer navegables décadas de automovilismo sin reducirlas a una tabla.

La interfaz se diseñó alrededor de preguntas reales. Alguien puede querer saber qué pasó este fin de semana, seguir la carrera de un piloto, comparar dos épocas, entender un modelo o simplemente jugar. En lugar de imponer un único recorrido, la portada funciona como distribuidor y cada página ofrece enlaces que continúan la investigación desde el contexto actual.

Presente

Seguir la temporada

Calendario, resultados y posiciones priorizan la información más reciente y permiten saltar a participantes, equipos y circuitos.

Archivo

Explorar relaciones

Los índices conectan entidades y décadas para que la historia se descubra por navegación, búsqueda o comparación.

Análisis

Explicar la métrica

Versiones, cobertura y variables acompañan al gráfico para que el visitante entienda qué representa cada resultado.

Editorial

Contar una historia

Los artículos usan el mismo archivo como base y convierten una relación de datos en una narrativa legible.

Juego

Participar del universo

Los productos interactivos transforman el interés en decisiones, simulación y exploración creativa.

Continuidad

Mantener contexto

Rutas y enlaces internos evitan callejones sin salida y hacen que cada hallazgo conduzca naturalmente al siguiente.

Resultado de producto: una afición personal se convirtió en una plataforma donde desarrollo frontend, modelado de datos, análisis, contenido y diseño de interacción funcionan como partes del mismo sistema.
Capacidades en acción

Un proyecto personal que reúne producto, datos y creatividad.

  • Diseño de producto: convertí necesidades distintas —seguir, consultar, comparar, leer y jugar— en recorridos coherentes dentro de una misma interfaz.
  • Arquitectura de datos: organicé fuentes actuales, snapshots históricos y resultados analíticos para que cada capa mantenga su contexto.
  • Visualización: rankings, perfiles y comparadores traducen modelos complejos en herramientas que se pueden explorar sin conocer su implementación.
  • Construcción de ecosistema: Telemetry One conecta enciclopedia, análisis y juegos independientes, y puede incorporar nuevos experimentos sin perder identidad.
Actualización · Octubre y noviembre 2026

De archivo a portal vivo.

Desde la primera versión de este artículo, Telemetry One pasó de ser un archivo navegable a un portal que acompaña cada fin de semana de carrera. Se publicó con dominio propio, telemetry-one.com, y cada página se pre-renderiza en español y en inglés.

Replay y en vivo

La carrera, vuelta por vuelta

Datos de OpenF1 sincronizados con el reloj del replay: telemetría del piloto elegido, radio de equipo, incidentes, stints de neumáticos, proyección de paradas, mapa satelital de lluvia y un mapa 3D con los autos sobre el trazado real con MapLibre.

Informe post-carrera

Qué pasó contra lo esperado

Cada carrera compara la llegada de cada piloto con lo que predecía su posición de largada. El ajuste se validó en 2024-2025: 2,28 posiciones de error medio contra 2,59 de la grilla sola. Suma adelantamientos, récords, curiosidades, una nota de 0 a 10 por piloto e imágenes para compartir.

Automatización

Publicar sin intervención

Un cron semanal en Vercel y una agenda en GitHub Actions revisan si el informe está completo y envían una sola alerta por carrera, deduplicada en una base Neon.

Contenido

Biblioteca editorial

Artículos históricos y técnicos con fuentes citadas, fichas de circuitos y cientos de fotografías de autos y pilotos con créditos, guardadas en el repositorio en lugar de enlazarse desde terceros.

Cómo se construyó: esta etapa se desarrolló con Claude Code. Cada mejora se trabajó en una rama, pasó por un pull request con vista previa en Vercel y recién después se publicó: 57 pull requests entre octubre y noviembre de 2026.
Software y etiquetas

Herramientas y temas de este artículo.

Software usado o relacionado

  • Next.js
  • TypeScript
  • JavaScript
  • Python
  • Vercel
  • GitHub
  • Claude

Temas

  • Telemetry One
  • Fórmula 1
  • F1
  • React
  • GitHub Actions
  • Claude Code
  • OpenF1
  • Jolpica
  • F1DB
  • MapLibre
  • Plotly
  • Neon
  • Postgres
  • archivo histórico
  • visualización de datos
  • replay de carreras
  • informe post-carrera
  • analítica deportiva
  • UX
  • producto digital

Trabajo relacionado

Siguiente paso

¿Querés aplicar este enfoque en tu marca o equipo?

Agendá una llamada de 30 minutos, revisá mi CV o escribime.