Case Study: Banking Back-Office UX Transformation Allows to Expand Globally
Comparison between the old and the new ITTI Digital core-banking solutions

Case Study: Banking Back-Office UX Transformation Allows to Expand Globally

In the past six months, a banking software vendor company, ITTI Digital, has undergone a massive transformation. They partnered with UXDA to completely reinvent a 15-year-old core-banking solution. This transformation has ensured a dramatic increase in banking's service speed, employee productivity and customer satisfaction. The learning curve of banking employees has been reduced from several weeks to a few hours. Also, the potential for costly human errors has been significantly decreased. The new core banking solution has provided ITTI Digital with the opportunity to expand in the global market. With ITTI Digital’s permission, we are sharing an exclusive step-by-step case study on designing a next-generation banking back office that will definitely become a game-changer in the industry.

No alt text provided for this image

Problem: Back Office Ruins Banking

It's a well-known yet well-hidden fact that banking back-office solutions are causing a lot of problems. The banks themselves are often embarrassed about the outdated solutions that go against their modern-looking appearance.

The impact of an outdated back office is much stronger than it seems at the outset. It drastically reduces the speed, quality and value customer service could provide. But, most importantly, such core banking solutions demonstrate to banking employees that a modern digital approach is not valued. Thus, despite fancy looking customer solutions, the inner culture is often negatively impacted by a lack of human-centered solutions.

So, the ugly truth is that today the majority of current banking back-office solutions are slow, complex, clumsy and leading the employees to mistakes instead of helping to avoid them.

No alt text provided for this image

Challenge: Save the Industry by Disrupting it

The main challenge of ITTI Digital when they started working with UXDA was to disrupt the banking industry by creating a never-before-seen core-banking solution 100% focused on the employees: a solution that would take into account all bank employees’ pain points, needs and daily tasks, thus making their job easier, enjoyable and more meaningful from a banking end-customer perspective.

To achieve this, UXDA unique Financial Design Methodology was used. It was developed over a period of 10 years and has already proven itself by ensuring success for more than 60 financial institution digital products worldwide. The full ITTI Digital back office transformation can be divided into four main stages realized through UXDA Financial UX Design approach:

No alt text provided for this image

Goal setting: Ultimate Power of Joined Vision

Every success is defined by a clear target statement. In this phase, together with ITTI Digital, we crystallized and developed an understanding of where the company is going with the new product. From a project success perspective, it is vitally important to ensure that all stakeholders are on the same page.

The Stakeholders’ Interview: Is that a Triangle or a Square?

One of the biggest challenges is that often large teams find it hard to reach a common understanding; everyone has their own vision about the company strategy and the new product goals.

No alt text provided for this image

Image source: User story mapping, Jeff Patton

In the worst case scenario, all of the team members are certain that they think the same until faced with problems that arise because of misunderstandings.

We started the research stage by conducting an interview with ITTI Digital stakeholders. Through this, we found the overall specifics of our client's business and motivation for redesigning their existing product.

ITTI Digital turned to UXDA after trying to make their company user centered on their own. They had heard a lot about user experience and Design thinking, but the efforts to make it work weren't successful. There was something missing that they couldn't figure out. ITTI Digital realized that it’s not only about interface design or product features, which is why they decided to trust the financial design approach developed by UXDA.

ITTI Digital aimed for something more significant than just creating an appealing product design; they were willing to generate the next-level market opportunity.

At this point, they weren't yet aware of the huge journey this decision would take them on. In the following months, ITTI Digital underwent a courageous shift of implementing user-centered design throughout the whole core of the business, including strategy, processes, culture and customer service.

No alt text provided for this image

During a stakeholder interview, the ITTI Digital board gained a clear view about the huge changes necessary in their current product and overall business approach. This was the only way to achieve the desired goals, despite the frightening complexity and seeming impossibility of desired changes.

No alt text provided for this image

Some of the ITTI Digital team members felt nostalgic about putting the old solution to rest, as it had operated for more than 10 years, but, at the same time, they were certain that it was the right thing to do. The company was ready for in-house revolution.

The Product Audit: What do we Have Here?

After gaining a clear picture of the ITTI Digital business philosophy, strategy and goals, we investigated their current solution and its flaws. At this stage, it is important not to miss the primary product value and advantages, and explore it from a user perspective. Hundreds of functions and user scenarios can easily distract from it and hide its core value.

