__wf_reserved_heredar__wf_reserved_heredar

Brubank 💳 es el primer y mayor banco digital de 🇦🇷 Argentina

Diseñamos un nuevo sitio web para Brubank, creando una nueva identidad y un conjunto de elementos de interfaz de usuario que, en última instancia, permite a su equipo actualizar los contenidos con regularidad y facilidad.

Visite el sitio web
__wf_reserved_heredar
__wf_reserved_heredar

Una nueva identidad de producto

Brubank es el primer banco digital de Argentina, fundado en 2017. Después de muchos años liderando la industria Fintech, era hora de refrescar su identidad de producto.

El reto era representar las mejoras del producto de los últimos 6 años en una nueva interfaz de usuario e identidad de marca, pero respetando sus directrices de marca.

__wf_reserved_heredar
__wf_reserved_heredar
__wf_reserved_heredar
__wf_reserved_heredar

El proceso

__wf_reserved_heredar
Diseño UX

Antes de empezar con la magia de la interfaz de usuario, nos centramos en comprender qué objetivos y tareas debían abordarse en cada sección del sitio web.

__wf_reserved_heredar
Redacción UX

Una vez que tuvimos la estructura de la web y los wireframes, el equipo de redacción creó toda la estructura de títulos y contenidos para cada sección. La idea era crear una voz y un tono sencillos y rotundos.

__wf_reserved_heredar
Diseño UI

La tarea principal del proyecto era rediseñar todo su sitio web. Empezamos con un sistema de diseño que definía la identidad, para luego proceder con los componentes clave que se utilizarían en cada sección.

__wf_reserved_heredar
Desarrollo

Para el desarrollo decidimos utilizar Webflow, lo que permitirá a los equipos de marketing de Brubank realizar cambios en cuestión de minutos y añadir nuevas secciones de funciones a la velocidad de la luz sin perder ni un ápice de calidad.

__wf_reserved_heredar
__wf_reserved_heredar

Exploración de referencias

Antes de empezar el proceso de diseño, el equipo de IU celebró una sesión de moodboard y referencias con el equipo de Brubank para decidir el enfoque a adoptar.

Se acordó que una estructura modular y limpia sería importante para acomodar la información sobre nuevas funciones. Se tomaron como referencia productos como Revolut, que ofrece varias funciones y servicios en un solo sitio web.

Además, queríamos incorporar el enfoque de diseño limpio que Apple lleva años utilizando.

__wf_reserved_heredar
__wf_reserved_heredar

Voz y tono

Desde el primer día, Brubank ha mantenido una voz y un tono flexibles y relajados, lo que ha sido un atributo clave que lo diferencia de los bancos tradicionales.

No queríamos cambiar eso, así que nuestros redactores se centraron en crear nuevas variantes que se alinearan con el nuevo contenido del sitio web manteniendo el mismo tono.

El nuevo sistema de diseño

__wf_reserved_heredar
__wf_reserved_heredar
__wf_reserved_heredar
__wf_reserved_heredar
__wf_reserved_heredar
__wf_reserved_heredar
__wf_reserved_heredar__wf_reserved_heredar
__wf_reserved_heredar__wf_reserved_heredar
__wf_reserved_heredar
__wf_reserved_heredar
__wf_reserved_heredar
__wf_reserved_heredar
__wf_reserved_heredar
__wf_reserved_heredar

Diseño de movimiento

Para dar fluidez al sitio web, nuestros diseñadores de Motion animaron ilustraciones y componentes para cada sección.

Crearon interacciones sencillas pero divertidas que dieron vida al diseño de la interfaz de usuario.

__wf_reserved_heredar

Identidad de marca

Ayudamos a Brubank a realizar algunos ajustes en su identidad, principalmente cambiando la tipografía que habían estado utilizando desde el principio e incorporando emojis en algunas de sus tarjetas y pancartas.

__wf_reserved_heredar
__wf_reserved_heredar
__wf_reserved_heredar
__wf_reserved_heredar
__wf_reserved_heredar
__wf_reserved_heredar
__wf_reserved_heredar
__wf_reserved_heredar
__wf_reserved_heredar
__wf_reserved_heredar
VOLVER A INICIOsiguiente caso