Monee Bank: un neobanco adaptado a millenials

Research y diseño en alta en solo 10 horas

Marina Florez
10 min readApr 22, 2020

INTRODUCCIÓN

El reto propuesto por una startup, consiste en desarrollar el dashboard en versión App mobile de una entidad bancaria, que transmita los valores del cliente. Se nos marcaban una serie de requisitos mínimos con los que debía contar el dashboard:

> Indicar saldo actual.

> Visión global de cuentas y tarjetas.

> Mostrar con gráficos gastos mensuales (PFM)

> Ofrecer productos bancarios de manera directa o indirecta

> Añadir otros servicios del banco(budgets, goals, FAQ…) y algún menú (burguer o sticky inferior)

Además, se debía tener en cuenta los insights aportados en el brief, ya que la startup había realizado un research previo mediante la realización de varios focus group con jóvenes estudiantes (50 participantes) y de workshops y dinámicas de cocreación con stakeholders.

El principal objetivo es facilitar, concretamente a un target de entre 22 y 35 años, su gestión financiera y, de esta manera, contribuir a que puedan obtener el máximo provecho de su economía.

Para ello seguí el siguiente esquema teniendo en cuenta que el timing debía ajustarse a 10 horas:

INVESTIGACIÓN

Comencé realizando una breve investigación que, apoyada en los datos extraídos del brief, contribuyese a alcanzar la mejor solución.

#DESK RESEACH Y NETNOGRAFÍA

En primer lugar se realizó una breve investigación empleando dos técnicas. En primer lugar se llevó a cabo un Desk Research, con el objetivo de mapear diferentes resultados relacionados con el sector financiero sin perder el foco del reto. Posteriormente, empleando la técnica de Netnografía se pudieron extraer opiniones y comentarios en las redes sociales que facilitaron el proceso de empatía con los usuarios.

“La nueva banca crece entre el público joven potenciando los pagos compartidos.” El Economista

“Los bancos ofrecen tarjetas gratuitas y cuentas sin comisiones para hacerse con los clientes más jóvenes.” El Español

“Los neobancos se posicionan como solución para facilitar las gestiones financieras” revistabyte.es

“La banca digital saca tajada del aumento de comisiones en las sucursales: 712.000 nuevos usuarios en 2019” El Mundo

Extracto netnografía

A continuación se muestran los insights obtenidos:

  • Percepción negativa sobre el sector bancario generalizada en la sociedad y afianzamiento de los neobancos entre los los usuarios más jóvenes.
  • Las estrategias desarrolladas por las diferentes entidades bancarias para captar a los usuarios jóvenes son, fundamentalmente, descuentos y bonificaciones en las compras, pagos rápidos y compartidos, tarjetas gratuitas, eliminación de comisiones y ampliación del rango de edad de los usuarios considerados jóvenes.
  • Incremento de inversión en fintech por parte de la banca tradicional como consecuencia del impacto de los neobancos y la banca privada, siendo estos su competencia directa.

#BENCHMARKING

Tras finalizar la búsqueda a través de Desk Research y Netnografía, se decidió llevar a cabo una comparativa acerca de cómo las diferentes entidades muestran sus productos/servicios en el dashboard de sus Mobile Apps. Se buscaba detectar fortalezas y pain points para obtener inspiración de sus buenas prácticas. Para ello se ha realizado una distinción entre banca tradicional y neobancos.

BANCA TRADICIONAL

  • BBVA

El dashboard muestra las cuentas y tarjetas y en la parte superior un gráfico permite analizar de un vistazo los gastos y los ingresos mensuales. Además, han optado por incluir un sticky menú con las acciones principales y relegar en un menú hamburguesa acciones secundarias.

Interfaz Android (izq) e interfaz iOS (dcha)
  • BANKIA

En este caso, el dashboard también muestra las cuentas y tarjetas y en la parte superior un CTA (call to action) abre otra pantalla en la que se muestran los gastos y los ingresos. Bankia ha optado por incluir únicamente un menú hamburguesa en el que se encuentran dos disposiciones, por un lado un menú horizontal relacionado con el perfil, notificaciones y sección de ayuda y contacto con el gestor y, en una disposición vertical se disponen las acciones financieras.