From the first sight, the ITTI Digital initial product was fragmented and overloaded with functionality. The appearance reminded us of Windows 98, just like most currently available core banking solutions. Instead of helping banking employees, it just confused them. That’s why weeks of learning are needed.

No alt text provided for this image

Initial ITTI Digital core banking solution

ITTI Digital Innovation manager, Hector, guided the UXDA team through the current solution. Usually, vendors know their product really well and do not notice its complexity. While guiding us through the solution, the ITTI Digital team got a chance to look at their product from aside. During this, we asked questions from a user perspective, and Hector noted himself that the solution seemed heavy, and some of the extra functionality did not make sense.

Competitors’ Analysis: Learning from Our Rivals

During this stage, we profiled the competitor companies, their core-banking solutions and how they position themselves in the market. We observed the ITTI Digital competitor successes and failures and analyzed their advantages and weak points in the customer experience. This provided a clear view of the industry background to the team.

No alt text provided for this image

ITTI Digital uncovered a huge opportunity to differentiate their product because of the fact that the majority of currently available back-office products offer inconvenient and outdated solutions. This inspired the whole team to double their power in moving forward to offer the industry a brand new approach with a completely reinvented and revolutionary product.

Research: Pain and Gain Defines Everything

The very core of the whole ITTI Digital back-office rebirth was user research. Skipping this stage could have resulted in going in the absolutely wrong direction and could even potentially led to the launch of a completely useless product.

At the beginning, ITTI Digital might have thought that they knew their users well. However, during the research, they discovered that their assumptions about the user needs and wants didn’t always match up with reality. It is necessary to meet and try to empathize with real people.

No alt text provided for this image

User Personas: Putting a Face to a Name

Research of ITTI Digital user personas was the foundation for a solution that would be not only aesthetically pleasing but, most importantly, highly practical and usable. Here, it was crucial for us and ITTI Digital to get in touch with the people who were using the solution every day.

ITTI Digital became aware of banking employees’ needs, emotions and pains. It was also hugely important to understand in great detail the everyday routines and duties of different employee positions in a bank.

Creation of ITTI Digital user personas required a huge amount of research. We collected data from:

  • ITTI Digital inner database;
  • Public databases;
  • Research;
  • UXDA inner database;
  • End-user interviews.

The most valuable insights and information were gained from conducting user interviews. This provides an emotional connection with potential users and helps you to feel their pain points and empathize with their current experience. Thanks to ITTI Digital, we got the chance to interview 21 real end users─people who were dealing with the old back-office solution daily.

I wasn't sure about the responsiveness of the employees willing to share their insights about the old solution, but it turned out to be a surprise when more and more people were willing to share their thoughts. This turned out to be a truly emotional phase of the whole process as the employees were so keen to speak out, and for the first time we really got to discover their needs that the current service wasn't satisfying.

Hector Ojeda, ITTI Digital Innovation Manager

It seemed like the employees had been waiting an eternity for this moment. They were eager to share their thoughts and emotions on the current relationship with the back-office solution.

The employees felt that the current solution was overloaded and complex. Even after 15 years of working in a bank, a user still didn't understand all the functionality. Unfortunately, instead of helping, the banking software created friction.

No alt text provided for this image

The banks have many departments and divisions with various employee positions, but, based on the data collected, it was enough to create four user personas in different positions within the bank:

  • customer service specialist,
  • branch manager,
  • back office operative,
  • risk manager.

The creation of these four user personas allowed us to get a detailed look at the employees’ usage scenarios by putting digital interactions into real-person experience and context. Nevertheless, the final core banking solution should be usable by every department and position in the bank because of matching architecture to a full set of potential scenarios.

No alt text provided for this image

We walked a day in the customers’ shoes to experience the daily lives of banking employees, and we discovered a lot of struggle and negative emotions caused by their existing solutions. This allowed us to create empathy maps, collecting what users think and feel about executing their duties.

No alt text provided for this image

An empathy map allowed us to define more employee pain points that we had imagined there would be. This is a key milestone in extracting potential product value. Sometimes, those insights are hard to accept for product owners because they prefer to believe that everything is fine. The ITTI Digital team was happy to see those findings and were ready to use it for improvement.

No alt text provided for this image

Ideation: Find a Solution that Saves the World

Now it was time to gather all the insights we gleaned about business, users and product and put them all on one timeline. This timeline would show us how users will interact with the product on a step-by-step basis. As a result, we could match hundreds of previously gained findings together and, at the end, find a product idea that would provide needed solutions.

