First Abu Dhabi Bank ⋅ Dubai First

Role

UX Design Director

Company

First Abu Dhabi Bank

Year

2019

Type

Mobile App

Dubai First app

Opportunity

Dubai First (DF) is a credit card and consumer finance company that was acquired by First Abu Dhabi Bank (FAB).

The acquisition opened the door to reimagine the Dubai First mobile app, bringing new features, better performance, and a significantly improved user experience.

Goals

Create a new experience for Dubai First customers with new features, better performance, and a redesigned mobile app.

My role as UX Design Director

  • Led experience strategy and product roadmap
  • Defined design direction for the redesigned app
  • Established the design system

Team composition:

  • 3 Product Designers
  • FAB stakeholders

The previous Dubai First app

Understanding the existing product was the starting point, identifying what worked, what frustrated users, and what needed to be left behind entirely.

Previous Dubai First app screen 1
Previous Dubai First app screen 2
Previous Dubai First app screen 3
Previous Dubai First app screen 4

Research

User interviews were conducted to assess feature prioritization through a willingness-to-pay methodology.

This helped us understand which features mattered most to customers, and how to balance user expectations with business priorities.

Design system

I established a reusable component library to ensure consistency across the app and enable cross-product implementation throughout FAB.

The system covered buttons, forms, cards, navigation, and more, giving the team a shared language and reducing friction in handoffs.

Design system buttons

Buttons

Design system forms

Forms

Design system credit cards

Credit cards

Designs

User research informed feature prioritization while maintaining business alignment.

The redesign covered the full customer journey, from home and cards to transactions, split bills, filters, and profile management.

Home screen

Home

Home scrolled up

Home ⋅ scrolled

Cards screen

Cards

Categories dialog

Categories

Split bill selected

Split bill

Home filters

Filters

More help screen

Help

Profile screen

Profile

Illustrations

A custom illustration style was developed and integrated into the Dubai First brand language.

These illustrations were used to communicate key moments in the user journey, empty states, confirmations, and delivery updates.

Address changed illustration
Split reminder sent illustration
Nothing here yet illustration
Card delivery illustration

Final Thoughts

The most challenging part wasn't designing the product itself, it was aligning all the different departments, as they were working in silos.

Breaking down those silos and creating shared ownership across teams turned out to be as important as the design work itself.

Thanks for reading, want to collaborate together? Contact me here