Valentino Vargas

Experiencia digital de San Pablo Salud

Optimización del flujo de pagos en línea y mejora del acceso a información del paciente.

Un nuevo diseño que simplifica el pago de recibos, mejora la claridad de información y reduce fricciones para miles de pacientes de la Red San Pablo.

CONTEXTO Y DESAFÍO

Contexto

La plataforma actual de pagos en línea mostraba problemas de usabilidad, confusión en el flujo y baja interacción en la etapa final. El proceso no estaba optimizado para mobile, que representaba la mayoría del tráfico.

Desafío

  • Reducir el tiempo para pagar un recibo
  • Mejorar la visibilidad de opciones y recibos disponibles
  • Optimizar la experiencia mobile-first
  • Reorganizar la arquitectura y claridad del contenido
  • Alinear UI con el nuevo sistema visual corporativo

DESCUBRIMIENTO (Data + Usuarios)

Combiné análisis en GA4 + entrevistas rápidas con usuarios frecuentes del sitio.

Qué nos dijeron los datos (GA4)

  • 65% de abandono en login.
  • Tiempo promedio de pago: 6 minutos.
  • Errores frecuentes en campos obligatorios.
  • Usuarios confundidos sobre dónde encontrar recibos.
  • Scroll excesivo y patrones inconsistentes.
  • Movimientos repetitivos en Clarity → confusión y búsqueda.

Qué nos dijeron los usuarios

  • “El proceso es confuso.”
  • “No encuentro mi recibo.”
  • “Necesito ver rápido mis pagos.”
  • “La interfaz es confusa.”
  • “Siento desconfianza al colocar mi tarjeta.”

Insight clave

El usuario necesita seguridad y claridad, especialmente al pagar o ingresar datos sensibles.

IDEACIÓN Y ESTRATEGIA

A través de Design Thinking definimos soluciones enfocadas en simplicidad, accesibilidad y confianza. Redujimos pasos del flujo e introdujimos patrones consistentes.
Transformamos hallazgos en oportunidades, y oportunidades en soluciones concretas.

Soluciones planteadas

  • Simplificar login.
  • Estandarizar inputs.
  • Reducir pasos del pago.
  • Destacar la información importante (monto, estado, fechas).
  • Enfatizar seguridad → mensajes, iconos y patrones consistentes.

DISEÑO Y ENTREGA

Exploramos hipótesis con wireframes low-fi y mid-fi para validar estructura, ubicación de elementos críticos y la comprensión general del flujo.

Diseño final (UI)

Evolucionamos la arquitectura y jerarquía visual para mejorar claridad, accesibilidad y propósito.

Sistema visual y componentes

Construimos un sistema escalable y reutilizable para facilitar futuras iteraciones y mantener consistencia en toda la plataforma.

RESULTADOS

Reducción del tiempo de pago

6 min → 2 min 40 s (estimado si no tienes dato exacto).

Disminución de fricción en el proceso de login

Tasa de abandono reducida en un 23%, logrando un acceso más fluido y seguro.

Interfaz más clara y confiable

Mayor seguridad percibida y menos dudas sobre el monto o estado del pago.

Mejora en la navegación mobile

Menor scroll, inputs más accesibles y lectura optimizada.

Un rediseño centrado en propósito y claridad

Este rediseño permitió simplificar el flujo de pagos, mejorar la confianza en la interfaz y reducir la fricción en los pasos críticos del proceso.