User Journey Map: Designing an Ideal User Experience

The User Journey Map was a huge turning point for the ITTI Digital business and culture. It divided everything in terms of “before” and “after” by causing a complete mindset shift in how the company viewed its product, users and even the business processes as a whole.

No alt text provided for this image

User Journey Map was one of the most voluminous and important deliverables of the ITTI Digital project. It was created during a two-week workshop with intense daily calls with the ITTI Digital team. Their active participation was crucial as this was another important step to ensure that all team members shared the same understanding of how users would interact with the product.

No alt text provided for this image

The creation of ITTI Digital User Journey Map was challenging because we had many different users with access to different functionalities. During the workshop, we changed the UJM framework five to six times until we found the best way to show one holistic user journey through it. In total, 745 inputs were added in the ITTI Digital User Journey Map.

First, we compiled all of the possible ITTI Digital user scenarios in each interaction with the banking back-office solution and defined what feelings and emotions each step could cause. In this way, we would be able to detect the main pain points, turning those into pleasant experiences.

No alt text provided for this image

Next, we looked at the new product from a business perspective. Here, we defined the ITTI Digital business goals in every user's interaction with the back-office solution and also the key performance indicators (KPIs) to be clear how they can measure success.

No alt text provided for this image

After exploring the business perspective, we moved to the product section. Based on all the detailed insights collected from user scenarios, feelings and pains, as well as business goals and KPIs, we were able to identify the exact functionality and features that ITTI Digital’s new back-office solution should have. During this phase, we had to keep in mind that this was a bank's internal solution, so every functionality and flow had to strictly meet the security requirements.

No alt text provided for this image

Finally, based on the synthesis of all the insights at each touchpoint, we were able to define the best possible product solution through functionality we had to include in the new ITTI Digital back office.

No alt text provided for this image

When we discussed the results of the User Journey Map with the ITTI Digital team, Hector voiced excitement about the functionality we had included that would ease the employees’ lives, noting:

I think our new solution will make all the dreams of banking employees come true!

Until this project phase, ITTI Digital had a very fragmented vision of their banking back-office solution; they viewed it as “separate modules.” It is common in the banking industry to think this way, but, from the user's perspective, the banking employees don't care how many and what kind of modules the solution has; they see it as one continuous flow. Realizing this can bring significant power to a product team, because now they are able to match business goals and user needs in an appropriate way through digital technology.

No alt text provided for this image

At the end of the user journey mapping process, Hector admitted:

We see the value User Journey Map provides not only for this project but for the future of the company. We have gone from a complex, difficult and fragmented view to a holistic and transparent vision of the whole huge flow that's suited for the user needs.

Engineering: Project's Bullet-proof Backbone

This stage allowed us to implement all of the ideas we created with ITTI Digital regarding their User Journey Map. At this crucially important stage, we turned our vision of an ideal user experience into the architecture and operation of the data-rich product.

This solution is filled with tons of data, and it’s a challenge to structure and display it in an intuitive manner that’s insightful and easy to understand for the user. We believe that many financial services are actually in the data-displaying business because this is a job that users require them to do perfectly.

Information Architecture: Everything in Order

We tried to make the new ITTI Digital back-office solution as simple and easy to understand as possible, keeping in mind that all of the service information is divided into two main parts:

  • one is individual for the banking employee;
  • the other one is functions connected to client affairs.
No alt text provided for this image

The complex part of the ITTI Digital product specifics was the requirement of customized data for each employee. This was due to different daily routines, tasks and, most importantly, internal security accesses that change according to the department and position.

To solve this, we created one overall architecture for the entire solution and also four smaller ones for each of the user personas. This allowed us to understand the differences of information we should include to keep the product intuitive and holistic.

No alt text provided for this image

Wireframes: Architecting the Product's Silhouette

Key dashboards of the new ITTI Digital product required a huge time investment. While architecting the key screens, we had to keep in mind all the scenarios of the solution that affect its hierarchy and usability.

The first wireframe we started with was a dashboard for a Customer Service Specialist. To reach the optimal solution, we modified it multiple times. There were several versions of the final dashboard, and we discussed how the banking employee would interact with a huge amount of data. We tested the solutions to check their usability and clarity during the main scenarios.

No alt text provided for this image

During the wireframe reviews with the ITTI Digital team, Hector asked if there was a possibility of including some more features. Often, it could result in over-featuring that would confuse the user. Here, it was important to clarify the purpose of these functions for the employee. In what case scenario would they be using them? This provided a mindful break for Hector as he paused for a moment and realized:

