Al HilalDigital banking · AHB
Digital banking super-app

Everyday banking,
everyday life

A youth-focused super-app for Al Hilal Bank, a prepaid debit card, a children's saving account and a rewards-driven home that turns pocket money into life lessons.

3  onboarding stories Card  ·  Saving  ·  Lifestyle iOS  ·  dark
Role
Product Designer & Front-End
Timeline
4 months
Platform
iOS · React Native
Client
Al Hilal Bank
Live walkthrough

The home, in motion

A personal “Marhaba” greeting, an AP points balance, everyday lifestyle shortcuts and a scrolling offers marketplace, the rewards-driven home as it actually feels on device.

AP rewardsLifestyle servicesTop offersMarketplace
Live Al Hilal home screen — animated walkthrough
Overview

A bank young people actually open

Most banking apps talk to adults who already understand banking. Al Hilal needed to speak to a younger audience (and the parents guiding them) without losing the trust a bank has to earn.

We designed the experience around a single idea: turn pocket money into life lessons. The onboarding tells that story in three confident screens, and the home turns the account into a rewards-driven lifestyle hub rather than a list of transactions.

We owned the flow, the UI against the bold AHB visual language (midnight indigo, Hilal magenta, sunrise orange) and built the front-end so the shipped app matched the design exactly.

What we did

From brand story to shipped front-end

Narrative onboarding

Shaped a three-story intro (digital banking, family saving and lifestyle) each anchored by a single illustrative hero.

Lifestyle home UI

Designed a “Marhaba” home with a points balance, service shortcuts and a scrolling offers marketplace.

Front-end build

Implemented the gradient surfaces, glassy cards and the floating action dock, fast and faithful on device.

Design system fit

Built reusable components on AHB’s palette so the experience extends cleanly across the product.

The onboarding story

Scroll to walk the journey
01 Onboarding · 1 of 3Complete digital banking
Al Hilal — complete digital banking onboarding

An isometric debit card sets the promise, a prepaid card and app that turns pocket money into life lessons.

Prepaid cardBrand intro
02 Onboarding · 2 of 3Children saving account
Al Hilal — children saving account onboarding

A family network of trusted people and exclusive lifestyle experiences, visualised as a constellation of connections.

Family networkSaving goals
03 HomeRewards-driven home
Al Hilal — rewards-driven home screen

A personal "Marhaba" greeting, a points balance, lifestyle shortcuts and top offers, banking that feels like a marketplace.

AP rewardsLifestyle servicesOffers
Inside the app

More than a bank account

Prepaid debit card

A contactless Mastercard built for younger spenders and the parents who fund it.

Family network

Link the people you trust and manage children's saving accounts together.

Rewards points

Earn and spend AP points across taxi, delivery, groceries and leisure.

Lifestyle hub

Everyday services and top offers turn the home screen into a marketplace.

Color system

The Al Hilal palette

Midnight Indigo#0E0A2E
Hilal Magenta#ED1164
Sunrise Orange#F7941D
Royal Violet#7B2FF7
Cloud White#F7F5FF