<- Back

Danat Al Salam / Decisions

Design decisions

The Brief named the moves and the Research showed the evidence. Here is where design choices are decided to govern the new channel, scoped to what the first launch needs: the Most Valuable Product that lands the modernized surface.

The principles are not aspirational, they are the lens used to make and defend every concrete choice that follows. These four principles are the standard a stakeholder review can hold the work against:

Basic principles

Principle / 01

Familiar surface, rebuilt substance.

Keep the navigation customers recognise; rebuild what each tab does. Nothing to relearn, more to find.

Principle / 02

Foundation over feature.

Every decision invests in what future products inherit. The MVP makes the next launch faster and cheaper than the first.

Principle / 03

Earn the visit.

Every surface passes one test: would the customer return when nothing is due? If not, it gets reworked.

Principle / 04

One brand, one system.

One visual and interaction language, documented once and applied everywhere. Brand and product design become a single conversation.

Every decision in this chapter is made for someone; the personas below cover the customers the new design is meant to serve, and everything that follows in the chapter is held against their needs.

Personas

Persona / 01

The Salary-recipient

Monthly salary in; bills, transfers, and the remainder out.

  • Needs: Clarity on what's free to spend after fixed commitments; one place to settle every bill; a budget tuned to their income.
  • Pain points: The dashboard ignores the salary rhythm; BenefitPay and other channels have absorbed everyday transactions, leaving the bank app a once-a-month visit.
Persona / 02

The Danat Saver

Long-horizon balance held for the prize-linked upside, often across multiple banking channels.

  • Needs: Real-time draw eligibility; visible progress; a reason to return between deposits beyond fear of missing out.
  • Pain points: The scheme runs silently in the background; no feedback loop between deposit and reward; the prize pool's generosity is wasted on a flat experience.
Persona / 03

The New-to-Bank

Newly onboarded by choice or inherited through M&A; first sustained encounter with the bank.

  • Needs: Orientation; a next-best-action; discovery that filters by life-stage, not product taxonomy.
  • Pain points: The catalogue overwhelms without relevance; no migration support for inherited customers; discovery favours those who already know what to look for.
Persona / 04

The High-Net-Worth customer

Wealth-tier customer with diverse holdings, served alongside a relationship manager.

  • Needs: A consolidated portfolio view; performance visibility; the lifestyle benefits the tier earns; fast escalation to a human.
  • Pain points: No tier recognition on the surface; investments and financing stay siloed, and the lifestyle layer is absent.
Persona / 05

The Credit Maximizer

Optimises every credit decision for rewards, cashback, and BNPL terms; carries credit instruments for a specific category of spend.

  • Needs: A unified view of credit standing across cards and commitments; transparent reward structures; an in-channel signal on which instrument earns the most for the next purchase.
  • Pain points: Credit positions are scattered across cards, providers, and BNPL apps; super-app cards pull category spend away from the bank's own card; the rewards conversation happens outside the bank app entirely.
Persona / 06

The Family Banker

A parent managing money for one or more children; teaching habits, setting allowances, opening youth accounts inside the bank.

  • Needs: A consolidated parent-and-child view; controls over the child's account; a child-facing surface that encourages habit-building inside the channel.
  • Pain points: Family banking is treated as a separate product, not a household relationship; the child-side experience is thin where it exists at all.

The cluster's familiar four-tab dashboard pattern is to be preserved on purpose, it supports the customer’s existing navigation habits, though what lives behind each tab is to be rebuilt, repurposed, and designed to scale.

Information architecture

Surface
Before
After
Home
Before

A single accounts carousel and a quick-payments tile led the home, saving features and draw countdown follow.

After

Accounts becomes a reorderable widget stack, leading with what the customer holds and cross-selling prompts and suggested actions.

Transfers
Before

Transfers opened a pop-up sheet rather than a destination, offering set of transfer types, transactions history, and beneficiary management.

After

Transfers becomes a full destination with monthly stats, quick actions, beneficiaries, Fawateer bills, and a spending and budget chart.

Cards
Before

Cards section is occupying a primary-tab slot with less content than that placement justifies.

After

Cards now sit inside the Accounts home as a widget: one tile per card the customer holds, each linking through to the full card management surface.

Digital Hub
Before

The Digital Hub carried roughly thirty uncategorised tiles, organised around internal product taxonomy.

After

The Hub dissolves into Catalog, a content-led discovery surface with filter tabs across temporal, personal, promotional, and product/service-type lenses.

Navigation
Before

The bottom nav read Home / Transfers / Cards / Digital Hub, with Cards holding a primary tab for a sparse credit-holdings list.

After

Profile is promoted to a rewards-and-identity surface. Everything about the bank moves to a floating bubble that lives on primary screens top corner.

This following interactive diagram maps the application’s structure, highlighting navigation touchpoints, and content grouping as the table above describes. It serves as a blueprint for the user interface.

Explore the diagram to understand the thinking behind the product’s organizational model and navigation framework.

/Illustration

Resources

Design direction, information architecture, and foundations

Bank history, opportunity space, and mobile channel strategy.

Previous
Previous

Research