Challenge

Justbank

Diseñar la app y web responsive de una aplicación para banca digital, en la que se podrán ver los ingresos y gastos del usuario de forma fácil, intuitiva y de máxima calidad.

Role

UX/UI Designer

Tags

Arquitectura

UI Design

Tools

Sketch

Paper Dropbox

Timeline

7 días

Challenge

Para este proyecto se plantea la elaboración de la sección de gastos e ingresos de una aplicación de banca digital.

La web deberá ser responsive y a parte de la creación de la sección para una aplicación nativa de iOS.

En las pantallas se deberá integrar: 

  • La visualización de gastos e ingresos mensuales agrupados, también por categorías, y poder compararlos con otros meses.
  • La opción de visualizar la evolución en el tiempo de los gastos e ingresos.
  • La posibilidad de ver los movimientos de cada categoría.
Proceso

Estudio del problema

Benckmarking

Wireframes

Prototipo web

App iOS

Style guide

Research

Para poder comenzar a trabajar he realizado un research de la sección de gastos de bancos como Banco Santander, ING y N26 para comprobar cómo muestran esa información a sus usuarios.

Design

Una vez finalizado nuestro research, elaboré unos wireframes de la web para desktop y posteriormente los adapté para mobile consiguiendo una web responsive.

Para poder comparar las categorías en diferentes meses o periodos, el usuario deberá acceder a los filtros. A partir de ahí los filtros se estructuran en dos bloques, por tiempo y por categoría. 

Cuando el usuario quiera comparar sus gastos de una categoría concreta, como puede ser restaurantes, deberá indicarlo marcando el radio button.
Una vez activado el filtro, en el usuario tendrá a su disposición los gastos de la categoría que elija pudiendo ver desglosados también sus movimientos.
 
La aplicación diseñada es nativa de iOS, por lo que he tenido en cuenta las Apple human interface Guidelines en todo su proceso.
Primero realicé los wireframes para posteriormente aplicar estilo a la app basado en el look & feel para web.