Ajuntament de Barcelona

Diseño UX/UI del flujo de pagos – Tramitador Gencat

Participé en el rediseño del flujo de pagos del tramitador digital de la Generalitat de Catalunya y las pantallas de la Multifirma, abordando todo el user journey de forma integral para optimizar la experiencia de las personas usuarias al realizar pagos y firma de documentación o autorización durante un trámite.

El objetivo fue mejorar la claridad, accesibilidad y eficiencia del proceso, asegurando una navegación intuitiva y sin fricciones, tanto en desktop como en dispositivos móviles.

🔍 Fases del proceso UX/UI:

  1. Research & análisis de experiencia previa
    Se analizaron las versiones anteriores del sistema y se identificaron los principales puntos de fricción mediante heurísticas, benchmark y feedback de usuarios reales.
  2. Mapeo del user journey
    Diseñamos un flujo paso a paso que guía al usuario desde la notificación de acción pendiente hasta la confirmación del pago, pasando por la selección de método (tarjeta, Bizum o carta de pago) y su ejecución.
  3. Wireframes y prototipos interactivos
    Creamos wireframes en baja y media fidelidad para validar la lógica y organización del contenido. Posteriormente, se realizaron prototipos interactivos para testear la experiencia.
  4. Diseño visual (UI)
    Aplicamos el sistema de diseño corporativo de Gencat, garantizando coherencia visual, uso adecuado de colores de estado (alertas, errores, confirmaciones) y una jerarquía clara de información.
  5. Validación y mejoras iterativas
    Cada pantalla fue iterada y validada con equipos internos y stakeholders, con foco en accesibilidad, simplicidad y comprensión del lenguaje.

Proceso de Pago

Multifirma