Jordi Martorell.
←
ATM · Ecosistema Digital & Movilidad

Diseño y evolución continua del portal de la ATM

Cómo una estrategia de producto, diseño de servicios y evolución continua permitió transformar el portal de la ATM en un ecosistema digital vivo durante más de seis años.

Proyecto ATM
Cliente Autoritat del Transport Metropolità (ATM)
Empresa Grupo Oesía
Rol Lead Product Designer · Estrategia Digital · UX/UI
Resultado +6 años de evolución continua del proyecto Movilidad metropolitana Experiencias cartográficas interactivas

"El verdadero reto no era rediseñar una web. Era construir una plataforma capaz de evolucionar continuamente sin perder coherencia, usabilidad ni capacidad de crecimiento."

El reto

La ATM necesitaba mucho más que una renovación visual. El portal debía convertirse en el punto central de información y servicio público:

  • Centralizar información, servicios, trámites, publicaciones y comunicación con la ciudadanía.
  • Integrar múltiples espacios y servicios existentes bajo un único ecosistema digital.
  • Diseñar una arquitectura sólida capaz de crecer durante años sin deteriorar la experiencia.
El Insight Clave

Un producto vivo, no un rediseño puntual.

El éxito del proyecto no dependía del lanzamiento inicial. La clave estaba en diseñar un ecosistema digital capaz de absorber continuamente nuevas necesidades, funcionalidades y servicios sin degradar la experiencia de usuario.

Decisiones clave

Decisión #1

Diseñar una base preparada para crecer

Participé en la definición de la arquitectura de información, la experiencia responsive y los principios estructurales del nuevo portal. El objetivo no era resolver únicamente las necesidades inmediatas, sino construir una base sólida capaz de incorporar nuevos contenidos, servicios y funcionalidades a lo largo del tiempo.

Una base común para años de evolución continua.

Proyecto ATM
Decisión #2

Crear un sistema coherente en lugar de páginas aisladas

A medida que el portal evolucionaba, fui definiendo patrones reutilizables de navegación, interacción y presentación de contenidos. Este enfoque permitió incorporar nuevas funcionalidades durante años manteniendo una experiencia consistente y acelerando el ritmo de implementación.

Un mismo lenguaje para experiencias y servicios muy diferentes.

Proyecto ATM
Decisión #3

Convertir mapas estáticos en herramientas interactivas

Diseñé experiencias cartográficas e interfaces de exploración visual, como el cálculo de zonas tarifarias, el mapa de puntos de venta o la red ferroviaria interactiva, para transformar información compleja en herramientas útiles para la toma de decisiones.

Menos búsqueda. Más contexto.

Proyecto ATM
Decisión #4

Evolucionar el producto sin perder coherencia

Durante más de seis años he participado en la evolución continua del portal, incorporando nuevos contenidos, funcionalidades y servicios sin comprometer la coherencia de la experiencia.

Diseñar para evolucionar, no para empezar de cero.

Proyecto ATM

Mi aportación

Resumen de los principales puntos de fricción identificados y las soluciones de diseño que propuse durante el proceso:

Punto de fricción / Contexto Mi propuesta de solución
Estructura rígida
Incapacidad de crecimiento a largo plazo

Riesgo de fragmentación y desorden al incorporar nuevos servicios y contenidos de transporte con el tiempo.

Arquitectura de información
Base escalable y Mobile First

Definición de una AI clara y principios estructurales diseñados para la absorción continua de nuevos contenidos.

Inconsistencia
Diseño fragmentado por páginas aisladas

Pérdida de coherencia visual/funcional y mayores tiempos de desarrollo con la llegada de cada nueva necesidad.

Sistema de diseño
Patrones reutilizables de UI/UX

Creación de una librería de componentes de interacción para mantener homogeneidad entre evolutivos.

Falta de interactividad
Información geográfica estática y compleja

Mapas de zonificación y redes difíciles de consultar o comprender, especialmente desde dispositivos móviles.

Cartografía Interactiva
Visores interactivos y mapas SVG

Diseño de mapa de zonificación, buscador de puntos de venta y red ferroviaria interactiva para la toma de decisiones.

Desconexión post-lanzamiento
Visión de proyecto cerrado

Riesgo de degradación de la experiencia del portal al no contar con un seguimiento y dirección de producto continua.

Lead Product Designer
Liderazgo y evolución (+6 años)

Acompañamiento continuo: análisis, prototipado, testeo con stakeholders y coordinación constante con desarrollo.

Resultado

La mejor prueba del éxito del proyecto no fue el lanzamiento del portal, sino que más de seis años después seguimos participando en su evolución y en la definición de nuevos productos digitales para la ATM.

Continuidad
Portal en evolución desde 2020 (+6 años)

Consolidación de una experiencia constante y optimizada tanto en escritorio como en dispositivos móviles.

Confianza
Ampliación del ecosistema digital

Construcción de una relación a largo plazo que ha derivado en el diseño de nuevos productos para la entidad.

Puntos clave del proyecto

Definición de una base de diseño y arquitectura capaz de absorber años de evolución continua sin perder coherencia.

Incorporación de nuevos servicios interactivos, incluyendo visores cartográficos y herramientas avanzadas de consulta.

Relación estratégica a largo plazo con la ATM, participando activamente en sus decisiones digitales.