Case study · Designed by John Olamide
Swift
Moving money between people, banks and currencies often means several apps, unclear fees and long waits. Swift brings it into one calm wallet, where the balance, the fee and the arrival time are always clear before you confirm.
Role
Lead Product Designer
Platform
iOS and Android
Tools
Figma
Project
Self-initiated concept, 2026
01 Problem
People who earn, save or spend across currencies often juggle a bank app, a wallet and a separate transfer service. Each step adds doubt about what will arrive and when.
Pain point 01
Too many apps
Sending, receiving and swapping usually live in different places.
Pain point 02
Unclear costs
Fees and exchange rates are often clear only after a transfer is made.
Pain point 03
Uncertain timing
People are left unsure when their money will actually arrive.
02 Goals
Three design targets guided the work. They are targets for a concept, to be validated in usability testing.
Target 01
3 taps
To repeat a transfer to someone you have paid before.
Target 02
No surprises
Fee, rate and arrival time shown before every confirmation.
Target 03
One home
Send, receive and swap all reachable from the home screen.
03 Research
As a concept, Swift began with a desk review of three product categories rather than user interviews. The patterns below shaped the brief.
Category
Bank apps
Trusted and complete, but often dense, with transfers buried among many services.
Category
Mobile wallets
Quick for local payments, but crowded with offers that compete for attention.
Category
Remittance apps
Clear for sending abroad, but built for one task rather than daily money.
Opportunity
Swift
Combine the trust of a bank with the speed of a wallet and the clarity of a remittance app.
04 Users
Two proposed personas kept decisions focused. They are assumptions for this concept, not findings from interviews.
Proposed persona
Ada, freelance designer
Paid in dollars, spends in naira. Needs to know exactly what she will receive after a swap.
Proposed persona
Tobi, small business owner
Pays the same suppliers every week. Needs repeat transfers to be quick and easy to track.
05 User journey
Onboarding
Actions
Sign up and verify identity.
Goals
Open an account quickly.
Touchpoints
Sign-up form, one-time code.
Emotion
😐 Curious
Pain point
Long forms and repeated checks.
Opportunity
Keep sign-up short, with one code.
Send money
Actions
Pick a person and enter an amount.
Goals
Pay without second-guessing.
Touchpoints
Recent contacts, review screen.
Emotion
😟 Cautious
Pain point
Fees that appear too late.
Opportunity
Show fee and arrival time first.
Swap currency
Actions
Compare and convert balances.
Goals
Get the rate that was shown.
Touchpoints
Swap screen, rate timer.
Emotion
🤔 Analytical
Pain point
Rates that change at the last step.
Opportunity
Hold the rate for 30 seconds.
Track money
Actions
Review transfers and spending.
Goals
Understand where money went.
Touchpoints
Transactions, receipts, analytics.
Emotion
😊 Confident
Pain point
Records that are hard to find.
Opportunity
Add filters and shareable receipts.
06 User flow
The core path takes a person from home to a shareable receipt, with a review step before any money moves.
1. Home
2. Recipient
3. Amount
4. Review
5. Success
6. Receipt
07 Wireframes
Low-fidelity layouts settled the hierarchy first, so the balance and main actions were right before any colour was added.
Home
Recipient
Review
08 Greyscale
#FFFFFF
RGB:255,255,255 AA:21.00 Pass
#FBFBFC
RGB:251,251,252 AA:20.31 Pass
#F2F2F4
RGB:242,242,244 AA:18.78 Pass
#E4E4E7
RGB:228,228,231 AA:16.55 Pass
#CFCFD2
RGB:207,207,210 AA:13.51 Pass
#A1A1AA
RGB:161,161,170 AA:8.19 Pass
#7C7C83
RGB:124,124,131 AA:5.07 Pass
#5C5C63
RGB:92,92,99 AA:6.63 Pass
#3F3F46
RGB:63,63,70 AA:10.44 Pass
#27272A
RGB:39,39,42 AA:14.89 Pass
#16181D
RGB:22,24,29 AA:17.76 Pass
#050506
RGB:5,5,6 AA:20.37 Pass
Sample screen example
fill · primary ■ #16181D
fill · secondary ■ #6B6F76
By carefully tuning greyscale values, the UI stays calm and readable, so colour is only ever used intentionally to guide attention.
09 Brand & Accent
#F9ECDA
RGB:249,236,218 AA:18.04 Pass
#FAE2A4
RGB:250,226,164 AA:16.48 Pass
#FDD93B
RGB:253,217,59 AA:15.16 Pass
#F9B72B
RGB:249,183,43 AA:11.84 Pass
#F9A01B
RGB:249,160,27 AA:10.07 Pass
#F7861B
RGB:247,134,27 AA:8.38 Pass
#F56B1F
RGB:245,107,31 AA:7.01 Pass
#F2570C
RGB:242,87,12 AA:6.14 Pass
#E04A0A
RGB:224,74,10 AA:5.15 Pass
#8A2E04
RGB:138,46,4 AA:8.49 Pass
#3D1A0A
RGB:61,26,10 AA:15.55 Pass
#141416
RGB:20,20,22 AA:18.40 Pass
UI accent colour example
Transfer ready to send
Review the fee, then confirm
✓ Save recipient
Send now
The brand colour doubles as the accent in UI. It is used on buttons, interactive and action items. With the variety of shades available, the most accessible option is chosen for the best user experience.
10 Secondary
#E3F7EC
RGB:227,247,236 AA:18.78 Pass
#BDEDD0
RGB:189,237,208 AA:16.19 Pass
#8FE0AE
RGB:143,224,174 AA:13.44 Pass
#5ED08A
RGB:94,208,138 AA:10.87 Pass
#2EC06A
RGB:46,192,106 AA:8.86 Pass
#12B24F
RGB:18,178,79 AA:7.51 Pass
#0F9543
RGB:15,149,67 AA:5.40 Pass
#0C7836
RGB:12,120,54 AA:5.59 Pass
#E9E1FE
RGB:233,225,254 AA:16.67 Pass
#B9A0FB
RGB:185,160,251 AA:9.48 Pass
#8B5CF6
RGB:139,92,246 AA:4.96 Pass
#5B2FC9
RGB:91,47,201 AA:7.79 Pass
UI secondary colour example
₦2,000 reward is ready
A friend opened a Swift account
✓ Notify me
Claim now
Green and purple carry rewards, promotions and success states, adding warmth to the home screen without competing with the main actions.
11 Typography
Display
Aa
Manrope Medium 40/56
Title
Aa
Manrope Medium 24/34
Heading
Aa
Manrope Medium 18/25
Body
Aa
Manrope Regular 16/22
Caption
Aa
Manrope Regular 13/18
Label
Aa
Manrope Regular 11/15
Manrope keeps amounts easy to read at a glance. Balances sit at the largest size, while labels stay quiet so the number always comes first.
12 Components
Primary button
Send now
Action button
+
Receive
Currency selector
🇳🇬 NGN
Spacing scale
Features
Designed for How You Move Money
Discover why Swift stands out as the go-to app for everyday transfers across currencies.
Instant Transfers
Send to any bank or Swift tag in seconds. The fee and arrival time appear before anyone confirms.
“Nothing should surprise you after you tap send. Every number you need is on screen first.”
John Olamide
Lead Product Designer, Swift
Send to Your Circle
Friends and family can send, split and settle up. Share a tag and let your people chip in.
Globally Trusted
Hold naira, dollars and more in one account. Wherever you are, your money stays close.
Multiple Savings Plans
From flexible to target and emergency, save for what matters most, your way.
WHY SWIFT
Fast when you need it. Safe all the time.
01
Sign up in minutes
A short form, one code, and your wallet is ready. No paperwork, no branch visits.
02
Everyone is verified
Every account passes an identity check, so you know who you are paying before you pay.
03
Every transfer, findable
Filter by money in, money out or swaps, and keep a clear record of it all.
04
You stay in control
Freeze a card, set limits and choose who can send to you, all in one tap.
13 Key decisions
Review screen
Decision 01
Show the full cost before confirming
The fee, the amount received and the arrival time all sit on one review screen, so nobody finds out the real cost after paying.
Swap screen
Decision 02
Hold the exchange rate for 30 seconds
A visible timer locks the rate during a swap, so the amount on screen is the amount received.
Recipient screen
Decision 03
Put recent people first
Most transfers go to the same few people, so recent contacts sit above search and make repeat payments quick.
14 All screens
The complete product covers 15 screens, from onboarding through to profile and settings.
15 Expected outcome
Swift has not launched, so these are the outcomes the design is built to support and the measures to use in testing.
Measure: time to send
Faster repeat transfers
Recent contacts and a single review step shorten the path.
Measure: fee questions
Fewer cost questions
Showing the fee and rate first answers them before they arise.
Measure: task success
More confidence
Clear receipts and status give people proof that money has moved.
16 Learnings
What I learned
Clarity builds trust
In a money app, showing the right number at the right moment does more than any visual detail.
Next steps
Test with real people
Run usability tests with freelancers and small business owners, then refine the flows using what they do.