Oh, we don't need those features after all! I am still trying to switch my mindset to a user-oriented one!

This concluded the entire research stage that was basically the very core of the new product. We understood who our users were and what they needed and wanted and also explored the business goals and how the product can help to satisfy both the users and the company. Based on that evaluation, the complete service architecture and wireframes were created.

Only now, after coming a long way, did we arrive at the most exciting stage of the project: user interface design.

Design: Data-rich Functionality Filled with Love

When it came to the design of the new ITTI Digital core banking solution, the biggest challenge was to step outside of the boring, gray tableview design into something more appealing. A colorful and fresh solution could provide a clear difference by becoming emotionally engaging.

This was one of the most creative and excitement-charged stages of the whole ITTI Digital project. The entire UXDA team was involved during the in-house design challenge.

Introduction: Probably the Best Core Banking Solution Ever Created

It took a week of intense creative work to get to the key design concept─the best possible for the ITTI Digital project.

The design concept presentation was a hugely anticipated and emotional step─both for us and for ITTI Digital. We had been working very hard on the research and engineering phases while creating the core of the solution. Now, it was finally time for ITTI Digital to meet their new world-class product that had already changed their business through the design process.

The Key Design Concept presentation turned out to be a truly remarkable moment. ITTI Digital team members couldn't hide their emotions of joy and delight as they admitted that they feel thrilled and the ITTI Digital design concept exceeded their expectations!

We've guided you through the whole process, and now it's time to review the results. This is the ready-made design and architecture based on the research that, as of today, is being developed by the ITTI Digital IT team and soon will be available worldwide for any bank to purchase!

Login: Start the Day off Right

We wanted to provide users with a service that would make their tasks quick and easy to implement, but their motivation and inspiration were also very important to us.

We focused carefully on the login screen, as that's the first thing greeting an employee in the morning. We wanted to provide an inspiring, calming and focused tone for the day ahead.

No alt text provided for this image

We did that by displaying a remarkable view of nature in the background of the screen, as well as a quote by a successful, well-known person. Every time the employee assesses the login screen, he/she is greeted by a different picture and quote to instill a peaceful mood. The login is quick, as the solution remembers the employee's user name, and only the password needs to be entered.

The Main Workspace: Wise Assistant for Daily Tasks

We made a flat, clean and light dashboard design for bank employees so it would stand out from the boring gray screens most employees are accustomed to. We wanted to refresh the common formality in banks, replacing it with an emotionally uplifting environment.

No alt text provided for this image

In the example below, our user is a Customer Service Specialist, who works at a branch with clients daily. As noted before, there are different kinds of architectures according to the employee’s position and information required to accomplish their daily tasks.

No alt text provided for this image

Features of the main workspace:

  • On the left side, there is a client validation function and chat; these two blocks are accessible constantly, even when the user is navigating to a different page;
  • In the middle part, there is a block of all user tasks;
  • On the right side is the schedule;
  • At the bottom, the productivity summary is displayed.

To see a more detailed view, the user can expand the three blocks of tasks, schedule and productivity.

The workspace addresses a huge part of all the needs that employees indicated throughout the interviews. Here's a short overview of the solutions we created to reduce employees’ pain points and stress and make their everyday lives much simpler and more enjoyable.

No alt text provided for this image

It was crucial to make the solution intuitive and understandable, so the users would not need to spend two months learning it. We concentrated only on those functions─ the ITTI Digital user personas really needed for their duties.

Goals Made Fun: Gamification for Motivation

No alt text provided for this image

ITTI Digital had the courage to admit that their old banking solution was frustrating employees and stressing them out. In six months, we turned that around and designed something pleasant and enjoyable. We wanted to engage and motivate employees to reach their goals in the most effective way by addressing the users’ needs for fun, entertainment and reward.

No alt text provided for this image

We used gaming elements to inspire employees to reach their sales goals while, at the same time, keeping them informed about the progress they were making. Thus, we are using digital technologies to help employees reach their business goals in the most affordable way.

Every month, the employee embarks a journey toward his/her sales goal. To attain the superior “Sales Guru” badge, the user must unlock four previous badges by selling the bank’s products. To help them with that, we included small hints in each product group.

No alt text provided for this image

During the productivity section, the user also reviews his personal task progress: how many of them are finished on time. Here, statistical information is combined with useful insights about the tasks that the employee is most often delaying.

