FeatureCompletado

Mejora en métodos de pago

Rediseño de la experiencia de selección de método de pago en App Aviva: tarjeta de resumen renovada, selección granular de banco (BBVA/SPEI) o tienda para pago en efectivo, información contextual de vigencia y boleta optimizada.

Empresa
Aviva Crédito
Mi rol
Product Designer
Periodo
abr 2025 – jul 2025
Empezar

Equipo

  • Yamil Arroyo (Design)
  • Yoni Santana (Android)
  • Aide Villafranco (iOS)
  • Irving Herrera (Tech lead)

Herramientas

FigmaJiraConfluenceAnalytics

Metas y expectativas

Métricas de seguimiento: % selección exitosa de método, distribución BBVA/SPEI/efectivo, tasa de generación de boleta, % cancelación por tipo, reducción de pagos fallidos por boleta incorrecta o vencida, % de uso del buscador de puntos de pago.

Problema

La sección de pagos no brindaba control suficiente: solo 2 opciones (transferencia/efectivo) sin claridad sobre sus diferencias, sin selección granular de banco/tienda, sin información de vigencia de boleta y con área de tap reducida en el botón principal.

Research

Se identificó que los clientes no diferenciaban entre métodos de pago ni podían elegir una tienda específica para pago en efectivo. La boleta vencía sin aviso y el equipo no tenía visibilidad de la distribución de métodos (BBVA vs SPEI vs efectivo). KR: Extender red de pagos para reducir costos.

Solución

5 casos de uso rediseñados: CTA de pago en Home, tarjeta de resumen con estado de mora, selección granular (BBVA/SPEI o tienda específica), boleta con mapa de puntos de pago cercanos y alertas de vigencia. Eventos de analytics para todo el flujo.

Aprendizajes

  • La selección no es trivial: Permitir elegir entre BBVA y SPEI, o entre tiendas específicas de pago en efectivo, requirió un contrato de API nuevo del backend. Lo que parece un cambio de UI es frecuentemente una mejora de infraestructura.
  • La boleta es el producto mínimo: El cliente quiere saber exactamente cuánto, dónde y cuándo. Toda la información en una sola pantalla — no en pasos separados — fue la decisión de diseño más importante del proyecto.
  • Vigencia como ansiedad: Los clientes no sabían que las boletas venían. Agregar una advertencia visible de vencimiento redujo la ansiedad de 'si aún puedo pagar con esto'.