Clic fuera de la imagen o ESC para cerrar
← Volver a proyectos
Diseño de producto

Salud Financiera

Un PFM dentro de Banco Dondé pensado para traer al usuario de vuelta a la app — y abrir la puerta a cross-selling.

RolUX/UI Lead
ProductoBanco Dondé (embebido en Dondé Móvil)
Alcance3 vistas · 3 períodos
EstatusEn producción
Hero de Salud Financiera
Resumen ejecutivo

De estado de cuenta a hábito diario

phonelink_off

El problema

Entre una operación bancaria y la siguiente, el usuario no tenía ninguna razón para volver a abrir la app.

donut_large

La solución

Un PFM (Resumen, Ingresos, Gastos) que convierte el estado de cuenta en algo que se revisa por gusto, no por necesidad.

compare_arrows

El diferencial

La gráfica cambia de tipo según el período — dona para "ahora mismo", área para "cómo voy cambiando" — porque son dos preguntas distintas.

Empatizar

Retención antes que reportes

El objetivo de negocio detrás de este módulo no era solo "mostrarle al usuario sus gastos". Era aumentar cuántas veces la gente abre Banco Dondé entre una operación bancaria y otra — y cada una de esas visitas extra es una oportunidad de cross-selling.

Ese enfoque cambia lo que el diseño tiene que lograr. Un PFM que solo reporta números se revisa una vez y se olvida. Un PFM que reporta progreso — ¿gasté menos este mes que el anterior? — le da al usuario una razón emocional para volver por su cuenta.

El banner del producto de ahorro ("Mi Ahorro Dondé") que vive justo debajo de la card de resumen no es decoración — es el momento de cross-sell que este módulo existe para crear.

Vista de cuadrícula de las 9 pantallas del módulo Salud Financiera
Definir

El reto y sus restricciones

¿Cómo podríamos lograr que revisar tus finanzas se sintiera como un vistazo rápido y no como un trámite, sin importar qué tan seguido entre el usuario?

Reglas de negocio

Montos enteros. Corte T-1. El día 1 del mes compara contra el último día del mes anterior. Ajuste por meses de distinta duración. 0.00% disponible si gastos ≥ ingresos. Solo transacciones con "Aplica PFM = Sí".

Tres períodos, una pantalla

Mes Actual, Bimestral y Trimestral necesitaban cada uno su propia lógica de agregación y su propio tipo de gráfica — resuelto dentro de las mismas tres pestañas, sin que la pantalla se sintiera como tres apps distintas.

Alcance

Reutilizar el sistema de diseño existente de Dondé Móvil. 9 pantallas en total: Resumen, Ingresos y Gastos × 3 períodos cada uno.

Idear

Dos preguntas, dos gráficas

"Mes Actual" responde una pregunta de foto fija — ¿cuánto me queda ahora mismo? Una dona se lee al instante para eso. "Bimestral" y "Trimestral" responden una pregunta de tendencia — ¿estoy mejorando? — que una dona no puede mostrar. Por eso el tipo de gráfica cambia con el período, no solo el rango de fechas.

La capa de gamification (la card de "medalla de salud") refuerza la misma idea con un copy que se adapta a los datos: "ahorraste un 25% más que el mes anterior" en Mes Actual, "gastaste menos en mayo que en marzo" en Trimestral. Es refuerzo positivo atado a progreso real, no una insignia genérica.

Diagramas de flujo y secuencia

Una pantalla, tres rutas de cálculo

Documentados para el equipo de desarrollo, para que la lógica de bifurcación y las interacciones entre actores queden sin ambigüedad antes de escribir una sola línea de código.

Diagrama de flujo — bifurcación por período

Diagrama de flujo — bifurcación por período, Salud Financiera

Diagrama de secuencia — actores

Usuario
App Banca Móvil
Módulo PFM
Core Bancario
Cálculos

El flujo siempre inicia con el usuario y termina con la pantalla renderizada — el módulo consulta primero el catálogo de tipos de transacción, luego las transacciones del Core, y solo después corre sus propios cálculos.

Dos dashboards idénticos por fuera, tres problemas matemáticos distintos por dentro — el usuario nunca debería notar la diferencia.
Demostración animada del módulo Salud Financiera
Estatus

En producción, evidencia todavía pendiente

Alcance

3 vistas × 3 períodos = 9 pantallas documentadas, con árboles de decisión y estados de error especificados para desarrollo.

Qué mediremos

Frecuencia de visitas al módulo, tasa de interacción con el banner de cross-sell, y tiempo en pantalla — una vez que el módulo tenga suficiente dato de uso.

Estatus

En producción. Aún no contamos con resultados medibles — esta sección se actualizará cuando tengamos datos de adopción.

¿Trabajamos juntos?

Diseño de producto y marca, sin importar la industria

Sistemas de diseño, flujos críticos y documentación lista para desarrollo — el mismo proceso, adaptado a cualquier sector.

Escríbeme →