back to latest articles

United Arab Bank UX Case Study: Bringing Brand Values to the Digital Banking in UAE

United Arab Bank UX Case Study: Bringing Brand Values to the Digital Banking in UAE

United Arab Bank (UAB) is an established, leading financial solutions provider in the United Arab Emirates (UAE), which offers its clients tailor-made financial services in both corporate and retail banking in the UAE. However, they felt that UAB's mobile banking does not entirely reflect their brand's values and mission of providing an excellent customer experience for digital banking in the UAE. UAB wanted to serve customers with a full range of digital offerings, but, for some tasks, people were still visiting the physical branch.

So they approached UXDA with a challenge─to change people's habits by rethinking main customer tasks and transforming them into a very intuitive digital flow.

Download this case study in PDF

Client: An Innovative Arab Bank with a Valuable Heritage

UNITED ARAB BANK, P.J.S.C. (UAB) was founded in 1975 as a joint venture between UAE investors and Société Générale (SG). UAB is considered among the longest-standing and most innovative banking providers in the United Arab Emirates.

United Arab Bank offers commercial banking and financial products through a network of 20 branches across the United Arab Emirates. Their mission is to build sustainable and long-term partnerships with customers by providing a superior experience and also combining innovative approaches with loyalty to its nation’s heritage and contribution to the overall development of the UAE.

Consequently, UAB’s values include integrity, customer focus, competency, consistency and courteousness. To put these values into practice, UAB prioritized user-centric measures to define what an app redesign should accomplish for the business, which is to increase customer satisfaction and loyalty, as well as recognize the bank as one having a strong digital proposition.

Challenge: Time to Help Customers Move Online via Digital Banking in the UAE

The UAB team faced a challenge in enhancing the mobile banking experience for its users. They viewed the existing app as having a complex, confusing flow and an outdated design, which made it difficult for users to perform tasks and left a negative perception of its functionality and even the brand. Users were presented with a lot of information and description of details before performing the action. As a result, many users preferred to visit a physical branch rather than use the app.

The UAB challenged UXDA to transform its mobile banking experience to one that is easy, clear and highly engaging. Ultimately, our goal was to create a digital banking in the UAE that would encourage users to shift their habits from visiting physical branches to using the app, which would provide a sense of relevance, ease and contextuality with the information presented.

As the app is a key touchpoint for the bank's customers and has a major impact on their perception of the UAB brand, we had to carefully balance the need for modern design and functionality with the importance of maintaining the bank's established brand identity.

Solution: Improved App in Line With Brand to Elevate UX

We have integrated the UAB brand identity, values and business strategy into the app to improve the user experience and provide a more cohesive brand image across all touchpoints. As a result, UAB modernized its digital banking in the UAE, thus becoming more competitive in the increasingly digital financial landscape.

Tasks within the app were made self-explanatory, allowing users to easily control and manage their finances without requiring extensive efforts or visits to a physical branch. To achieve this, we restructured the information architecture of the app to make it intuitive and easy to use.

We completely redesigned the app to create a more modern and cohesive look and feel. By providing contextual information when necessary, we were able to eliminate information overload and create a more streamlined user experience. This helped the bank adapt to the digital age and elevate the overall user experience.

Approach: Designing for Habitual Change

After the initial research at the start of the project, we were able to set three main goals for UX engineering and design approach:

  • design habitually changing flows to reduce the number of customer branch visits;
  • help users perform tasks in the app by reducing information overload;
  • incorporate existing brand artifacts into the new design.

Reinventing Customer Behavior Patterns

At the start of the project, one of the KPIs was set to reduce the number of customer branch visits. We needed to improve the existing app so that users changed their habits, and, in the future, instead of going to the branch, they opted to perform the needed tasks right in the app. However, the enhancement must occur within the "framework" of the current UAB recognition set by the brand.

To achieve that, we needed to build a service that allows customers to perform these tasks digitally. First, the existing product and services were audited to understand current offerings and digital abilities.

Secondly, user behavior patterns were researched and the main user scenarios determined. We discovered that, most often, customers visit the branch to make local and international transfers, request a debit card, make credit card payments and open an account.

Detected key scenario flows were reinvented and set as a priority for the digital strategy. Flows were implemented in the design as easily understandable to encourage and serve the customer. UAE digital banking customers were guided with contextual information highlights about the best actions to complete their tasks successfully in the app, offering immediate support in case of errors.

Scraping the Confusion and Out-of-Context Information

In the existing app, the screens were overloaded with information. Before performing the majority of tasks, users were presented with descriptions, details and nuances about it. The intention was to thoroughly inform users about every step they were taking.

However, often these details even didn't apply to the specific scenario the user was trying to perform. That resulted in a very confusing structure and information overload.

During the UX transformation, the mobile banking architecture was restructured to arrange an information hierarchy according to the user's contextual needs. For example, gradually expanding details across the task steps so as not to confuse users, and provide relevant information only to a specific action.