Interfaz iOS (izq) e interfaz Android (dcha)
  • BANCO SABADELL

Una vez más el dashboard muestra las cuentas y tarjetas del usuario. En este caso no se puede ver la parte inferior de la pantalla, por lo que se deduce que, como en la entidad anterior las operaciones se encuentran tras el menú hamburguesa. Es destacable el acceso directo a la sección de ayuda y de atención al cliente situado al otro lado del menú hamburguesa otorgándole el mismo nivel de importancia.

Interfaz Android (izq) e interfaz iOS (dcha)
  • ING

El dashboard de la aplicación de ING muestra, en primer lugar, dos accesos directos: uno es para realizar transferencias y añadir otro favorito. A continuación aparecen las diferentes cuentas y servicios contratados por el usuario. Además han incluido en esta misma pantalla los gastos, que ofrecen la posibilidad de verse como un gráfico dinámico o como un diagrama de barras. En este caso tampoco se puede ver la parte inferior de la pantalla, por lo que se deduce que, las operaciones se encuentran tras el menú hamburguesa.

Interfaz Android (izq) e interfaz iOS (dcha)

NEOBANCOS

  • BNEXT

En la versión Android el dashboard muestra un menú deslizable que permite ver huchas, la cuenta y añadir otras opciones, es destacable que en la versión de iOS este aparece sin texto. En este caso han optado por incluir un sticky menú con las diferentes opciones para realizar operaciones.

Interfaz Android (izq) e interfaz iOS (dcha)
  • N26

El dashboard muestra el saldo de la cuenta y los movimientos. En este caso se ha optado por incluir un sticky menú con las diferentes operaciones financieras organizadas en diferentes categorías.

Interfaz Android (izq) e interfaz iOS (dcha)
  • BUNQ

El dashboard de la aplicación móvil de Bunq cuenta con tres accesos directos en la parte superior que facilitan el pago rápido entre usuarios y la inclusión de gastos a través del escáner de la cámara. Además se incluye un icono de un diagrama circular que funciona como acceso directo a los gastos. A continuación de estos accesos directos se muestran las distintas cuentas mostrando el saldo y el número de tarjetas de cada una de ellas.

Interfaz Android (izq) e interfaz iOS (dcha)

#USER PERSONA Y CUSTOMER JOURNEY

Tras finalizar la investigación, realicé un user persona que respondía al arquetipo de un joven trabajador con la finalidad de acercarme de una forma más personal y profunda al público objetivo establecido en el briefing. Una vez realizado el user persona, se llevó a cabo un customer journey que permitió visualizar los aspectos emocionales y racionales del usuario creado anteriormente.‌

A través de estas dos técnicas, se pretendía entender el problema y las necesidades planteadas desde un punto de vista más empático con el target propuesto.

User Persona
Customer Journey

Sofía (27 años) es una joven residente en Madrid. Comparte piso con dos amigas para intentar ahorrar dinero de los gastos básicos mensuales (alquiler, gastos de la casa…) y sin embargo, no consigue llevar un buen control de sus finanzas.

Los principales pain points detectados en este user persona son:

  • Necesidad de llevar un control de sus finanzas que le permitan ahorrar de una manera más efectiva.
  • Contar con un servicio online que le permita realizar operaciones sin necesidad de acudir a la oficina bancaria.
  • Contar con información clara y personalizada que le permita entender los diferentes productos financieros que mejor se ajustan a sus necesidades.

CONCEPTUALIZACIÓN

#IDEACIÓN

Una vez detectados los problemas, se establecieron diferentes soluciones enfocadas principalmente a la visualización de las cuentas, tarjetas y gastos del usuario en el dashboard. Con la finalidad de facilitarle al mismo la visualización de los datos más relevantes de sus finanzas. A continuación se detallan las soluciones a incluir:

  1. Muestra en una misma pantalla de las cuentas, tarjetas y gastos del usuario con inclusión de ofertas personalizadas que no interfieran en la visualización de dichos datos.
  2. La muestra de los gastos, cuentas y tarjetas funcionan como acceso directo a una visualización detallada de los mismos.
  3. Desarrollo de menú sticky inferior con las operaciones más habituales realizadas por los usuarios y un acceso directo de ayuda al usuario.
  4. Desarrollo de un menú hamburguesa que al desplegarse muestra otro tipo de operaciones tales como configuración del perfil, seguridad y privacidad, operaciones complejas, información acerca de la app…

