BBVA Public Web

Global designs for the new public web of BBVA. We have first launched in Mexico, with all other countries to follow shortly.

BBVA Public Web

Global designs for the new public web of BBVA. We have first launched in Mexico, with all other countries to follow shortly.

A concept based on our tagline

Creating opportunities

We want to talk about our financial products with an approach that goes far beyond responding to traditional product searches. We want to respond to the real needs of our clients, and we do it through didactic content.

A concept based on our tagline

Creating opportunities

We want to talk about our financial products with an approach that goes far beyond responding to traditional product searches. We want to respond to the real needs of our clients, and we do it through didactic content.

Responsive Layout: Grids

We have adjusted the break points to provide a better experience for mobile. In doing so, we now have a solid system that is both easy to understand and use by all teams.

Responsive Layout: Grids

We have adjusted the break points to provide a better experience for mobile. In doing so, we now have a solid system that is both easy to understand by all teams.

Largue Desktops

Max width: 1176px Cols: 12, Margins: 16px, Gutters: 32px Baseline: 8px

Desktops

Max width: 960px Cols: 12, Margins: 16px, Gutters: 32px Baseline: 8px

Tablet

Max width: 100% Cols: 8 Baseline: 8px

Mobile

Max width: 960px Cols: 12, Margins: 16px, Gutters: 32px Baseline: 8px

Large desktops

Max width: 1176px Cols: 12, Margins: 16px, Gutters: 32px Baseline: 8px

Desktops

Max width: 100% Cols: 4 Baseline: 8px

Tablet

Max width: 100% Cols: 8 Baseline: 8px

Mobile

Max width: 100% Cols: 4 Baseline: 8px

Responsive Layout

8px System

Every UI element is aligned to the 8-pixel grid. The concept known as pixel-fitting ensures that all elements appear well-defined on all devices. This also allows designers and developers to have the same box model.

Responsive Layout

8px System

Every UI element is aligned to the 8-pixel grid. The concept known as pixel-fitting ensures that all elements appear well-defined on all devices. This also allows designers and developers to have the same box model.

Desktop layouts

The objective is to help users easily find the right financial products and through clear, complete information be able to make informed decisions.

Desktop layouts

The objective is to help users easily find the right financial products and through clear, complete information be able to make informed decisions.

Mobile layouts

Every UI element is aligned to the 8-pixel grid. The concept known as pixel-fitting ensures that all elements appear well-defined on all devices. This also allows designers and developers to have the same box model.

Mobile layouts

Every UI element is aligned to the 8-pixel grid. The concept known as pixel-fitting ensures that all elements appear well-defined on all devices. This also allows designers and developers to have the same box model.

¿Quieres saber más sobre este proyecto? Visita su ficha en Behance.

BBVA Public Web

¿Quieres saber más sobre este proyecto? Visita su ficha en Behance.

BBVA Public Web

Trabajemos juntos

Puedes contactarme en mi correo electrónico: info@julianpg.com

Trabajemos juntos

Puedes contactarme en mi correo electrónico: info@julianpg.com