We have integrated a block that displays the overall client satisfaction. Unfortunately, this information that is crucial for employee self-evaluation and service quality is almost always hidden from them.

We also wanted that employees would feel appreciated by their workplace. That's why we complemented the solution with inspiring illustrations that would celebrate their successes and motivate them towards reaching higher goals. This was one of the many little details we included in the solution to ensure positive emotions for the employees, adding a sense of meaning and significance to their everyday duties.

Designed for Focus and Joy

When it comes to the design, a blue color dominates. It cultivates a feeling of calmness and serenity, which is critical for employees of a bank who have a huge responsibility on their shoulders.

It is important to note that, since ITTI Digital is a vendor that would provide this solution to different kinds of banks utilizing their own colors and brand identity, the appearance of the solution can be customized.

In the background, we have displayed a picture of mountains, which provides a relaxing appearance while keeping employees attentive. Mountains bring a feeling of open space and freedom, which is often sorely missing in the tall glass buildings of many banks. We wanted to bring joy to users’ daily lives, so we made personalization available, providing an option to change the background picture.

The Fight for a Better Future Begins

No alt text provided for this image

Halfway through the project, the ITTI Digital team admitted:

We understand that we should change not only our product but the whole mindset as a company, how we act like a business. Everybody in the team has started to think from the users’ perspective. It's not about the functionality. The value is not the technical features but the way a product makes people feel. Cultural change is happening.

This has been one of the most rewarding moments the UXDA team has experienced. You see, many believe that the design is about packaging─a beautiful picture and color─but, in fact, the ITTI Digital case is living proof that user-centered Design thinking is able to provide exceptional value for the whole business.

UXDA has always stated that our mission is to humanize the complex financial world, making it closer to the real end users─the people, and the way to achieve that is not by creating a pretty design. It's about shifting the mindset from profits and features toward a perspective focused on creating valuable experiences. That's exactly what ITTI Digital experienced and acknowledged during their collaboration with UXDA. This led them to integrate an experience-oriented philosophy into their inner business culture.

No alt text provided for this image

They admitted that, at the beginning of the project, the team felt skeptical of the possibility of combining back-office functionality and security measures with user centricity and delightful design.

During the project, ITTI Digital learned to make users their main priority, and their perception changed dramatically. It felt like they had finally opened their eyes to what has always been right in front of them─their users. They learned to listen to the users and focus on understanding their needs, expectations and, most importantly, their pains and struggles that the current solution was constantly causing.

Throughout this process, their skepticism was overridden by inspiration, insights and revelations they had never even expected to encounter. Observing the behavior of the team, they changed and became more and more involved in the process and oriented on the best possible result they could provide for the users. It was gratifying to guide them through every stage, constantly uncovering new ideas and insights on how to improve the solution even more.

ITTI Digital admitted:

The end result over-delivered on our expectations, not only because it proved the possibility to combine the complex functionality with user centricity in an enjoyable, beautiful and delightful design, but also because we became live witnesses of the huge mindset shift a user-centered thinking creates in our organization.

Of course, it took great courage to embark on this challenging journey. Most banks reveal they are very afraid of making such a huge and revolutionary shift, changing a structure that has been working for decades, but ITTI Digital is living proof that it's 100% worth it. And we are really proud of them!

Together with ITTI Digital, we have developed a never-before-seen banking back-office solution that will surely become a global game-changer in the industry.

Most importantly, however, we have helped a huge financial company shift their inner mindset toward users and their needs, taking a revolutionary step toward humanizing the financial industry.

If we changed the mindset of our company while developing this core solution, then I believe the banking employee who will use this product will change his/her mindset too, and as a result this shift will change how the clients perceive their bank. I think this is a great start to do a real digital transformation.

Hector Ojeda, ITTI Digital Innovation Manager

What do you think about this transformation? Do you believe it will begin a massive shift in the financial industry? I would love to hear your thoughts and insights in the comments section or in a private message. And, as always, if you have any questions concerning financial UX design, feel free to drop us a line at [email protected] 

Read more articles by UXDA:

What Banking Should Look Like In 2019: A Collection of 10 Most Refreshing Banking and FinTech UI/UX Designs

UX Design Guide: How to Create the Most Beautiful Mobile Banking in the World

Key Obstacles Banks Must Overcome to Succeed Through Design Thinking

Gildas GUEBRE

Business Développement | Transformation Digitale | Banque

5 年

要查看或添加评论,请登录

社区洞察

其他会员也浏览了