#WIREFRAMES

Se llevó a cabo el desarrollo de unos wireframes en low fidelity con el objetivo de definir la estructura que debían seguir las pantallas a desarrollar en la fase de prototipado.

Las principales funcionalidades que se desarrollarán en la fase de prototipado son:

  • Dashboard: visualización saldo, cuentas y tarjetas + productos del banco personalizados para el usuario.
  • Menú hamburguesa: contiene operaciones menos habituales
  • Gastos mensuales: muestra con un gráfico friendly los gastos mensuales
  • Movimientos: visualización de los movimientos realizados
  • Ayuda y contacto: diversas formas de contacto (teléfono atención al cliente, chat, redes sociales) y FAQS.

DISEÑO

#SISTEMA DE DISEÑO

A continuación se muestra el diseño de logo, el cromatismo y la tipografía a emplear en el prototipo de la mobile app.

Logo sobre fondo claro (versión completa y reducida) y logo sobre fondo oscuro (versión completa y reducida)

El color principal de Monee Bank es el azul celeste (#56BCBE). El color azul se asocia con la seguridad y la seriedad, teniendo en cuenta al público al que se dirige el producto se ha optado por utilizar un azul vibrante. Como colores secundarios, se emplean otros tonos de azul dentro de la misma gama cromática y tonos neutros para rebajar la carga cognitiva y el contraste con el color primario.

Cromatismo y tipografía empleada

#DESARROLLO DEL PROTOTIPO

A continuación, se muestran las diferentes pantallas realizadas en high fidelity con sus correspondientes justificaciones de diseño, así como un video del prototipo animado que permite ver su funcionamiento.

  • Dashboard

Muestra de gastos en los días del mes vigente en la parte superior del dashboard e intercalación de productos (cuentas y tarjetas) del usuario con ofertas de Monee Bank personalizadas para el mismo.

Pantalla dashboard
  • Menú hamburguesa

Representación del menú hamburguesa desplegado con las opciones que ofrece. Se ha tratado de incluir las opciones menos recurrentes por parte de los clientes. De esta manera se reserva el menú sticky inferior para establecer los accesos directos a las operaciones más frecuentes. tales como ver su dashboard, gastos detallados, transacciones (pago entre amigos, transferencias y traspasos), buzón de notificaciones y pantalla de ayuda.

Pantalla menú hamburguesa
  • Movimientos

En esta pantalla se muestra cómo aparecerían los gastos realizados por el usuario. A la fecha, lugar y cantidad económica se le han añadido datos como el método de pago y la categoría de gasto o ingreso a la que pertenece.

Pantalla movimientos
  • Gastos

Se ha optado por representar los gastos a través de un diagrama circular. En la parte inferior se incluye una leyenda resumida de las diferentes categorías con la posibilidad de acceder a una clasificación más detallada. Además, se ha incluido dos CTA (call to action) que permiten ver movimientos previstos en función de tu historial de gastos y ver los gastos de otros meses.

Pantalla gastos mensuales
  • Ayuda

En la pantalla de ayuda muestran las diferentes opciones para solventar las dudas o necesidades del usuario. Por ello, se ha incluido un número de atención al cliente, un chat donde poder hablar con tu gestor, un apartado de preguntas frecuentes y accesos directos a las redes sociales de la entidad.

Pantalla ayuda

#PROTOTIPO ANIMADO

FUTURIBLES Y CONCLUSIONES

Con este reto se pretendía conseguir una solución que contribuyese a la captación de un target joven (millenials) para Monee Bank. Es por eso que desarrollé un prototipo realista que, asentado en la investigación previa, pretende solventar los problemas y cubrir las necesidades detectadas en los usuarios.‌

Al contar con un timing tan ajustado no ha sido posible desarrollar una solución más completa ni testar el prototipo. Sin embargo, mi sensación tras terminar esta challenge fue muy positiva, ya que en un periodo corto de tiempo pude realizar una investigación que junto con los datos extraídos del briefing me permitieron desarrollar cinco pantallas en alta fidelidad.

Gracias por leerme.

--

--