Work 02 of 03 Product Strategy · Product Design · Design Systems · UX Research

ADCB: One design language

How conversational should a bank actually be?

ADCB: One design language
ADCB: One design language
ADCB: One design language
ADCB: One design language
ADCB: One design language
ADCB: One design language
ADCB: One design language
Client
ADCB
Role
Product StrategyProduct DesignDesign SystemsUX Research
Sector
Banking & Financial Services
Engagement
Embedded design leadership8 months
Delivered
Delivered by Rai's founders, while at ADCB · 2025–2026
The brief

How might one app serve conventional, Islamic and private banking without feeling like three different banks?

The problem.

01Discovery
What we observed

ADCB's app did its job. But it had grown one feature at a time, each solving its own narrow problem, and it showed. Nothing quite matched. If you held both a conventional and an Islamic account, it felt like banking with two different banks.

The root cause

Each product had grown its own components, patterns and terminology. The inconsistency wasn't a styling problem, it was structural: there was no shared language for the three products to draw from.

Problem statement

How might we bring three banking products into one design language without flattening what makes each one distinct?

What we learned.

02Research
01

ADCB's customers span two different relationships with banking.

So what

They range from people who learned banking at a branch counter to people who have never set foot in one. Any redesign had to work for both, not just the app-native.

02

A conversational-only interface would cost the wrong customers.

So what

If you make the branch-counter customer work out how to ask a chatbot for their balance, you lose them. The assistant could support the experience, but it couldn't be the front door.

03

The products needed to share structure, not identity.

So what

Sharing helps the customer where the products behave the same, and hurts where they genuinely differ. The design language needed shared components with room for each product's own identity and terminology.

The call.

03Direction
A

Rebuild around a conversational assistant

Tear down the existing navigation and rebuild the whole app around conversation. The harder question was not whether it would work, but who it would work for.

B Chosen

One design language, guided not replaced

Keep the navigation people already knew, introduce the conversational layer alongside it, and rebuild the three products on shared components and shared logic.

Why we chose it

The customer base made the risk concrete: a conversational front door works for people who have never set foot in a branch, and loses the people who have. This kept the navigation both groups trusted, and let the design language fix the actual problem, three products that didn't match.

What shipped.

04Build
01 Feature

One design language

Shared components and logic across conventional, Islamic and private banking, with room for each to keep its own identity and terminology.

SolvesThe same product looking and behaving like three separate companies.
02 Feature

Journey by journey

We worked through transfers first, then cards and account overview, fixing the friction where people actually felt it.

SolvesThe risk of a top-to-bottom restyle shipping all at once, untested.
03 Feature

Guided, not replaced

The navigation people already trust stays. The conversational layer sits alongside it, on the journeys where it helps.

SolvesForcing one group of customers to relearn banking so another could have a chatbot.
04 Feature

Built for everyone

An assistant that works for the branch-counter customer as well as the app-native.

The impact.

05Outcome

The design language shipped and is in the app today, across all three products. When ADCB launched its next generation app in May 2026, the conversational assistant was in it, but as a supporting layer rather than the way the app works. That was the change our findings argued for.

  • 3 products under one design language
  • 8 mo from discovery to shipped
  • 1 unified design language: shared components, shared logic
Reflection

Sometimes the most valuable work is figuring out what not to build.

Product

Property Finder: Rebuilding search, app to web

Rebuilt search around decisions, not placements. +1.8pp conversion, proven on app and web.

Property Finder: Rebuilding search, app to web
Property Finder: Rebuilding search, app to web