UI/UX Design in Hong Kong

Banking / Fintech

A Hong Kong virtual bank (HKMA-licensed, 380,000 registered users, HK$8.2B in deposits) had a user experience problem. The bank's app had been designed by an overseas development team and felt generic — not designed for Hong Kong users. The problems: (1) Activation: 380,000 registrations but only 145,000 active users (38% activation rate). Users registered, completed eKYC, but then never deposited funds or used the account. Exit survey data: 42% citing "the app doesn't feel right" or "I can't find what I need." (2) Bilingual inadequacy: the Chinese interface was a direct translation of the English — Traditional Chinese characters crammed into English-sized containers, Chinese text truncated in buttons, and financial terms that no Hong Kong person would actually use (formal Mandarin banking terminology instead of the Cantonese-influenced terms Hong Kong residents recognise). Users who set language to Chinese: 60% switching back to English within a week — not because they preferred English, but because the Chinese interface was worse. (3) Feature discovery: the bank offered competitive features (high-interest deposits, cashback cards, FPS instant transfers) but users couldn't find them. Usability testing revealed: users navigating to a feature took an average of 4.2 taps (vs. 2.1 for PayMe, 2.8 for ZA Bank). The information architecture reflected the bank's internal product structure rather than how Hong Kong users think about money. (4) Trust: Hong Kong consumers approach virtual banks with initial scepticism — they need visual and experiential signals that the bank is legitimate, secure, and backed by credible institutions. The existing app's generic design (it could have been any fintech from any market) failed to build this trust.

We redesigned the app over 10 weeks: (1) User research: 28 in-depth interviews (in Cantonese) with current users, lapsed users, and target users who hadn't registered. Journey mapping: identifying the moments where users dropped off (post-registration deposit flow, feature discovery, first transaction). Competitive benchmarking: detailed UX analysis of PayMe, ZA Bank, Mox, and Hang Seng — identifying the design patterns Hong Kong users already understood and expected. (2) Information architecture: restructured from product-centric ("Deposits," "Cards," "Loans") to action-centric ("Send Money," "Save," "Pay," "Borrow"). The home screen: showing the user's financial snapshot (total balance, recent transactions, quick actions) — the same pattern that PayMe and Mox use successfully because it matches how Hong Kong users check their finances (quick glances on the MTR, between meetings). Navigation: reducing average task completion from 4.2 taps to 2.3 taps. (3) Bilingual design system: designed Chinese-first, English-second (reflecting the bank's primary user base). Chinese typography: PingFang HK at optimised sizes (16px body — slightly larger than the previous 14px, which was too small for Chinese character clarity on mobile). Button and label text: written by a Hong Kong native speaker using the Cantonese-influenced banking terms that Hong Kong people actually use ("入錢" instead of "存款" for deposit, "畀錢" alongside "轉賬" for transfer — the colloquial alongside the formal). English interface: designed as a proper English experience (not a translation of the Chinese) with Inter typeface, natural English button labels, and English-appropriate information density (more white space than the Chinese layout, which accommodates denser Chinese reading patterns). (4) Trust design: visual identity refresh — premium colour palette (deep navy + gold accents — colours that communicate stability and quality in Hong Kong), the bank's banking licence number prominently displayed (HKMA licence provides trust in a market sceptical of virtual banks), deposit protection badge (Hong Kong Deposit Protection Board — HK$500,000 per depositor), and security indicators (biometric authentication prompts, encryption indicators during transactions). (5) Onboarding redesign: the post-registration deposit flow — where most users dropped off — redesigned as a guided experience. Progress indicators showing how close the user is to having a fully activated account. FPS instant transfer for first deposit (removing the friction of bank transfer). Immediate reward visibility (the high-interest rate applied from dollar one — shown in real-time as the deposit processes).

Activation rate: from 38% to 64% within 3 months of redesign launch (the post-registration deposit flow redesign being the primary driver). New active users: 95,000 activations in 3 months (vs. the previous run rate of 35,000 — a 171% increase). Chinese language retention: users who set Chinese as their language and stayed on Chinese: from 40% to 82% (the Chinese interface finally feeling natural). The bank's CEO: "For the first time, our Chinese-language experience is better than English — which is what it should be for a Hong Kong bank." Feature discovery: average task completion from 4.2 taps to 2.3 taps. Feature usage: high-interest savings activation up 45%, card activation up 38%, FPS transfers up 55% — features that existed before the redesign but that users were now actually finding and using. NPS: from 18 to 52 (a dramatic improvement driven by the native-feeling bilingual experience and simplified navigation). App Store rating: from 3.6 to 4.5 stars. App Store reviews: the proportion mentioning "easy to use" or "好用" increasing from 8% to 35%. Deposit growth: HK$8.2B to HK$12.4B in deposits within 6 months — the improved activation flow and trust signals driving meaningful business impact. The redesign: directly contributing to the bank reaching deposit profitability ahead of schedule. Cost per acquisition: from HK$180 to HK$112 — better activation rates meaning less marketing spend wasted on users who register but never activate. Development cost: HK$780,000 (10-week design + implementation coordination). Deposit growth attributable to redesign: HK$4.2B in incremental deposits × 0.3% net interest margin = HK$12.6M annual revenue impact. ROI: design investment recovered within first 3 weeks of deposit growth.