Rebranding de un banco digital: la historia detrás de nuestro nuevo look

Actualización: Vea la presentación sobre el cambio de marca Monese de la conferencia Digitized17 aquí

Monese es un servicio bancario sin sucursales que permite a los residentes del Espacio Económico Europeo abrir una cuenta bancaria local en tan solo 120 segundos, incluso si el cliente no tiene un comprobante de domicilio inmediato o tiene un historial crediticio deficiente. Construimos Monese para ayudar a los 90 millones de personas en toda Europa que están "financieramente excluidos" porque los bancos tienen dificultades para identificarlos o calificarlos.

Como producto financiero, es esencial ganarse la confianza de los usuarios y, por lo tanto, tener una identidad consistente y reconocible es primordial para el éxito de Monese.

¿Por qué decidimos cambiar la marca?

Habiendo lanzado en Android y viendo crecer nuestra base de usuarios rápidamente, el lanzamiento en iOS fue un próximo paso obvio y se sintió como un buen momento para revisar y revisar nuestro aspecto.

Si bien teníamos una identidad existente, en última instancia, sentimos que la marca necesitaba reflejar mejor lo que habíamos aprendido al ver nuestro producto utilizado de primera mano por clientes reales, y nuestra comprensión más profunda de sus necesidades.

Aquí hay algunos problemas más que identificamos:

El logotipo no era una marca particularmente personal, se sentía un poco infantil con sus curvas demasiado amigables.
Nuestro uso del tipo de letra "Brandon" no nos dio una voz fuerte y el uso excesivo por parte de muchas empresas nuevas significa que nunca podría ser nuestro.
Había una mezcla de formas afiladas y redondeadas que eran inconsistentes y discordantes entre los elementos de la marca.
Nuestro amplio uso del rojo creó un desafío al mostrar estados de error en la aplicación Monese.

Monese estaba creciendo y nuestra identidad tenía que reflejar esto, al tiempo que tenía la flexibilidad de aplicarse en múltiples puntos de contacto.

Elementos de la antigua marca Monese.

Hicimos esfuerzos iniciales para reparar nuestra marca existente. Cuanto más lo abordamos, más entendimos las debilidades fundacionales que nos retenían. Necesitábamos un conjunto claro de valores y una nueva identidad para expresar mejor el significado de nuestra oferta.

Como equipo delgado, sabíamos que una nueva marca completa iba a ser difícil, pero si alguna vez íbamos a hacerlo, ahora era el momento. Nuestra misión era unificar a la compañía en torno a una historia de marca común, formar conexiones más fuertes con nuestra audiencia y proporcionar una base sólida para el crecimiento futuro.

Storyboarding de marca

Comenzamos el extenso trabajo sumergiéndonos en lo que Monese ya ha logrado y hacia dónde nos dirigimos. Trabajando en nuestros estudios en Londres, Reino Unido y Tallin, Estonia, nos conectamos con todos los miembros de la compañía para recopilar opiniones sobre cómo cada uno de nosotros describiría nuestros valores.

En estrecha colaboración con analistas de experiencia de usuario y equipos de gestión, comenzamos definiendo un guión gráfico de marca. Discutimos cómo nuestros servicios bancarios están ayudando a las personas a "subir de nivel" y progresar con sus vidas. Pasamos a definir nuestros valores. Nos tomamos esto muy en serio ya que estos continuarían formando el núcleo de nuestra personalidad y actuarían como un campo base al que podríamos regresar para cada decisión de marca que tomemos.

La lista que creamos fue un comienzo útil, pero había demasiados para recordar. Con el aporte de personas de toda la empresa, los resumimos en un conjunto mucho más ágil de tres valores fundamentales.

Progresivo

En Monese siempre estamos mirando hacia el futuro, manteniéndonos un paso adelante mediante el uso de nuevas tecnologías para ayudar a nuestros clientes.

Humano

Vemos el valor de los seres humanos, individual y colectivamente. No juzgamos con nuestra audiencia, lo que nos diferencia de otros bancos más tradicionales.

Digno de confianza

Brindamos un hogar seguro para su dinero y somos abiertos y transparentes con nuestros clientes. Tenemos una actitud accesible y siempre estamos listos para responder preguntas.

El proceso

