Escrito por Fernando Marar, Natalia Hazarian, Ariane Morganti, Dandara Hahn e Isadora Stevani

Nubank es una de las plataformas de servicios financieros digitales más grandes del mundo. Con más de ocho mil empleados, una reciente IPO y un rápido crecimiento que logró más de 70 millones de clientes en Brasil, México y Colombia, Nu ha alcanzado otro nivel de madurez de su negocio. Con una nota importante: su crecimiento constante como empresa trae consigo nuevos desafíos sobre cómo Nubank mantendrá también la coherencia de su marca.   

Los consumidores quieren comprar marcas que conocen y con las que se conectan. Eso es lo que hace que la coherencia sea un elemento tan importante para desarrollar la fortaleza y relevancia de la marca. La repetición conduce a una mayor identificación, lo cual es esencial para crear y mantener una conexión más profunda con nuestras audiencias.

Una marca es un organismo vivo que evoluciona constantemente. Elegida la marca más fuerte de Brasil en 2022 por WPP, Nubank siempre ha apostado por centrarse en el cliente y luchar contra la complejidad para empoderar a las personas. Ahora, a mayor escala (y en su décimo aniversario), el equipo de marca global de Nubank desarrolló una herramienta que expande las raíces centrales y el propósito de Nu a un contexto más amplio, ayudando a Nubank a mantener la coherencia y la calidad en su producción en todas las plataformas, países o servicios.

Aquí hay un vistazo rápido al Sistema Nu Brand: 

Video: Nu Brand System case. Source: Nu Brand Design Team.

El problema: un poco aquí, un poco allá

Imagine un equipo con cientos de profesionales creativos y de marketing, además de socios y proveedores externos, trabajando en la marca más fuerte de Brasil que lanza continuamente nuevas campañas y productos para sus segmentos actuales y nuevos. Orquestar todas las estrategias, pautas y activos de la marca en una plataforma fácil de encontrar, fácil de usar y siempre actualizada, para garantizar que nunca se pierda ningún contenido, no es exactamente, digamos, trivial.

Para este nuevo paso de madurez de la marca, era inevitable desarrollar una nueva forma de organizar todo el contenido relacionado con la marca de Nubank. La verdadera pregunta, en este caso, era cómo se iba a desarrollar.

Descubre las oportunidades

La solución: zona interactiva de la marca

Tradujimos nuestro Nu Brand System a una herramienta BrandBook nueva e interactiva,una plataforma pública y en línea a la que todos pueden acceder, para estimular la curiosidad y el cumplimiento en el uso de las pautas de la marca. 

También ayuda a brindar una gran experiencia al mostrar nuestras bases de diseño a través de contenido y herramientas interactivos, donde todos los activos de la marca se pueden almacenar, entregar y descargar.“La idea era romper con el aburrido formato en el que normalmente se elaboran las directrices de marca (normalmente un PDF estático). Nuestro objetivo era crear una plataforma sencilla y llamativa para que la gente quisiera acceder, interactuar y aprender de y con las guías de marca”.


Fernando Marar, Líder Sr. de Diseño de Marca – Equipo de Branding

Video: BrandBook Tool navigation. Source: Nu Brand Design Team.

Teniendo en cuenta que fue creada para mantenerse al día con la expansión internacional de Nu, la herramienta BrandBook está actualmente disponible en inglés, portugués y español.

El proceso de del design

Ser simple es siempre el final y el viaje para llegar allí es apasionante. Hubo un largo ciclo de exploraciones desde el diseño de la página de inicio hasta la comprensión de cómo disponer del contenido y el motor de búsqueda, buscando la forma de navegación más accesible y amigable. A continuación puedes encontrar los principales fundamentos de las decisiones tomadas para el desarrollo de la herramienta.

Image: BrandBook Tool  – Home evolution. Source: Nu Brand Design Team.

Estructura Modular

Después de decidir crear una herramienta online para centralizar y compartir todo el contenido, lo siguiente que se decidió fue su formato visual. Las formas modulares se utilizaron para crear una estructura más flexible para seguir expandiéndose para contenidos futuros: facilita nuevas cargas y actualizaciones al permitir a Nubank modificar o incluir fácilmente un módulo completamente nuevo sin interferir con los anteriores. Con la expansión de la marca, eso resultó crucial. 

Cada bloque está dedicado a un elemento diferente de nuestro Sistema de Marca. Y todas las miniaturas se animan cuando el usuario pasa el cursor sobre ellas, revelando un adelanto del contenido que están a punto de ver.

