‹ Back

HANG SENG BANK

Where a bank puts its offers, and what happens when you test it

Hang Seng — the card and account overview screen

Hang Seng is one of Hong Kong's largest retail banks. I spent a year across cards, loans, securities and offers. Most conditions were fixed — the design system existed, compliance shaped the language, releases moved in quarters — so the year was about finding where judgement still applied. Most of it got resolved in flow maps rather than in screens: states, discard paths, error routes, dated and versioned.

Fig. 01 / Flow map · 2019
Hang Seng — a flow map for the debt consolidation loan: screens connected across states, discard paths and error routes, dated and versioned
Fig. 02 / Diagram · 2021
Hang Seng — the loans and overdraft overview, with each entry point marked by the business line that owns it

Loans and overdraft was the main contested surface. It is not one product — it is instalment loans, revolving loans, overdrafts, top-ups and tax loans, each with its own team and its own reason to appear. So the overview page accumulates entry points: a pre-approved offer at the top, a campaign banner under it, a top-up promotion sitting inside the account summary itself, a product the customer doesn't hold with an Apply button next to the ones they do. Each one is defensible alone. The screen is the sum.

Fig. 03 / Comparison · 2021
Hang Seng — bill payment acknowledgement, version one: the instalment offer as a separate block below the transaction
Hang Seng — bill payment acknowledgement, version two: the offer embedded inline, one tenor
Hang Seng — bill payment acknowledgement, version three: the offer embedded as a full table showing both tenors and their fees

On one of these we tested rather than argued. Three versions of a bill payment acknowledgement went to users, differing on two things: where the instalment offer sits relative to the completed transaction, and how much of the cost it shows before the customer commits. Only the third version lets someone see that the longer plan costs more before tapping anything, which turned out to matter more than placement did.

Fig. 04 / Screen · 2022
Hang Seng — the guided lending selector, post-logon
Hang Seng — the guided investment selector, on the public site

The selector work happened in two separate stretches. The first was for lending, inside the logged-in banking app; the second, years later, for investment on the public site. Both answered the same problem — a customer who knows their situation but not the product name — with a short guided sequence instead of a longer product page.

Fig. 05 / Screen · 2022
Hang Seng — the securities detail: order types, quote entitlements and market-microstructure fields
Hang Seng — the HK stocks watchlist flow map: add-stocks screens across states, error routes and discard paths

Securities was the opposite problem. Order types, settlement, quote entitlements and market-microstructure fields a retail customer has never heard of — the complexity is real, and taking it off the screen doesn't take it out of the decision. Cards had a milder version: one view carrying an account balance, a statement balance, a suspended due date and three separate reward currencies. Both had to be structured rather than reduced, which meant working with developers as much as with customers — interface states, customer-facing terminology and backend states had to describe one process.

Next project

VirgoPay

Fintech · Brand + Product

A consumer on/off ramp, and the brand that came out of it

View project