Caso de estudio 03 · Prensa Ibérica · De principio a fin
El encargo era simple: reproducir el mapa. El problema real no lo era.
Sustituí un recurso estático difícil de mantener por un mapa responsive dirigido por datos, cuyo contenido podía actualizarse desde datos estructurados.
- Rol
- Product Design + Front-End
- Sistema
- 42DS
- Datos
- Google Sheets → CSV
- Construcción
- Leaflet · IGN · JavaScript
EVIDENCIA REAL DEL PROYECTO / CÓDIGO
El mapa en sí es la evidencia.
Esta vista independiente conserva la implementación original en Leaflet, las teselas del IGN, los datos reales de los marcadores, los iconos específicos de cada publicación, los popups y la lógica de encuadre para toda España. He quitado el envoltorio del periódico para que el desarrollo se pueda inspeccionar más fácilmente.
El encargo
La interfaz que se pedía no era el problema real.
La solución anterior se basaba en imágenes estáticas. Era difícil de mantener y estaba mal adaptada a móvil. La petición inicial era, en esencia, reproducirla; yo propuse cambiar la solución de base.
Restricción
Usar un mapa interactivo sin añadir una plataforma de mapas de pago.
Google Maps o servicios de pago similares quedaban descartados, así que la solución tenía que apoyarse en tecnologías abiertas. Esa restricción llevó a una implementación basada en Leaflet con recursos cartográficos del IGN.
El trabajo invisible
Antes del mapa tenía que haber datos fiables.
La información estaba fragmentada entre distintos equipos editoriales. Reuní localizaciones, tipos de medio, relaciones y otros campos útiles, y después estructuré el mantenimiento alrededor de Google Sheets y CSV en lugar de la edición de imágenes.
Decisión de producto
Hacer del mantenimiento parte del diseño.
En principio se esperaba que el mantenimiento editorial recayera en las redacciones, pero un flujo de datos más eficiente permitió que Producto asumiera ese trabajo cuando los recursos eran limitados.
Desarrollo asistido por IA
Usar la IA para ampliar la capacidad de ejecución, no para evitar decisiones de producto.
JavaScript no era mi especialidad original. El apoyo de la IA me ayudó a implementar una experiencia interactiva bastante más compleja mientras yo seguía siendo responsable de la estructura de producto, el modelo de datos, el comportamiento y la integración con 42DS.