Website

Santander Totta

Santander Totta Bank is one of the biggest banks in Portugal, with the greatest number of customer segments, products, and services. My objective was to deliver a more user-friendly web and mobile experience for Santander Totta customers. 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 greatest number of customer segments, products, and services. My objective was to deliver a more user-friendly web and mobile experience for Santander Totta customers. 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 financial terminology. We were able to identify three types of users, along with associated behaviors, that encompass both individuals and organizations. 

Users Archetypes

Everyone has a bank account, but not everyone knows financial terminology. We were able to identify three types of users, along with associated behaviors, that encompass both individuals and organizations. 

Road Map

We developed wireframes to establish a clear and to establish an effective navigation flow for each type of user, as well as clear work processes for design and development teams. By creating reusable modules instead of developing each page individually, we were able to reduce production time and provide a more consistent user experience. 

Road Map

We developed wireframes to establish a clear and to establish an effective navigation flow for each type of user, as well as clear work processes for design and development teams. By creating reusable modules instead of developing each page individually, we were able to reduce production time and provide a more consistent user experience. 

Navigation Flow

Once again: everyone has a bank account, but not everyone is a banker. That’s why we created two distinct navigation flows, one centered on product names for more knowledgeable users and another centered on banking approaches for those with only basic knowledge. 

Navigation Flow

Once again: everyone has a bank account, but not everyone is a banker. That’s why we created two distinct navigation flows, one centered on product names for more knowledgeable users and another centered on banking approaches for those with only basic knowledge. 

Iconography

We made several icons to best represent financial problems and solutions. We chose to represent the bank with a simple graphic language that speaks directly to users’ needs.

Iconography

We made several icons to best represent financial problems and solutions. We chose to represent the bank with a simple graphic language that speaks directly to users’ needs.

Layout Options

Our modular approach enabled us to develop a user experience that is both consistent and customizable across user types.

Layout Options

Our modular approach enabled us to develop a user experience that is both consistent and customizable across user types.

Mobile Ready

Although not requested in the briefing, we developed layouts for future development and implementation. 

Mobile Ready

Although not requested in the briefing, we developed layouts for future development and implementation. 

Next Project

MultiOpticas

View Project
Next Project

MultiOpticas

View Project