top of page

Bank App

Challenge: Diseño de una aplicación que permita al usuario consultar el estado de su cuenta de ahorros, visualizar el detalle de sus movimientos  y descargar el estado de cuenta

Mujer en su smartphone

Overview

Este challenge consistió en diseñar una aplicación que permita al usuario consultar fácilmente el estado de su cuenta de ahorros, visualizar el detalle de sus movimientos y descargar su estado de cuenta. El objetivo fue crear una experiencia simple, ordenada y confiable, donde la información financiera se muestre con total claridad y el usuario sienta control sobre sus finanzas en todo momento.

Design Process

diseño2.png

Empatizar

Partí de la necesidad de los usuarios de tener acceso rápido y transparente a su información financiera, sin depender de visitas a agencias ni procesos confusos. Analicé las principales bancas digitales del país para identificar buenas prácticas en la presentación de saldos, filtros de movimientos y descarga de documentos. Esto permitió comprender que los usuarios valoran claridad, velocidad y seguridad al consultar sus finanzas.

Los-5-porques.png

👩🏻 User Persona

appbank1_edited.png

💜 Mapa de Empatía

appbank2.png

 ✍🏻 Análisis Competitivo

Analicé las plataformas de BBVA, BCP e Interbank para entender cómo presentan la consulta y descarga de estados de cuenta, así como el detalle de movimientos. Este análisis permitió reconocer oportunidades de mejora en claridad, jerarquía y accesibilidad, fundamentales para construir una experiencia más intuitiva y confiable.

appbank4.png
appbank5.png
appbank6.png

En la app de Interbank, la consulta de movimientos se realiza al ingresar a cada producto. Estos productos pueden ser cuentas de ahorro, depósitos a plazo o préstamos, según lo que el usuario tenga activo. Al seleccionar uno, la pantalla muestra primero el saldo disponible y, en una sección contigua, los datos de la tarjeta. En la parte inferior se encuentra el historial de movimientos, aunque la app solo permite visualizar los últimos tres meses. Para acceder a información anterior, el usuario debe solicitarla directamente en una agencia o por llamada telefónica, lo que limita la autonomía digital dentro del proceso.

Logo-BBVA.PNG

En la app del BBVA, la consulta de movimientos sigue un flujo similar al de Interbank, aunque con una estructura más integrada. El detalle de la cuenta se encuentra dentro de la sección “Cuentas”, en lugar de mostrarse en una casilla separada. Al ingresar, el usuario puede visualizar tanto el saldo disponible como el saldo contable, ofreciendo una vista más completa del estado de la cuenta. En la parte inferior se muestran los movimientos recientes, limitados a los últimos dos meses. Al seleccionar “Ver todos”, se despliega una opción de filtros que permite buscarlos por rango de fechas o montos, brindando un mejor control de la información dentro de la misma app.

BCP.png

En la app del BCP, la consulta de movimientos mantiene un flujo similar al de los otros bancos, aunque con ligeras variaciones en la estructura visual. Al ingresar, la pantalla muestra el número de cuenta y CCI, seguidos del saldo disponible. En la parte inferior se encuentran los movimientos, que solo abarcan el mes en curso. No obstante, la app incorpora un buscador que permite filtrar operaciones específicas dentro de ese mismo periodo, lo que facilita la localización de un movimiento concreto, aunque limita el alcance temporal de la consulta.

 ✨Conclusión del análisis

📢 En conclusión. En los tres bancos, la consulta de movimientos mantiene una lógica clara y accesible, pensada para que el usuario encuentre fácilmente la información esencial. Sin embargo, cada experiencia transmite algo distinto: Interbank prioriza el orden visual, BBVA apuesta por una navegación más integrada y flexible, mientras que BCP opta por la simplicidad inmediata. Estas variaciones, aunque sutiles, impactan en la percepción de control y autonomía del usuario: cuanto más opciones y filtros se ofrecen dentro de la misma app, mayor sensación de confianza y dominio se genera sobre las propias finanzas.

Definir

🧩 Problema principal

El principal reto identificado fue que muchos usuarios experimentan frustración al intentar entender o encontrar sus movimientos bancarios

💡 Insight

Los usuarios buscan confianza y simplicidad al manejar su información financiera.

❓ How Might We

¿Cómo podríamos diseñar una experiencia que permita consultar y descargar el estado de cuenta de manera intuitiva, visual y confiable?

Idear

Sombra-de-Personas.png

Propuse un diseño centrado en la organización y jerarquía visual, con secciones diferenciadas para saldos, movimientos y descargas. Se definió un flujo lineal y fluido, priorizando la lectura rápida y la accesibilidad. La idea principal fue ofrecer una experiencia que simplifique la información sin perder detalle, ayudando al usuario a entender sus finanzas con un solo vistazo.

Prototipar

El diseño tomó forma a través de prototipos de mediana y alta fidelidad, que permitieron visualizar la estructura y luego refinar los detalles de interacción. Se utilizó una paleta en tonos azules, transmitiendo confianza y serenidad, junto con la tipografía Roboto, elegida por su legibilidad y carácter moderno. Cada pantalla fue creada pensando en reducir la carga cognitiva, destacando los datos más relevantes con una estructura visual clara.

Prototipado Mediana Fidelidad

wirefram.JPG

Prototipo de alta fidelidad

Login.png
Resumen.png
Resumen2.png
Resumen3.png

Aprendizaje

Este challenge me recordó que el verdadero valor del diseño está en conectar con las personas. Aprendí que transformar información técnica en experiencias claras y humanas puede marcar la diferencia: ayuda a los usuarios a comprender mejor sus finanzas, sentirse seguros y confiar en cada interacción digital.

Mapa-de-empatia.png
bottom of page