Bankinter app — Product Design

Upgrading the banking experience.

 Intro —

 

One of the things we learned working at Finhelp is that sometimes it doesn't make much sense to try to create a new super application if the bank's current application has a lot of room for improvement. That's why, a few years ago, we started to completely redesign our clients' main app, focusing on the data, the most used functionalities, and with the goal of creating a delightful experience.

The basics —

 

Understanding what are users doing.

First of all, we dive into the analysis of usage data. We found that the operations of more than 70% of the customers are reduced to money transfers and consulting their accounts. We conducted some initial user tests and focus groups that allowed us to understand the main problems with the current processes and we discovered some interesting tricks in their use.

graficos.001.png

Based on this initial research, we decided to focus our work on 3 key areas and make them awesome:

  1. Home Banking: with all the basic data available in a simple view and easy to understand.

  2. Bizum and Transfers: completely redefining the process, making it fast and simple.

  3. Notifications System: rethought to alert the user to any unforeseen event and facilitate an agile response in all processes.

 The process —

 

Everything you need, simplified.

This is probably the most important screen of the application. It is the landing screen for all users and we need to be able to show them the information quickly and understandably. The user should be able to understand how things are going with their money at a glance.

With that in mind, we enabled a new space in the header with a graphical summary of income and expenses and direct access to the PFM for more detail.

Next, we kept the carousel and list system for products because it was something that had worked well in the previous version and was well appreciated by users.

And we topped off the screen with one of the key pieces of the app: our tab bar with a contextual multifunctional button. A button that learns from the user and always offers the most used operation in each of the sections of the app. With this button, we keep the user always focused: his frequent operations are always in the same place and do not interrupt the reading of his products.

Scene_1.png

 

 

Move your money, easy and fast.

After much Dribbble, we discovered that a transfer process can be more complex than it seems. Most cases are fairly simple but there is a lot of casuistries to consider that need to be included if we want an inclusive experience that works well for all users.

With this in mind, we redesigned the transfer process with invisible calls in the back that allow us to read live data and add more screens and complexity to the process only where necessary. In addition, we defined a new organization for contacts and favorite transfers that allows the user to reuse their frequent transactions or send money to their trusted people easily, quickly, and with fewer security barriers.

 
Scene_2_animated.gif

 

 

Always up to date, but only if you need it.

We have worked very hard to create a smart and easy-to-configure notification system. We know that people don't want to be bothered by the bank, but they do want to be alerted if something goes wrong. In collaboration with the data team, we have created a set of rules to do this, which have been very well received in user testing.

We have also integrated push notifications into as many processes as possible. Incorporating automatic reading of OTPs and deep-linking to guide the user, save their time, and keep up with our obsession to make everything "easy and fast".

 
Scene_3.png

 

 

Details, details, and more details.

We are migrating a web-view-based application to a native technology, so we had to take advantage of all the benefits that it offers us to create a pleasant and unforgettable experience. Our goal is that users enjoy using the app and want to do it again and again.

Therefore, we have carefully designed other key parts of the application such as navigation, details query, or search.

Scene_4_extras.png
 

And we have paid extreme attention to every design and usability detail: incorporating haptic cues into toast notifications, taking care of all interactions between screens and processes with amazing animations that were not only beautiful but also helped the user to stay located, or creating a new modular visual system that offered feedback to the user in a visual and pleasant way.

mvs_01.gif

 

Summary —

 

A harder job than expected.

We have been working on this project for almost 3 years and, finally, its launch is scheduled for next October. The migration of all functionality to native technology and a change of system architecture has made it difficult to work on the last phases of the project. Nevertheless, the application has been running in Friens&Family mode and small control groups for more than a year, and the feedback received is very positive. We firmly believe that it will also be very well received by customers and the general public, which will make all the effort worthwhile.