Con plazos ajustados para cumplir, nos movimos rápidamente y comenzamos los sprints de diseño conceptual. Como somos una startup, a menudo necesitábamos dedicar tiempo a los sprints para trabajar en las funciones de la aplicación y otros aspectos del negocio, por lo que para mantener las cosas manejables nos aseguramos de que nuestro enfoque principal estuviera en el trabajo de marca durante períodos de tiempo establecidos y luego Me tomó días para trabajar en otras cosas.

Cada sprint fue generalmente alrededor de 4 días. Fijamos objetivos diarios para mantener nuestro enfoque y mantener el rumbo, examinando nuestros valores y explorando ideas para un mayor desarrollo. Nos reunimos al final de cada sprint para revisar; no para tomar grandes decisiones al principio, sino para compartir nuestras ideas y recorrer el proceso de pensamiento de los demás.

Diseñando nuestra marca

En Monese ayudamos a nuestros clientes a moverse libremente en sus vidas brindándoles un servicio bancario que es fácil de unir, fácil de usar y seguro. Queríamos diseñar una marca que refleje esto y comunique nuestros valores "progresivos, humanos y confiables". Comenzamos a dibujar ...

Después de explorar varias rutas, perfeccionamos nuestras decisiones y comenzamos a diseñar nuestra opción preferida. Realizamos muchas iteraciones para asegurarnos de que nuestro logotipo final transmitiera las cualidades de cada uno de los valores de nuestra marca.

Decidimos una combinación de líneas de interconexión fluidas para formar una marca única que refleje lo que somos: seguro, dinámico y humano. Para agregar un toque suave a la marca, agregamos esquinas redondeadas que la hacen sentir más humana y fluida.

Tipografía

Mientras trabajábamos en el diseño de la marca, comenzamos a explorar los tipos de letra. El problema principal con nuestro tipo de letra actual era que se sentía demasiado peculiar, no es algo en lo que confiarías tu salario. Aunque su forma sans serif bien diseñada y ligeramente redondeada funcionó bien para nosotros en las primeras etapas de la empresa, carecía de madurez, una cualidad que nuestra nueva voz debe reflejar.

Decidimos el tipo de letra "FF Mark". Diseñado recientemente en 2013, los formularios se extrajeron de algunos de los sans-serif más exitosos de la historia, pero se siente contemporáneo y como en casa en el panorama del diseño moderno.

Cada glifo ha sido cuidadosamente diseñado para darle un borde fuerte, simple y audaz, pero sus curvas le dan una sensación tranquilizadora y amigable que ayuda a unirlo bien con las formas redondeadas de la nueva marca del logotipo de Monese.

Una gran parte de nuestra audiencia son angloparlantes no nativos, lo que significaba que la legibilidad era primordial para nuestra decisión. La gran altura x de Mark lo ayuda a trabajar claramente en tamaños pequeños dentro de los elementos de la interfaz de usuario y su versátil conjunto de pesos le da flexibilidad para trabajar en múltiples puntos de contacto de la marca.

En general, creemos que Mark es la opción correcta, ya que eleva la voz de nuestra marca para tener un tono fuerte y de confianza.

Paleta de colores

Queríamos que nuestra paleta se sintiera vibrante y fresca al mismo tiempo que utilizaba colores que pudieran comunicar claramente elementos de nuestro servicio bancario a hablantes de inglés no nativos, por lo que nuestras elecciones tenían que ser funcionales y estéticas. Analizamos los diversos estados de información que necesitaríamos comunicar dentro de nuestra aplicación y seleccionamos un conjunto flexible de colores que ayudaría a mejorar la usabilidad.

El intenso color azul, verde y amarillo de nuestra nueva paleta primaria transmite mucha más vida que nuestra vieja paleta pálida y apagada, que creemos que es una voz mucho más adecuada para Monese. Uno de nuestros primeros evaluadores dijo que "no se siente pesado como otras aplicaciones bancarias".

Definir una interacción de firma

Como somos un producto digital, creemos que un sistema de marca sólido debería ser más que un simple identificador y debería determinar el comportamiento del producto. Como servicio bancario, una de las interacciones más importantes que nuestros usuarios tienen con el producto, es la capacidad de realizar un pago. Decidimos centrarnos en esta interacción y convertirla en una característica central de nuestra marca.

Observamos varios tratamientos y examinamos cómo podrían funcionar usando la animación.

Después de revisar las animaciones, pasamos a crear un prototipo con javascript y realizamos algunas pruebas de usuario, ya que era importante que la animación no interfiriera con la acción en sí.

