top of page
SMOU
Unificando la movilidad de Barcelona
La app oficial que conecta los servicios de movilidad urbana de la ciudad
Empresa /
Ibermática - Ayesa
Rol /
Principal Product Designer UX / UI
Año /
2020 -2025
-
Plataforma MaaS con +12 servicios integrados
-
Utilizada por +1.5 Millones de usuarios activos
-
Impacto en sostenibilidad de reducción de +7.900 TN de CO2
-
Premios enerTIC 2023 y Be Connected 2021
-
Principal Product Designer responsable del diseño end-to-end durante 5 años
SMOU es la aplicación oficial del Ayuntamiento de Barcelona, diseñada para unificar los principales servicios de movilidad de la ciudad en una única experiencia digital.
Como plataforma de Mobility as a Service (MaaS), centraliza en un único ecosistema digital servicios como el parquímetro, Bicing, parkings, recarga eléctrica, taxi y otros operadores de movilidad urbana.
Como Principal Product Designer, lideré durante 5 años el diseño end-to-end del producto, desde la definición funcional y la estrategia de experiencia de usuario hasta el diseño visual y la colaboración con desarrollo para su implementación.
Mi misión fue liderar la evolución de SMOU desde un conjunto de servicios independientes hasta un ecosistema de movilidad coherente, escalable y utilizado por más de 1,5 millones de personas.
Este caso de estudio documenta el proceso completo de diseño del proyecto de SMOU como producto real, complejo y en constante evolución, desde su conceptualización hasta su consolidación como una herramienta esencial para más de un millón y medio de personas.
-
Reto: El desafío de una movilidad urbana fragmentada, la oportunidad de unificar la experiencia para la ciudad.
-
Rol: Mi responsabilidad como única diseñadora del producto y los objetivos estratégicos en el proyecto.
-
Proceso de diseño: Enfoque y metodología sistémica aplicados para organizar, estructurar y construir un producto complejo.
-
Resultado: El impacto tangible de la aplicación en los usuarios, la ciudad y el sector.
-
Aprendizajes: crecimiento profesional
1. Reto
Diseñar SMOU no consistía únicamente en crear una nueva aplicación. El verdadero reto era transformar un ecosistema de servicios de movilidad completamente fragmentado en una única experiencia digital capaz de evolucionar sin perder coherencia.
Para entender la magnitud del desafío, primero es necesario comprender cómo era la movilidad digital en Barcelona antes de SMOU.
1.1. Una experiencia de movilidad fragmentada
En 2020, la movilidad digital de Barcelona estaba formada por un archipiélago de servicios independientes. Pagar el parquímetro, utilizar Bicing, acceder a un parking o localizar un punto de recarga requería aplicaciones distintas, cada una con su propio registro, navegación y lógica de uso.
Para los ciudadanos esto suponía una experiencia fragmentada y poco intuitiva. Para la ciudad, impedía ofrecer una visión unificada de la movilidad urbana y dificultaba la evolución hacia un modelo más conectado e inteligente.
Principales retos de este escenario inicial:
1.2. Visión estratégica: SMOU como ecosistema unificado
La ambición de SMOU era convertirse en el único punto de acceso digital para la movilidad urbana de Barcelona. En lugar de desarrollar una aplicación para cada servicio, la estrategia consistía en construir una plataforma MaaS (Mobility as a Service) capaz de integrar progresivamente todo el ecosistema de movilidad en una única experiencia, eliminando la fragmentación entre servicios y simplificando la movilidad diaria de los ciudadanos.
Los servicios principales que integré fueron:
-
Parquímetro: Pago digital del estacionamiento regulado en zonas azul y verde en Barcelona y su área metropolitana.
-
Bicing: Gestión completa del servicio de bicicleta pública, incluyendo reserva, desbloqueo y consulta de disponibilidad.
-
Parking vía app: Acceso del vehículo (con y sin ticket) y pago por minutos en la red de aparcamientos de B:SM.
-
Endolla: Localización, reserva y activación de la red pública de puntos de recarga para vehículos eléctricos.
-
Residentes: Gestión digital de los tickets de aparcamiento para residentes.
-
Taxi: Petición y pago de servicios de taxi directamente desde la aplicación.
Cada nuevo servicio debía integrarse como una extensión natural del producto, compartiendo una arquitectura, navegación y lenguaje de interacción comunes, sin renunciar a la flexibilidad necesaria para evolucionar de forma independiente a medida que incorporaba nuevas funcionalidades.
1.3. La Escala del Reto
SMOU fue concebido como un producto de gran escala, diseñado para dar servicio a más de 1,5 millones de personas.
La complejidad no solo residía en el volumen de usuarios, sino también en la gestión de un ecosistema formado por ciudadanos, administración pública y múltiples operadores de movilidad, cada uno con intereses y necesidades diferentes.
El reto consistía en diseñar una plataforma capaz de conectar todo ese ecosistema en una única experiencia digital, equilibrando las necesidades de todos los actores sin comprometer una experiencia simple, coherente y preparada para crecer.
2. Rol - Principal Product Designer
Durante cinco años fui la única Product Designer (UX/UI) de SMOU, asumiendo la responsabilidad end-to-end del diseño del producto durante todo su ciclo de evolución.
Mi responsabilidad no era solo la ejecución visual, consistió en definir una experiencia coherente para todo el ecosistema de movilidad, transformando la complejidad de múltiples servicios en una experiencia clara, intuitiva y consistente para los usuarios.
2.1. Mis responsabilidades
Mi responsabilidad abarcó todo el ciclo de diseño del producto, desde la definición estratégica de las soluciones hasta su diseño visual, validación y colaboración con los equipos de desarrollo para su implementación.
-
Diseño end-to-end
Fui responsable del proceso completo de diseño, desde el análisis funcional y la definición de requisitos hasta el diseño visual, el prototipado de alta fidelidad y el acompañamiento durante el desarrollo.
-
Diseño de Servicio y UX
Definí la arquitectura de la información, los flujos de usuario y la estrategia de interacción para los diferentes servicios integrados en SMOU, garantizando una experiencia coherente en toda la plataforma. Además, diseñé funcionalidades específicas adaptadas a las necesidades de cada servicio sin comprometer la consistencia global del producto.
-
Sistema visual y diseño de interfaz (UI)
Diseñé todas las pantallas del producto y la evolución de los componentes visuales, asegurando consistencia visual y la calidad en cada interacción.
-
Visión de producto
Mi reto principal fue mantener una visión transversal del producto, asegurando que cada nuevo servicio respondiera a las necesidades de negocio sin comprometer la coherencia de la experiencia global. Mi papel consistía en conectar estrategia, tecnología y experiencia de usuario bajo una misma visión de producto.
-
Gestión Autónoma
Lideré el área de diseño de forma autónoma, colaborando directamente con desarrollo y negocio para priorizar necesidades, tomar decisiones de producto y garantizar una ejecución alineada con los objetivos estratégicos.
Trabajé estrechamente con desarrollo dentro de un marco Agile/Scrum, participando en la definición funcional, la priorización de iniciativas y el seguimiento de su implementación.
Mi objetivo era asegurar que cada nueva funcionalidad respondiera a necesidades reales sin comprometer la coherencia del producto.
2.2. Objetivos Estratégicos del Diseño
Para guiar la evolución de SMOU, definí tres principios estratégicos que sirvieron como marco para tomar decisiones de diseño coherentes a lo largo de todo el ciclo de vida del producto:
-
Crear una experiencia unificada
Aunque SMOU integraba servicios muy distintos, el objetivo era que el usuario percibiera una única aplicación, con una navegación, un lenguaje visual y unos patrones de interacción coherentes.
-
Definir una arquitectura escalable
El crecimiento de SMOU dependía de su capacidad para incorporar nuevos servicios sin rediseñar el producto. Por ello diseñé una arquitectura de información modular y un sistema visual flexible, preparados para evolucionar y integrar nuevos operadores y servicios de movilidad en el futuro sin comprometer la experiencia de usuario ni la coherencia del sistema.
-
Acompañar la evolución del producto
El diseño no terminaba con el lanzamiento de una funcionalidad. Mi responsabilidad era impulsar la mejora continua del producto, incorporando aprendizaje obtenido a partir del uso real, el feedback de los usuarios y las nuevas necesidades estratégicas de la ciudad.
Los siguientes apartados muestran cómo transformé estos principios estratégicos en decisiones concretas de diseño a través de un proceso estructurado y orientado a producto.
3. Proceso de diseño
Diseñar SMOU significaba trabajar sobre un producto vivo, donde cada nuevo servicio aumentaba la complejidad del sistema y exigía mantener una experiencia coherente y escalable. Para gestionar esa complejidad desarrollé una forma de trabajo basada en comprender el producto como un sistema antes de diseñar cualquier solución.
El enfoque que apliqué, me ayudó a organizar la información, detectar patrones, estructurar sistemas y a tomar decisiones en entornos complejos
Mi primer paso consistía en descomponer la complejidad en bloques de información manejables, después analizar las relaciones y conectar los elementos para comprender el sistema en su conjunto y sus dependencias, y por último identificar patrones comunes que permitan transformar el caos aparente en estructuras claras y comprensibles.
A partir de esta base, el objetivo es construir soluciones lógicas, eficientes y escalables, alineadas con las necesidades del producto y de las personas.
Este enfoque se traducía en un proceso de trabajo dividido en tres fases complementarias: Organizar, Estructurar y Construir.
Este framework me permitió diseñar un producto capaz de evolucionar durante cinco años sin perder coherencia entre servicios, funcionalidades y experiencia de usuario.
-
Fase 1. Organizar información
Deconstrucción de complejidad y detección de patrones.
Antes de diseñar cualquier nuevo servicio, el primer paso consistía en comprender cómo funcionaba, cuáles eran sus reglas de negocio y qué patrones compartía con el resto del ecosistema.
Desglosaba los flujos de usuario, los requerimientos de negocio y las dependencias entre servicios para identificar patrones reutilizables y oportunidades de simplificación.
Por ejemplo, identifiqué procesos recurrentes como activar un servicio, seleccionar un vehículo o confirmar un pago y los convertí en patrones comunes de interacción. Esto redujo la carga cognitiva de los usuarios y aceleró tanto el diseño como el desarrollo de nuevas funcionalidades.
-
Fase 2. Estructurar flujos
Arquitectura de información y navegación escalable
Una vez comprendidos los patrones comunes, el siguiente paso era definir una estructura robusta y escalable capaz de soportar el crecimiento del producto.
Esto permitió diseñar una arquitectura de información priorizando las tareas más frecuentes de los usuarios y estableciendo una navegación flexible capaz de incorporar nuevos servicios sin modificar la estructura principal del producto y sin forzar rediseños completos
Gracias a esta estructura, SMOU pudo incorporar nuevos servicios y funcionalidades durante los siguientes años manteniendo una experiencia consistente para el usuario.
-
Fase 3. Construir soluciones consistentes
Un sistema visual coherente escalable
Una vez definida la arquitectura del producto, el siguiente reto era garantizar que cada nuevo servicio se integrara manteniendo una experiencia visual coherente y reconocible para el usuario. Por ello, la fase de Construir se materializó en la definición y creación de pantallas con un sistema visual y de componentes que unificaron la apariencia de todos los servicios.
Para conseguirlo, transformé los patrones identificados en un sistema de componentes, reglas visuales y comportamientos reutilizables que permitían construir nuevas funcionalidades sin romper la identidad del producto.
De este modo, cada nueva funcionalidad se integraba como una extensión natural de SMOU manteniendo una identidad visual coherente y una interacción intuitiva y predecible y reforzando la identidad de la marca.
A partir de este sistema construí una biblioteca de componentes reutilizables (botones, tarjetas, inputs, navegación y otros elementos de interfaz) que sirvió como base para todas las pantallas del producto. Esto permitió que cada nuevo servicio compartiera una misma identidad visual y de interacción, acelerando el diseño de nuevas funcionalidades, facilitando su implementación y asegurando una experiencia consistente a medida que SMOU evolucionaba.
3.1. Diseñar un ecosistema de +12 servicios, no una colección de aplicaciones
Uno de los mayores retos era evitar que SMOU se convirtiera en un simple agregador de servicios independientes. Cada nueva integración debía reforzar la sensación de estar utilizando un único producto. Para ello, apliqué un pensamiento sistémico en cada integración.
Antes de incorporar un nuevo servicio o funcionalidad, analizaba su impacto sobre todo el ecosistema, identificando patrones de interacción y lógicas comunes, para asegurar que los flujos, la terminología y los componentes visuales se alinearan con los ya existentes.
Cada nuevo servicio fue diseñado para sentirse como una pieza nativa, no como una aplicación añadida dentro de otra aplicación.
Este enfoque permitió que servicios tan diferentes como el parquímetro, Bicing, Endolla o Taxi compartieran una misma lógica de interacción, reduciendo la curva de aprendizaje y reforzando la percepción de un único ecosistema de movilidad.
3.2. Toma de decisiones con negocio: de la divergencia a la convergencia
Cada nueva funcionalidad implicaba tomar decisiones que afectaban tanto a la experiencia de usuario como a las necesidades del negocio y a la evolución del producto. Para reducir la incertidumbre y facilitar el consenso, estructuré el proceso de trabajo en dos fases complementarias:
-
Divergencia y exploración de alternativas: En las fases iniciales, impulsaba un enfoque de pensamiento divergente, presentando múltiples propuestas y explorando distintos escenarios para evaluar todas las posibilidades y sus implicaciones.
-
Convergencia y toma de decisiones: Una vez analizado el contexto, guiaba al equipo hacia un proceso de pensamiento convergente, facilitando la toma de decisiones hasta llegar a una única solución final que fuera técnicamente viable, alineada con los objetivos de negocio y, sobre todo, clara y segura para el usuario.
Este enfoque permitió transformar la incertidumbre inicial en decisiones compartidas, reduciendo el riesgo de diseño y asegurando que cada nueva funcionalidad evolucionara alineada con la visión global de SMOU.
3.3. Iteración y mejora continua en un producto vivo
El diseño de SMOU nunca se detuvo. Tras iniciar el proyecto en 2020, y su lanzamiento en 2022, comenzó una etapa de evolución y mejora continua del producto basada en el uso real y las necesidades de los usuarios.
La mejora continua se convirtió en parte del propio proceso de diseño. Cada lanzamiento generaba nuevos datos, nuevas necesidades y nuevas oportunidades para evolucionar el producto sin romper la experiencia existente.
A a partir del análisis de datos de uso, métricas de rendimiento y feedback directo de los usuarios, identificamos oportunidades y mejoras para optimizar servicios clave como por ejemplo Endolla (recarga eléctrica) y Bicing (bici compartida), añadiendo funcionalidades y optimizando la experiencia de usuario.
Los siguientes apartados muestran ejemplos reales de cómo este enfoque se materializó en la mejora de servicios estratégicos como Endolla y Bicing.
3.3.1. Endolla: de mapa de cargadores a servicio de recarga inteligentendolla
Endolla evolucionó de ser un simple mapa de cargadores a una herramienta de gestión completa que permitía reservar puntos con 20 minutos de antelación, gestionar diferentes tarifas y abonos como EcoFriend, y activar las recargas directamente desde la app.
Detallo algunos ejemplos de las diferentes fricciones solucionadas del servicio:
🔴 Activación de la recarga: Flujo de activación fragmentado
El proceso para activar un plan estaba dividido en un wizard de 4 pasos (Plan, Dirección, Pago, Vehículos) que sacaba al usuario del contexto del mapa y de la urgencia del momento.
--> 🟢 Solución: Condensé el proceso en una secuencia modal guiada, iniciada directamente desde el punto de recarga seleccionado. Esto mantuvo al usuario en contexto y redujo los pasos a las decisiones esenciales del momento: seleccionar vehículo y confirmar inicio.
🔴 Información del punto de recarga: Información de recarga confusa
La información sobre los puntos de recarga era una lista de texto genérica, obligando al usuario a hacer un esfuerzo para saber qué conectores o potencias estaban disponibles.
--> 🟢 Solución: Rediseñé la ficha del punto de recarga para mostrar visualmente los tipos de conectores, su estado (disponible, ocupado) y la potencia de un solo vistazo. Esto permite una toma de decisiones casi instantánea.
🔴 Comparación de tarifas: Comparativa de tarifas opaca
La estructura de abonos se presentaba en una tabla de datos densa, similar a una hoja de cálculo, imposible de interpretar rápidamente.
--> 🟢 Solución: Diseñé tarjetas comparativas visuales que destacan los beneficios de cada abono, permitiendo a los usuarios entender el valor y tomar una decisión informada sin esfuerzo.
3.3.2. Caso BICING
De manera similar, la integración de Bicing pasó de una consulta básica de estaciones a incluir funcionalidades avanzadas como la predicción de disponibilidad de bicicletas en tiempo real, la reserva anticipada de una bicicleta antes de llegar a la estación y la creación de rutas optimizadas, ayudando a los usuarios a planificar sus desplazamientos en el entorno urbano.
Este proceso de diseño de mejora continua de la aplicación, fue clave para transformar una visión ambiciosa en un producto sólido, funcional y en constante evolución.
3.4. El ecosistema SMOU en acción
Un producto, +12 servicios, Una única experiencia.
Durante cinco años diseñé la evolución de un ecosistema formado por más de doce servicios integrados y cientos de pantallas.
Aunque cada uno respondía a necesidades diferentes, todos compartían una misma arquitectura, lenguaje visual y patrones de interacción, haciendo que la experiencia se percibiera como un único producto.
4. Resultados, impacto de SMOU
Durante cinco años, SMOU evolucionó hasta convertirse en la plataforma de movilidad urbana de referencia en Barcelona, integrando servicios que anteriormente funcionaban de forma independiente dentro de una única experiencia digital.
El impacto del proyecto se puede resumir en cuatro dimensiones principales:
-
Crecimiento de Usuarios
Adopción masiva. La plataforma pasó de 800.000 usuarios en 2023 a más de 1 millón en 2024, superando los 1,5 millones de usuarios activos en 2025, consolidándose como una de las aplicaciones de movilidad más utilizadas de España.
-
Producto consolidado
Ecosistema integrado. SMOU evolucionó hasta unir a más de 12 servicios y operadores de movilidad en una única plataforma, convirtiéndose en una de las plataformas MaaS más completas del ámbito nacional y posicionando a Barcelona como referente en movilidad inteligente.
-
Sostenibilidad
Impacto medioambiental. La integración de servicios sostenibles contribuyó a reducir aproximadamente 7.431 toneladas de CO2 mediante Endolla y 475 toneladas de CO2 gracias al uso de Bicing, favoreciendo una movilidad urbana más sostenible.
-
Reconocimiento
Éxito e innovación en el sector. SMOU fue premiada con el "enerTIC Award 2023" en la categoría "Smart Mobility" y el "Be Connected Award 2021" al mejor proyecto de digitalización.
-
5 años
Evolución continua. Durante cinco años el producto evolucionó de forma constante incorporando nuevos servicios, funcionalidades e iteraciones sin perder coherencia ni consistencia en la experiencia.
Más allá de las métricas, el mayor resultado fue demostrar que un ecosistema de movilidad complejo podía ofrecer una experiencia sencilla, coherente y escalable para millones de personas.
5. Aprendizajes y evolución profesional
Diseñar SMOU durante cinco años transformó mi forma de entender el diseño de producto. Pasé de centrarme en resolver problemas concretos de experiencia de usuario a diseñar sistemas, tomar decisiones estratégicas y construir productos preparados para evolucionar a largo plazo.
Asumir de manera autónoma la responsabilidad completa del diseño de un producto de esta escala, consolidó mi forma de trabajar basada en pensamiento sistémico y en la toma de decisiones orientadas al producto.
Mis principales aprendizajes se pueden sintetizar en tres áreas clave:
-
Pensamiento sistémico a gran escala
El reto de unificar 12 servicios tan diferentes me enseñó a dejar de pensar en funcionalidades aisladas para empezar a diseñar sistemas completos.
Aprendí a identificar patrones, construir arquitecturas reutilizables y tomar decisiones que reforzaran la coherencia del producto en cada nueva evolución.
Esto me permitió diseñar una experiencia de usuario end-to-end, desde la estrategia de producto hasta el más mínimo detalle de la interfaz.
-
Autonomía y ownership
Al ser la única diseñadora del proyecto desarrollé un alto grado de autonomía y capacidad de decisión, desde la arquitectura de información hasta la estrategia visual.
Aprendí a priorizar funcionalidades que aportan valor real al usuario, equilibrar necesidades de negocio, tecnología y usuarios y asumir la responsabilidad de decisiones que impactaban en un producto utilizado diariamente por millones de personas.
-
Escalabilidad y visión a Largo Plazo
Comprendí que un buen diseño no solo resuelve los problemas actuales, sino que prepara el producto para los futuros. Esta experiencia reforzó mi forma de construir y diseñar arquitecturas escalables, sistemas visuales y patrones capaces de evolucionar sin perder coherencia ni usabilidad.
-
Diseño estratégico en colaboración con negocio
Evolucioné mi rol para convertirme en un socio estratégico para el equipo de negocio. Aprendí a conectar cada decisión de diseño con los objetivos de negocio para impulsar decisiones y garantizar que el producto fuera funcional, estético y de alto impacto estratégico.
SMOU, donde aprendí a pensar en grande y diseñar con impacto
Participar durante cinco años en la evolución de un producto de esta escala me permitió comprender cómo una visión de producto consistente y un diseño orientado a sistemas pueden transformar un conjunto de servicios independientes en una experiencia utilizada diariamente por millones de personas.
SMOU ha sido un verdadero regalo profesional. Pocas veces un diseñador tiene la oportunidad de acompañar de una manera tan intensa a un producto durante tantos años, participar en decisiones que condicionan su evolución y comprobar cómo cada decisión de diseño impacta en un ecosistema real y vivo.
Esta experiencia me hizo crecer de diseñadora UX/UI a Product Designer. Aprendí a comprender el sistema antes de diseñar la solución, equilibrar las necesidades de negocio, tecnología y usuarios, y tomar decisiones pensando en la evolución del producto, no solo en la funcionalidad inmediata.
Desde entonces, esa forma de trabajar sigue definiendo mi manera de diseñar: entendiendo la complejidad antes de simplificarla, construyendo sistemas preparados para evolucionar y utilizando el diseño como una herramienta estratégica para crear productos con impacto.
Ese ha sido, probablemente, el mayor aprendizaje que me llevo de SMOU: un buen diseño no solo resuelve las necesidades de hoy, sino que crea las bases para que un producto pueda seguir evolucionando durante años.
Experiencia de uso
BICING
Suscripción y gestión
Experiencia de uso
ENDOLLA
Contratación y gestión
Exploración y consulta
PARKING
Aparcamiento activo
PARQUÍMETRO
Explorar, configurar y pagar
Estacionamiento activo y gestión
Explorar y reservar
TAXI
Gestionar el viaje
Explorar y activar
RESIDENTS Y BICISHARING
TRANSPORTE PÚBLICO Y RUTAS
Movilidad multimodal
Cuenta y navegación
NAVEGACIÓN
Gestión y relación con el usuario
bottom of page