Organic Design | Empowering Social Connection with MicroBank Website Redesign Case Study | Organic Design & Design Strategy
Work
/
Product Design
/
MicroBank

Organic Design

MicroBank, the social bank of the CaixaBank group, sought to revamp its website to reinforce its identity as a bank committed to society. To achieve this, we created a new creative territory that established a more direct connection with the needs of its users.
Our proposal rested on two primary concepts. First, we developed an organic visual language to portray the entity as an accessible and attentive communicator. Secondly, we crafted a simple navigation structure to present the value proposition in a way that's understandable for users of varying levels of digital proficiency.
Let’s see how we tackled the challenge!



USER-BASED NAVIGATION

Instead of organizing the website navigation by product type, we chose to design a structure based on different types of users. This enables each user to effortlessly discover products that align with their specific needs.

SAME GROUP, DIFFERENT NUANCES

We developed a creative language that expands the uniqueness of MicroBank's value proposition. Simultaneously, we integrated references to the CaixaBank Group ecosystem to which it belongs, thereby reinforcing the message with key attributes such as security and trust.

USER-BASED NAVIGATION

Instead of organizing the website navigation by product type, we chose to design a structure based on different types of users. This enables each user to effortlessly discover products that align with their specific needs.

SAME GROUP, DIFFERENT NUANCES

We developed a creative language that expands the uniqueness of MicroBank's value proposition. Simultaneously, we integrated references to the CaixaBank Group ecosystem to which it belongs, thereby reinforcing the message with key attributes such as security and trust.

We assigned geometric shapes to each segment, making it easier to visually identify the most relevant products for each group.

We chose the Slab typography for headlines to highlight MicroBank's approachability. In body text, we employed the corporate typography of the group, establishing a visual connection with its identity.

We included animated graphical elements that activate when scrolling, encouraging continuous exploration by the user.

MISMO GRUPO DIFERENTES MATICES

Hemos desarrollado un lenguaje creativo que amplía la singularidad de la propuesta de valor de MicroBank. Al mismo tiempo, hemos integrado referencias al ecosistema del Grupo CaixaBank al que pertenece, fortaleciendo así el mensaje con atributos clave como seguridad y confianza.

We assigned geometric shapes to each segment, making it easier to visually identify the most relevant products for each group.
We chose the Slab typography for headlines to highlight MicroBank's approachability. In body text, we employed the corporate typography of the group, establishing a visual connection with its identity.
We included animated graphical elements that activate when scrolling, encouraging continuous exploration by the user.
arrow left
arrow right
We assigned geometric shapes to each segment, making it easier to visually identify the most relevant products for each group.
We chose the Slab typography for headlines to highlight MicroBank's approachability. In body text, we employed the corporate typography of the group, establishing a visual connection with its identity.
We included animated graphical elements that activate when scrolling, encouraging continuous exploration by the user.
arrow left
arrow right
We assigned geometric shapes to each segment, making it easier to visually identify the most relevant products for each group.
We chose the Slab typography for headlines to highlight MicroBank's approachability. In body text, we employed the corporate typography of the group, establishing a visual connection with its identity.
We included animated graphical elements that activate when scrolling, encouraging continuous exploration by the user.
arrow left
arrow right
We assigned geometric shapes to each segment, making it easier to visually identify the most relevant products for each group.
We chose the Slab typography for headlines to highlight MicroBank's approachability. In body text, we employed the corporate typography of the group, establishing a visual connection with its identity.
We included animated graphical elements that activate when scrolling, encouraging continuous exploration by the user.
arrow left
arrow right
We assigned geometric shapes to each segment, making it easier to visually identify the most relevant products for each group.
We chose the Slab typography for headlines to highlight MicroBank's approachability. In body text, we employed the corporate typography of the group, establishing a visual connection with its identity.
We included animated graphical elements that activate when scrolling, encouraging continuous exploration by the user.
arrow left
arrow right
We assigned geometric shapes to each segment, making it easier to visually identify the most relevant products for each group.
We chose the Slab typography for headlines to highlight MicroBank's approachability. In body text, we employed the corporate typography of the group, establishing a visual connection with its identity.
We included animated graphical elements that activate when scrolling, encouraging continuous exploration by the user.
arrow left
arrow right

FERMI CAPEL - MICROBANK

With Fail Fast, MicroBank has succeeded in renewing its external showcase (website) with a fresh vision tailored to the needs of our clients.