Creación de prototipos y prueba de la interacción de pago

Mantener la interacción simple fue clave, para garantizar su usabilidad y evitar el estilo sobre la sustancia. Introdujimos una mecánica de línea de seguimiento fluida, que se revela cuando el usuario se desliza hacia abajo para realizar un pago. El movimiento elástico y fluido inyecta más personalidad y una sensación de deleite en la interfaz.

Desarrollando el sistema

Mirando más allá, exploramos cómo las líneas de pago podrían expandirse como un sistema visual cohesivo. Creamos texturas gráficas formando una gran red de líneas finales para comunicar múltiples pagos en movimiento. Recortar en esta red crea una gama de expresiones, desde medidas y precisas, hasta vibrantes y expresivas.

Los comentarios de los usuarios que habíamos recopilado en nuestra antigua tarjeta de débito mostraron que algunos clientes pensaban que la tarjeta anterior no parecía un producto bancario legítimo. En base a estos comentarios, decidimos diseñar una tarjeta oscura más atractiva que muestre la red reveladora de líneas de rastro. Las líneas de interconexión del patrón comunican el progreso continuo de los pagos a través de la plataforma Monese.

Nuestro nuevo empaque de tarjeta de débito

Como Monese es un producto dirigido principalmente a personas que se mueven, pensamos que sería apropiado dar a nuestra identidad un sentido real de movimiento. Queríamos que el sistema se sintiera como si se estuviera moviendo, como si mostrara una instantánea de este movimiento. De esta manera, realmente podríamos comunicar nuestro valor de ser progresivos.

Las formas expresivas tienen una sensación fluida y humana que es consistente en todas las formas que se encuentran en la marca del logotipo y los elementos de la interfaz de la aplicación.

Rediseñando la aplicación

Junto con la actualización de la marca, rediseñamos completamente la aplicación tanto para Android como para iOS. Queríamos que la interfaz se sintiera brillante y fresca, y que fuera fácil de navegar. Trabajando con el equipo de UX, pensamos cuidadosamente sobre cada elemento para garantizar que cada decisión tuviera un propósito claro para el usuario.

Usando ilustraciones, incorporamos elementos para sorprender y deleitar al usuario, y también presentamos un gráfico interactivo con un estilo de línea similar al del logotipo. Todos los iconos fueron rediseñados para tener una forma más redondeada y amigable, e introdujimos un estilo de línea de tiempo para mostrar las transacciones de la pantalla de inicio.

Nuestra interfaz recientemente rediseñada.

Ilustraciones y personajes

Introdujimos un nuevo estilo de ilustraciones y un conjunto de personajes para ayudar a explicar partes de la aplicación y agregar una sensación de diversión. Los personajes ayudan a tranquilizar al usuario de lo accesible que somos como empresa, siempre estando aquí para ofrecer una mano amiga amigable.

Como ejemplo; Al registrarse para obtener una cuenta de Monese, los usuarios deben esperar a que se revisen sus documentos de identificación. Presentamos una animación de un escáner que está leyendo sus documentos. Después de un corto tiempo, uno de los personajes salta al escáner y sale con un bronceado en aerosol. Esperábamos que esto le diera al usuario una pequeña recompensa por esperar, e incluso podría hacer que quieran esperar a que la animación se repita para verla.

El resultado

Para volver a nuestras razones iniciales para revisar nuestra identidad visual, anteriormente sentimos que la antigua marca Monese terminó siendo demasiado simplista y poco confiable. Un logotipo demasiado suave no solo coincidía con patrones e ilustraciones poligonales que emitían un tono mixto, sino que, en última instancia, no se sentía lo suficientemente único como para llamarlo nuestro.

Dado que abordamos todos estos problemas, desde un logotipo más fuerte y confiable hasta una paleta de colores más amigable, estamos seguros de que nuestra nueva identidad proporcionará a Monese una base para seguir creciendo a largo plazo. Ya ha sido acogido con entusiasmo por todos los equipos de nuestra empresa y solo podemos esperar que nuestros clientes también acojan con satisfacción el cambio.

Y aquí hay algunos comentarios que hemos tenido hasta ahora:

PD Monese está contratando en Londres y Tallin
www.monese.com

Actualización: Vea la presentación sobre el cambio de marca Monese de la conferencia Digitized17 aquí