Website

Santander Totta

Santander Totta Bank is one of the biggest banks in Portugal, with the largest offer in the market in segments, products and services. The objective was to make the 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 the market in segments, products and services. The objective was to make the 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. We can identify other three types of users and their behaviors, regardless whether they are an individual or a company.

Users Archetypes

Everyone has a bank account, but not everyone knows the terminology. We can identify other three types of users and 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.

Hierarchy

The first level was the labeling and identification of the different segments. Then the navigation inside each header was the second level and the drops are the third level. Each category in the navigation worked as landing pages for an effective presentation of the offer.

Hierarchy

The first level was the labeling and identification of the different segments. Then the navigation inside each header was the second level and the drops are the third level. Each category in the navigation worked as landing pages for an effective presentation of the offer.

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 structured in blocks, 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 making, in the end, a proposal that is catchy and engaging.

Layout Options

By using the modular scheme structured in blocks, 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 making, in the end, a proposal that is catchy and engaging.

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

NOS Stores

View Project
Next Project

NOS Stores

View Project