✈️
🔒 Case Study
Enter access code
to view this project
Incorrect — try again.
You've got the eye for it.
Open Communication Channel ✈️Flight TL-001 · Boarding Now
Senior Product Designer. Pilot-in-training.
Fintech, Aviation UX & AI Native Digital Experiences.
Mission Briefing
iOS App · UX/UI Case Study
Gesture-first tarot with dual visual themes and a collectibles system built to make every pull a ritual.
Fintech · Mobile & Online Banking
Redesigned the debit card perks program for a digital bank, driving activation and daily engagement across 1M+ users.
UX Research · Usability Testing
End-to-end user research study uncovering critical usability gaps and reshaping the product roadmap through moderated sessions.
UX/UI · Video · Research
Designed and launched a social discovery platform combining research, interaction design, and promotional video production.
Pilot Profile
Currently leading design initiatives at East West Bank (Velo Digital), crafting seamless experiences across native mobile, online banking, and web platforms. I also oversee and integrate user feedback into the design process.
I focus on creating minimal, elegant interactions powered by emerging technologies, with a portfolio spanning fintech, marketing, print, AI, and aviation UX.
Beyond design, I'm a pilot in training, driven by curiosity, exploring cultures, history, and literature through travel, and continuously bringing fresh perspectives into my work.
🛬 Arrival Gate · TL-001
Whether it's a product, a system, or something no one's designed before — I'm ready.
Open Communication Channel ✈️✦ UX / UI Case Study
An Anime-Inspired Tarot App for Every Kind of Reader
Project Overview
A mobile tarot app for every kind of reader — built around a fully committed anime art direction that merges immersive visual storytelling, structured reading flows, and a collectibles system that rewards daily practice.
"How might we design a tarot app — for all experience levels — that feels like entering another world, while building a sustainable daily reading habit?"
The Problem
Most tarot apps are flat reference tools — pull a card, read a text block, close the app. No atmosphere, no habit loop, no reason to return. Visual design skews toward cold minimalism or dated clip-art, failing the digitally-native audience increasingly drawn to tarot.
No habit mechanics — no streaks, reminders, or progress rewards
Transactional sessions with no reflection or journaling layer
Card meanings as walls of text — no hierarchy or depth toggle
Cold, generic apps — no sense of world, character, or atmosphere
01 — Discovery & Research
Competitive Analysis
Six apps assessed. No competitor had invested in retention design — streaks, reminders, and rewards were absent or afterthoughts. Visual quality was consistently low.
User Interviews
Beginners feared 'getting it wrong' — wanted guidance, not condescension
Casual readers wanted a habit but found no app made it easy or motivating
All groups responded to character-based apps — a guide or companion resonated
Users don't just want to pull a card — they want a ritual companion. The app's character and world need to feel as considered as the tarot content itself.
02 — User Flows
Home & Discovery
Daily draw CTA, Zodiac This Month, and Fantasy Quest — a gamified narrative layer rewarding consistent use.
Reading Flow
Intention → spread → focus → 78-card arc draw → layered card reveal. Each step builds atmosphere and anticipation.
Card Detail
Keyword tags, layered meanings (positive / negative / reversed), consistent framing across all 78 cards.
Collectibles
Unlockable card collection rewarding daily draws and reading streaks — the habit loop's reward layer.
03 — Visual Design & UI
A single recurring oracle character guides every reading. Warm tan/cream for home & discovery; deep navy for reading screens — a deliberate palette shift that signals entry into the ritual space.
Home screen
Reading entry
Spread selection
Focus selection
Coffee Support — Monetisation Feature
A "Buy Me a Coffee" integration surfaced through the app's sidebar — letting users support development with bonus in-app credits. Designed across three states: intro modal (with Lottie animation), amount selection, and validation errors.
04 — The Card Draw Interaction
A fan of 78 card backs arcs across the screen. Swipe to browse, tap to select — physically fanning a real deck, translated to mobile. Unlike the standard 'tap one face-down card', the arc makes all 78 choices visible, reinforcing that the selection is real.
Pre-selection
Card placeholder visible above the arc, awaiting a draw
Post-selection
Chosen card rises from the arc into the reading position
05 — Card Detail & Reading Results
EN — keyword tags & meanings
ZH — localised card content
Amber keyword tags — fast, scannable signposting before body text
Short prose under each keyword — approachable for beginners, detailed for practitioners
Light background signals 'reading mode' and reduces fatigue during longer sessions
Fully localised — card names, keywords, and meanings available in English and Chinese
06 — Three-Card Reading Flow
Three sequential draws, one position unlocked at a time. Results shown individually per card — not a three-up layout — so each card's meaning gets full attention.
0 drawn
Past drawn
Past + Present
All 3 drawn
07 — Testing
Key Findings
5/6 completed the full flow without error on first attempt
Card arc was the standout moment — all 6 called it 'satisfying', 'tactile', 'like a real deck'
Oracle character felt like a trust signal — users felt 'guided', not alone with information
Iterations
Added 'Swipe & Tap' affordance label — first-time users were unsure of the gesture
Increased keyword tag spacing — users losing their place mid-scroll
Replaced spread selection text labels with card icon visuals
Outcomes & Reflection
The character, world, and visual consistency create a product genuinely distinct from every existing tarot app. The multi-step reading flow and collectibles system lay the groundwork for a habit product with real retention potential.
Proud of
Card draw arc — translating the physicality of real tarot into a gesture-first mobile mechanic
Dual palette theme — ritual transition without any user action required
Oracle character throughline across every reading screen
Next steps
Reading Log — saving past readings with date, focus, and notes (most requested in testing)
Deeper Collectibles — new card back designs or oracle outfits as practice rewards
Onboarding path — first-run reading calibrated to self-reported experience level
✦ Product Design Case Study
Enhancing Card Value Experience for International Students
Overview
Velo by East West Bank had no debit card rewards experience. I led the design of a new Debit Card Perks program — giving international students and debit card customers a way to discover offers, earn cash back, and track rewards directly inside MB and OLB.
The Problem
EWB customers had no way to access debit card rewards through the bank's digital products — a missed opportunity for engagement and value, especially for price-sensitive international students.
The Solution
A Debit Card Perks program built into MB and OLB — surfacing exclusive cash-back offers, automatic reward tracking, and a geo-targeted map of nearby deals.
Key Features
Cash back across 8 categories: Grocery, Gas & Auto, Restaurants, Shopping, Travel, Health & Beauty, Home Goods, Entertainment
Account Summary with real-time cash-back balance, pending rewards, and lifetime totals
Search indexed across merchant name, category, and descriptive keywords
Map integration showing geo-targeted offers within a configurable radius
Consistent CTA experience across mobile and desktop
Student Perks is a key selling point of the Student Product and operates as a subset of Debit Card Perks — same infrastructure, tailored feature set for enrolled students.
Research
I analysed competitor products across U.S. and international markets — especially critical for a bilingual audience familiar with both U.S. banking apps and Chinese super-app paradigms.
What it shaped
Categorisation
Icon-led category browsing drawn from JD.com and Meituan super-app patterns, adapted for banking.
Map integration
Geo-targeted offer discovery informed by Dianping and Ctrip's local discovery layers.
Cash-back surfacing
Pending vs. settled cashback framing drawn from Chime and Rakuten's transaction-level transparency.
Target users
NRA students and SSN/NRA debit card customers — bilingual, price-sensitive, actively seeking deals.
Visual Design
Type built on Nunito Sans for legibility across Latin and extended character sets. A bespoke category icon set and a colour system designed to handle a wide range of merchant brand colours without visual conflict.
Colour system
Category icon set
Quicklinks entry point
The Perks diamond quicklink (highlighted) is the primary entry point from the MB home screen.
Part I — Mobile Perks
Entry point — one tap from home
My Perks — featured offers
Home Perks — category browse
Map integration & local offers
Location permission — trust-first design before requesting access
Geo-targeted pins — offers surfaced by proximity
Part II — Online Banking
The desktop experience mirrors mobile — same offer detail pages, same cash-back flows, same enrolment path. Customers switching between mobile and web encounter no capability gap.
Marketing Webpage
A companion marketing page introducing Debit Card Perks to prospective customers — communicating value, surfacing key categories, and driving enrolment from outside the logged-in banking environment.
Outcome
The Debit Card Perks program gave East West Bank a new lever for engagement — offering meaningful discounts to debit card holders across both mobile and web, while addressing an underserved segment and strengthening EWB's partnerships with retail merchants.
✦
Velo by East West Bank · 2022
✦ UX Research Case Study
Optimizing the Velo banking experience for overseas customers
The Problem
Velo's product set lacked the depth to serve its non-resident alien (NRA) customer base — limiting growth and weakening the experience for overseas users with distinct financial behaviours.
The Solution
Expand offerings with additional NRA checking products and refine onboarding and money-movement flows — synthesised from moderated sessions with overseas customers across three distinct segments.
Target Audience
Interview questions covered basic context and pain points across onboarding, transfers, and service expectations. Findings were synthesised into personas for each segment.
Investor
Family / Immigration
High Spender
Research Process
Research spanned three time zones — the U.S. team, the Beijing product team, and APAC interviewees. This flowchart shows how preparation, interviews, and post-session logistics were divided.
Journey Map
Five stages — Awareness, Considerations, Enrollment, Funding, Loyalty — capturing feelings, thoughts, and pain points. Drop-off risk was highest at Funding, where fee opacity and transfer complexity drove churn.
Top Insights
Competitive Context
NRA customers frequently held accounts at major Chinese state banks alongside Velo. Understanding their onboarding and transfer benchmarks set the bar Velo needed to meet — or exceed.
Design Response
Research findings drove two high-priority prototype updates: a progress-bar onboarding flow and a simplified domestic wire transfer experience.
01 — Onboarding: progress bar added
A progress bar introduced a clear sense of where users were in registration — addressing anxiety from an opaque ITIN and SSN process.
02 — Domestic wire: friction reduced
Key information — amount, method, fees, confirmation — surfaces progressively, reducing cognitive load and improving trust.
Before
After
✦
By listening closely to overseas customers, the team turned qualitative insight into two shipped flows: a clearer onboarding experience and a less friction-heavy wire transfer journey.
✦ UX/UI · Creator Economy · Case Study
A messaging app that helps creators monetize follower outreach and support charitable causes
The Problem
Experts and creators receive far more DMs than they can handle, with no incentive to respond. Followers seeking advice rarely get a reply — leaving value on the table for everyone.
The Solution
A mobile app that lets creators set a price for responding, accept or reject requests, schedule paid meetings, and route a percentage of earnings to charity.
Product Walkthrough
Covers onboarding, the inbox, fee-setting, payment, the public Q&A library, and creator controls.
Research
Interviews across creators and nonprofit representatives. Creators consistently saw product-market fit; charities responded openly — "all money is good money."
User Persona
Design Process
Aligned CEO, graphic design, and content strategy on goals and scope. Wireframes covered onboarding, conversations, payments, Q&A, and profile — refined before moving to high-fidelity.
User flowchart
Key Features
High-Fidelity Prototypes
Full prototype coverage across onboarding, messaging and payment, and the broader feature set including Q&A, contacts, settings, and payments.
01 — Onboarding flow
02 — Messaging, pricing & donations
03 — Features, Q&A, contacts & payments
✦
Creators are compensated for their time. Followers get reliable access. Charities gain a new funding channel. Grounding the design in direct user interviews ensured the final product addressed real pain points across every group.