Navegación e Investigación

Hay cuatro formas diferentes de navegar en la Herramienta:

  • Tablero Infinito: los tableros infinitos dan la sensación de que el trabajo que se ingresa en el tablero está en constante expansión, exactamente el caso de la marca Nu. Combinada con la estructura modular, la página de inicio infinita de nuestra herramienta (vertical y horizontalmente) ofrece a todos los usuarios otra forma de visualizar la marca Nu y los activos creativos, en una experiencia más orgánica y fluida.
  • Barra de Búsqueda: Un campo de búsqueda que agiliza la búsqueda de temas o visitas a secciones específicas, eliminando distracciones.
  • Menú Índice: Un índice que ordena todas nuestras secciones principales en una lista simple, brindando a los usuarios la posibilidad de acceder a nuestras pautas de una manera más sencilla. Al hacer coincidir los bloques de la pantalla de inicio, aparecen miniaturas animadas al pasar el cursor sobre los títulos.
  • Sección de inicio de sesión: también hay una sección de inicio de sesión en la esquina superior izquierda a la que solo pueden acceder Nubankers y patrones externos que trabajan en estrecha colaboración con nuestra marca. La herramienta desbloquea contenido confidencial cuando el usuario inicia sesión, como nuestro posicionamiento de marca, sistema de diseño (NuDS) y funciones dedicadas a Nubankers. 

Image: BrandBook Tool – Home screen. Source: Nu Brand Design Team.

“Comenzamos a pensar en la mejor forma de investigar e invariablemente creamos la barra de búsqueda. Pero eso no fue suficiente para llamar la atención, así que decidimos crear un lienzo modular para miniaturas llamativas y también un menú de lista, para cubrir todos los diferentes hábitos”.

Ariane Morganti, Diseñadora de Marca Sénior – Equipo de Branding

Contenido y Herramientas

El contenido de cada sección se organiza en pestañas. Fueron creadoa para consulta online y offline, en el sitio web y también en versión PDF. En la versión online, todas las secciones cuentan además con un vídeo explicativo sobre la importancia y el correcto uso del activo de marca dispuesto en pantalla.

Hay varias secciones interactivas con herramientas para ayudar a los colaboradores en sus rutinas de diseño. Aquí hay unos ejemplos:

Selector de color: Al navegar por los colores primarios y secundarios de Nubank, al pasar el ratón sobre los colores el usuario descubre más información sobre cada uno y, con un solo clic, puede copiar automáticamente el código HEX.

Generador de cuadrícula: La ″Herramienta de Cuadrícula″ ayuda al usuario a producir y descargar cuadrículas de acuerdo con las especificaciones necesarias. El usuario puede cambiar los valores de altura y peso y hacer clic en la flecha para actualizar la forma y luego descargarla.

Configuración de tipo de letra: El ″Probador de Tipos″ permite al usuario explorar y probar la fuente Gellix de Nu en diferentes configuraciones. Puedes elegir el tipo de fuente que deseas, cambiar el tamaño de fuente para ver el espaciado correcto entre líneas y caracteres y probarlo en modo oscuro, por ejemplo.

Miniaturas llamativas


Las miniaturas fueron animadas con el objetivo de ser visualmente atractivas y captar la atención del usuario. Nuestro equipo de diseño creó íconos específicos con bucles de animación para transmitir claramente la esencia del contenido.

“Decidimos utilizar el movimiento no solo por un enfoque estético sino principalmente para ayudar a los usuarios a comprender lo que buscan. Las animaciones aportan un aspecto sorprendente y ayudan a distinguir el contenido de cada sección”.

Isadora Stevani, Diseñadora de Movimiento Sénior – Equipo de Branding


Illustration

Brand Positioning

Brand Prisma

Brand Verbal Expression

Icons

Templates

Lecciones aprendidas y conclusiones

Consolidar el Sistema Nu Brand y ponerlo a disposición a través de la herramienta Brandbook de Nubank es un paso importante para un nuevo momento de madurez de la marca. Si Nubank se trata de luchar contra la complejidad para empoderar a las personas, la forma en que promovemos las directrices de nuestra marca también debería poder traducir ese propósito y ambición. 

Idealizar la herramienta fue definitivamente una experiencia de aprendizaje en equipo sobre el poder de crear herramientas simples y amigables no solo para los clientes “externos”, sino también internos, ayudando a cada colaborador o socio a tener un acceso fácil y amigable a los activos de la marca Nu.

¡Ven y continúa construyendo este viaje con nosotros!

Descubre las oportunidades