Building a Clean Design that Freshens Up the Brand

After research discoveries and insights and reinvented flow architecture, the next challenge was to incorporate the logo, brand colors and visual artifacts into the new design.

To ensure the created app complied with the existing brand guidelines, the design was based on the brand colors. Additional shades were added to the gradient to diversify the color palette without overloading it. The intention was to offer a breath of fresh air that would attract users.

So, instead of a template banking design, together with the UAB team, we have implemented an individual wave pattern that creates a sense of balance and calm, conveying the authenticity of the brand. White cards bring contrast and highlight the key data. At the same time, white space saves users from information overload.

UXDA Deliverables

  1. Stakeholder's’ interview
  2. Product audit
  3. User research and scenario prioritization
  4. Information architecture
  5. User flow maps
  6. Wireframes
  7. UI design
  8. Product motion design
  9. Design library

Takeaway: User Perspective Brings in Fresh Ideas

Before the redesign, members of the UAB team wondered why users would get stuck on certain tasks and contact support despite the written prompts in the app. The answer was how users perceive information. Although this is a simple reason, it is not so intuitive.

UAB team members were used to the app's current layout, and, for them, everything seemed understandable and logical. It took a set of fresh eyes and UX research to detect the challenging areas that needed improvement.

Together, we were able to achieve a customer-centered design for the most important user flows in the app and make improvements in line with the established bank brand and digital strategy.

These adjustments helped the bank enhance the customer experience and digitize financial behavior patterns. With the help of UX, the UAB team was able to reinvent traditional bank services and bring a breath of fresh air into its digital ecosystem.

“Our needs were heard and delivered. UXDA provided recommendations to the different user experiences that other UX design agencies never recommended. Out of the box thinking. Great experience!”


Get UXDA Research-Based White Paper "How to Win the Hearts of Digital Customers":

If you want to create next-gen financial products to receive an exceptional competitive advantage in the digital age, contact us! With the power of financial UX design, we can help you turn your business into a beloved financial brand with a strong emotional connection with your clients, resulting in success, demand, and long-term customer loyalty.

Share:

Listen to our podcast:

More from our blog

UX Case Study: Challenges of SME Banking Transformation

SME owners often face the challenge of adapting business strategy to a highly dynamic environment while simultaneously managing day-to-day financial operations. It's like Formula 1 racers, where only precise and quick decisions can save them from failure.

UXDA's AI Banking Design Wins A'Design Award Gold in Italy

UXDA received the Gold Award for the AI conversational banking app UX/UI design in the most prestigious and renowned Italian design competition A’ Design Award.

Instead of Design Sprints in Banking, Run a UX Marathon to Move from Channel to Product

Building a digital service is a must, but it is not enough to provide financial services to digital customers. It has to match the customers' expectations to strengthen the brand for the future. To ensure this, financial companies must perceive the digital service as a product, not a channel.

UXDA One of the Leading Companies at the Export and Innovation Awards

UXDA is honored to become the first UX Design Agency recognized by Investment and Development Agency of Latvia, the Ministry of Economics, and the President of Latvia as one of the leading companies.

UXDA's Design Pyramid: Implementing DesignOps in Banks and FIs

DesignOps is a system of operations and processes that amplify the value and impact of design in a financial organization, increasing its customer-centricity and creativity.

UX Design Success Story: Shaping the business mentality

UXDA review by ITTI Digital for which UXDA delivered a UX transformation of a 15-year old core banking solution.

Don't Let Financial Experience Fail Ignoring the Problem-Solution Cycle

Why some digital financial products are demanded and loved by the customers while others bankrupt? In the series of "Financial UX Explained" we look at the Financial UX Methodology.

To Turn X into a Global Bank, Musk Must Overcome Critical UX Challenges

Knowing Elon Musk's large-scale approach, his intention to turn X into a bank could have disruptive consequences for the banking industry. However, the conflict between the existing UX patterns of a social network and the implementation of financial functions can complicate the transformation.

5 User Research Methods to Design Best Financial Products

There are dozens of research methods available, but from our experience to create a user-centered financial product, five key research methods should be highlighted.

ABOUT THE AUTHOR

Alex
Alex, Founder/ CEO/ UX Strategist

Alex has dedicated half of his life to studying human psychology, as well as business success, developing 100+ digital projects and 30+ startups. He spent 10 years researching UX and finance to create UXDA's methodology. Alex is a passionate visionary who's capable of solving any challenge to improve the financial industry.

Linda
Linda, Co-founder/ COO/ CFO

Linda is a source of endless energy. An education in international business management and years-long experience with 20+ digital startups has made her a dedicated strategic thinker who solves any problem with grace. No mission is impossible for her. Linda's responsibility and punctuality have become a legend around the agency.

Andra
Andra, UX Architect & Consultant

Andra’s experience in the digital media allows to turn complex information into easily understandable for users. This skill combined with passion for the behavior science and communications gives her the ability to ask the right questions, search for the best UX solution and create a captivating product story.