Website

Santander Totta

Santander Totta Bank is one of the biggest banks in Portugal, with the largest offer in segments, products and services. The objective was to make the new site of Santander Totta into a more useful and friendly experience.

My Role: Ux/Ui and Art Direction
Website

Santander Totta

Santander Totta Bank is one of the biggest banks in Portugal, with the largest offer in segments, products and services. The objective was to make the new site of Santander Totta into a more useful and friendly experience.
My Role:Ux/Ui and Art Direction

Users Archetypes

Everyone has a bank account, but not everyone knows the terminology for the products and services. We are able to identify three types of users, with their behaviors, regardless whether they are an individual or a company.

Users Archetypes

Everyone has a bank account, but not everyone knows the terminology for the products and services. We are able to identify three types of users, with their behaviors, regardless whether they are an individual or a company.

Road Map

With the wireframes, we are able to make an effective navigation flow for each target and also decide on the work methodology. By creating modules that could be used for different pages instead of creating page by page, we could save production time and also make a better experience for the users.

Road Map

With the wireframes, we are able to make an effective navigation flow for each target and also decide on the work methodology. By creating modules that could be used for different pages instead of creating page by page, we could save production time and also make a better experience for the users.

Navigation Flow

With the insight that everyone has a bank account but not everyone knows the correct terminology. We create two forms of navigation, one based on the names of the products for those with knowledge of banking terminology. And navigation based on solutions for those with basic knowledge.

Navigation Flow

With the insight that everyone has a bank account but not everyone knows the correct terminology. We create two forms of navigation, one based on the names of the products for those with knowledge of banking terminology. And navigation based on solutions for those with basic knowledge.

Iconography

We made several icons to best represent the problems and solutions. This way we represent the bank with a simpler language and closer to the needs and problems of the users.

Iconography

We made several icons to best represent the problems and solutions. This way we represent the bank with a simpler language and closer to the needs and problems of the users.

Layout Options

By using the modular scheme, we were able to have a bigger picture of the design needs. To create a solution that at the same time is uniform and able to distinguish the different content.

Layout Options

By using the modular scheme, we were able to have a bigger picture of the design needs. To create a solution that at the same time is uniform and able to distinguish the different content.

Mobile Ready

Although not request in the briefing. We made some screens to verify future use.

Mobile Ready

Although not request in the briefing. We made some screens to verify future use.

Next Project

MultiOpticas

View Project
Next Project

MultiOpticas

View Project