Redesign concept · 2025
Bank Albilad Redesign
UX audit and landing page redesign to improve clarity and conversions.
- Role
- UX/UI Design
- Year
- 2025
- Stack
- Figma, UX audit
A bank homepage that starts with what you came to do
I audited Bank Albilad’s website and redesigned the landing page around one question: what did the visitor come here to do? The result puts accounts, financing and cards one step away, and lets the brand’s warmth come through in the photography.
A bank homepage usually serves every department at once, so the audit question was what to put first and what to let wait. My answer was one clear promise in the hero, a row of five offers tucked into its lower edge, and then the product families in the order a first-time customer would reach for them: help, accounts, financing, cards, rewards, app.
How it should feel
Trustworthy and welcoming, without the coldness banks often have. Clean white space, the brand’s red used only for action, and real people in the imagery.
It should feel like a helpful branch, not a terms-and-conditions page.
Red carries the actions and the active state of the offer strip, and everything else stays black on white. A short yellow underline sits beneath every section title, which gives the long page a steady rhythm that is easy to scan.
Up close
How can we help you today
Most visitors arrive with one of a few errands, so the first block under the hero is four equal tiles with an icon and a verb-first label: Open your account now, Request a Financing, Request a card, Albilad Tele Sales. Equal size and a thin outline keep any one of them from outshouting the rest, and the last tile gives a person a human route. Bank Accounts follows as a carousel. The headline fades its middle words to grey so the eye reads the strong claim first, and every card repeats one pattern: title, two lines of copy, a red Apply Now and a quiet Learn More, so the choice between acting and reading is always the same.
Financing, made simple
Financing is a decision people make slowly, so I narrowed it to three options and gave each equal weight. Three columns of the same width carry a photograph, a title, one sentence and the same pair of buttons. The photographs are chosen as plain objects for each product: a building, a car and a card in hand beside a laptop, so a visitor recognises their need before reading a word. Because titles are set bold directly beneath the image, the eye goes image, title, then button in a straight line. Keeping the red Apply Now at the same height in every column makes comparing the products effortless.
Cards and everyday payments
Cards and payments are the part of the page people return to, so I grouped them by what a person wants to do. Bank Cards is a simple list of four card types with thin dividers, where the first entry is open to show its one-line description and the rest stay as plain titles, so the list stays short. A photograph of someone shopping, with the card laid over it and a thin red line running through, links the abstract product to a real moment. Below, the Sarie instant payments block uses a different layout, text left with a red sub-line and image right, so the page changes pace. The yellow panel with a phone gives the service its own visual identity.
Rewards that are easy to find
A rewards programme only works if customers know it exists, so it gets a block of its own with no competing content. The image sits left, the text right, and the text has a clear order: the name in large type, a red one-line invitation, a short explanation of what points can be redeemed for, then a single red Register Now button. Giving the page one quiet pause here, after the dense product sections, also resets the reader’s attention. Using the same red as the other actions means a returning visitor already knows what the button does.
Banking in your pocket
At the bottom, the visitor who has found nothing to act on is offered the one thing that works for almost everyone: the app. The headline is a plain promise, followed by one line, online banking available 24/7 on any device, and then only the two store badges. There is no extra button and no second message, so the next step is obvious. The photograph of a person relaxed on a sofa with a phone, smiling at the screen, ties convenience to a feeling and not just a feature. The badges are in their official outlined style, so they read as familiar and trustworthy.
See the full pageThe whole design, top to bottom, in full quality.
Looking back
An audit is only useful if it changes what people see first. This redesign is my attempt to make the first screen do most of the work. It is a concept based on an audit, not a live change, so I make no claims about conversion. If I carried it further I would check the order of the product families against what the bank’s visitors actually do first.