E-Tica: La primera fintech con conciencia social y ecológica
¿Te imaginas una app capaz de unir la conciencia social con el ahorro? ¿Que te ayudara a financiar tus proyectos personales respetando el medio ambiente y las causas eco-? ¿Y que además pudieras acceder a descuentos en tus establecimientos sostenibles favoritos?
Una banca que se interesa de verdad por ti, por los jóvenes que están sacando lo mejor de sí en estos tiempos inestables. Sé parte del movimiento e-tica. Ahorra ayudando a los que más lo necesitan.
El briefing: ¿A qué reto nos enfrentamos?
El objetivo del proyecto es acercar la banca a las generaciones más jovenes (Millennial y generación Z) mezclando Fintech y gamificación y creando una solución digital que sea atractiva, fácil, intuitiva, visual y que responda a las necesidades y aspiraciones de estas nuevas generaciones.
- Tenemos 4 semanas para diseñar un prototipo MVP.
- Somos un equipo de 4 personas: Ana Paula, Susana, Álex y servidora. Toda la coordinación ha sido online a través de Microsoft Teams y usando herramientas como Miro y Trello.
- Debemos diseñar una fintch disruptiva, distinta y atractiva.
- Fomentar el ahorro, alcanzar objetivos financieros y crear retos de ahorro.
- Posibilidad de integrar descuentos e incentivos.
- Gamificar sus funciones para que la hagan más atractiva.
Investigación
Como primer paso para comenzar este proyecto, quisimos medir el alcance que tienen las apps de Fintech en España, y qué características e intereses tenían las generaciones hacias las que queríamos lanzar la propuesta (Z y Millenial)
Para ello, nos planteamos una serie de preguntas:
¿Qué empresas son líderes en el mercado hoy día y por qué?
¿Qué tipo de servicios les podrían interesar a nuestros usuarios que no estén cubiertos hoy día por las actuales?
Benchmark y Best practices
A partir de estas preguntas, realizamos un un análisis de la competencia que había en el sector para conocer las plataformas y apps que ofrecen un servicio similar al que queríamos ofrecer con E-tica, y observar con detenimiento sus fortalezas y debilidades. De todas ellas sacamos ideas sobre las funcionalidades imprescindibles que debían formar parte de nuestra app, y de otras que no estaban presentes, pero que queríamos que formaran parte de ella.
Con las best practices, nos centramos en las plataformas que, aún no siendo competencia directa, podían aportarnos ideas para resolver procesos, diseño, interacciones, etc…
Encuestas
En paralelo, lanzamos una encuesta en la que participaron 51 personas de la generación Millenials y Z, con experiencia en el uso de nuevas tecnologías, y sacamos en claro que en general estaban contentas con ellas a niveles de usabilidad y seguridad, aunque no estaban100% satisfechos.
Algunos datos de las encuestas fueron:
66,7%: No usan más aplicaciones aparte de la de su banco habitual.
83,3%: Pasan poco tiempo en ellas y realizan gestiones muy básicas.
67%: Les gustaría participar en retos que les ayudasen a ahorrar.
¿Qué necesitaban entonces nuestros usuarios para convencerse del todo?
Quisimos indagar más en esta pregunta, así que realizamos 7 entrevistas. Todas ellas pertenecientes al grupo de edades de las generaciones para las que vamos a desarrollar la nueva aplicación y con mayor y menor grado de conocimiento del mundo de las finanzas, diferentes estudios, profesiones, posibilidades de ahorro, nivel salarial… y les preguntamos acerca de sus intereses, preocupaciones, sensaciones, hábitos, rutinas…
Agrupamos los datos que extrajimos de ellas en cuatro bloques que nos permitieron ordenar mejor las principales conclusiones.
Affinity Map e Insights de Diseño
Después, con la ayuda de la herramienta del mapa de afinidad, agrupamos toda la información recopilada en bloques, diferenciando por colores los datos cuantitativos y cualitativos.
Este ejercicio nos ayudó a reorganizar la información conseguida durante toda la fase de research, y a obtener nuestros insight de diseño con los que afrontaríamos la siguiente fase del proyecto.
Los ordenamos en cinco bloques:
Ideación y conceptualización
Tras el research, comenzamos una nueva fase, ideación y conceptualización, en la que identificamos nuestra propuesta de valor y los futuros user persona.
Para ello, utilizamos diferentes herramientas (strategy canvas), enfocadas en la actividad de negocio y el perfil del usuario:
Con todas ellas conseguimos sacar las diferentes hipótesis con nuestras respectivas propuestas de valor:
Aunque observamos diferentes riesgos, analizamos que tipos de experimentos podríamos realizar para poder solucionarlos así que poco a poco empezamos a conceptualizar y bajar a tierra toda la información que íbamos obteniendo.
Una vez pasada la fase de identificar la idea y modelo de negocio, nos centramos en conocer a nuestros usuarios.
Para ello es fundamental entender sus diferentes motivaciones, objetivos, frustraciones y necesidades para poder crear un producto digital que dé respuesta, en mayor medida, a todas ellas.
Realizamos 4 perfiles de User Personas con sus respectivos Customer Journeys, que responderían a distintos tipos de usuarios interesados en usar nuestra app.
Por no abrumar con tanta información, os enseñaremos únicamente el customer journey de nuestra heavy user (Lucía Alvarez). Pero decir que gracias a esta herramienta pudimos comprender aún más cómo piensan mis usuarios, y cuál sería su experiencia y comportamiento para obtener las diferentes oportunidades de diseño para nuestra app.
Nuestras propuestas de valor
Arquitectura de la Información
Una vez conceptualizada nuestra app y sus funcionalidades finales, nos enfrentamos al dilema de cómo se distribuirían nuestros menús principales y secundarios dentro de nuestra arquitectura de la información.
Así que siguiendo con los valores de nuestra empresa de tener al usuario en el centro del desarrollo y atender a sus necesidades directas, procedimos a realizar un card sorting de tipo híbrido en el que participaron 27 personas, entre los que elegimos a los dos más cercanos a nuestro Heavy User para grabarles una videollamada en directo mientras lo realizaban.
Analizamos los resultados siendo éstos muy relevantes acorde a la heurística de nuestros usuarios objetivos. Nos dimos cuenta entonces de cuáles categorías creaban confusión entre los participantes y cuáles se podrían unificar en una sola.
Reunimos las funcionalidades más útiles para el usuario en las secciones de la Tab Bar denominados por orden de izquierda a derecha:
- MI DINERO. Justo en el centro, para ver directamente todo lo que tienes en tu cuenta. Planes de ahorro, Crear Plan de Ahorro, Seguimiento de Planes de Ahorro, Objetivos de Ahorro, y tu Tarjeta E-tica.
- AHORRO donde vemos Retos, Calderilla y podemos llevar un seguimiento de ellos.
- DESCUENTOS EN TIENDAS donde podemos acceder a ofertas en restaurantes eco, viajes, y todo lo relacionado con el comercio sostenible.
- COLABORA, con Causas Locales y zona de Donaciones. Puedes invitar a amigos y tienes una comunidad de usuarios interna.
- COMUNIDAD, donde poder crear grupos, invitar a amigos, ver un muro de noticias y mensajes y encontrar un ranking de objetivos de tus amigos.
Diagrama de workflows
Según los intereses principales de nuestro prototipos determinamos los siguientes workflows que identificaran las principales funcionalidades diferenciales de nuestra aplicación:
- Crear un plan de ahorro.
- Activar la calderilla.
- Activar un reto de ahorro y realizarlo.
- Apuntarse a una causa social y compartirla en nuestra comunidad.
Posteriormente procedimos a desarrollarlos en wireframes en baja fidelidad completando así lo que sería el esquema base para el diseño.
Diseño final
Colores
Creamos una identidad de marca basándonos en los valores principales de la empresa, un aspecto juvenil y que estuviera relacionado principalmente con la transparencia y la conciencia social. Lo que nos llevó a un pantone de colores inspirados en el océano.
Branding
Con la combinación del nombre con la E- y el logo de la lupa conseguimos imagen de marca “enfocada” en los problemas actualidades, “aumentando” tu cartera a través de la “transparencia” y la conciencia social.
Finalmente diseñamos los wireframes en alta fidelidad, para ver cómo podrían lucir exactamente las pantallas principales de nuestros flujos de navegación, utilizando los colores de marca e integrando el look&feel de nuestro diseño:
A continuación, os dejamos el diseño final en alta fidelidad de estos workflows que hemos prototipado en InVision:
https://www.youtube.com/watch?time_continue=9&v=5cvxyIx5zxs&feature=emb_logo
Y eso es todo, ¡muchas gracias por tu tiempo!
Esperemos que hayas disfrutado del proyecto tanto como nosotros haciéndolo, han sido unas intensas 4 semanas de trabajo en las que hemos crecido como diseñadores de UX y con un resultado del que estamos bastante orgullosos. Gracias a los profesores de Upgrade Hub, Muak Studio y a la colaboración de este gran equipo: Ana Paula Rubin, Susana Ramírez, Alejandro Álvarez Vera y la servidora. Sin vosotros no hubiera sido posible :)
