The Role of Design in the STC Bank Migration
Moving millions of customers to a new bank is a trust exercise as much as a technical one. Here's how design carried the weight.
The home of design at STC Bank — where we share the craft behind the product: our stories, case studies, resources, rituals, and the people moving it all forward.
Five pillars, one mission — make our craft visible and our team stronger.
Articles, case studies, stories and release news from the people building STC Bank.
Download-ready logos, guidelines and standards from our Figma Community.
Talks, workshops and meetups for designers, students and the wider community.
Our culture, traditions, and the way we give feedback and grow together.
The kit that gets a new designer from day one to first ship, hidden gems included.
Thursday challenges, feedback jams, releases and events — all in one view.
New semantic color layer, dark-mode parity, and 12 refreshed components now live in Figma and code.
The savings experience shipped to 100% of users. Read the full team update for metrics and next bets.
International transfers refresh, biller logo pack, and a faster onboarding — all in the latest notes.
Designers from leading companies share challenges & success stories, with our UX community partner.
Read the thinking behind the product, grab what you need, and join us at the next session.
Articles, case studies, stories and news from the STC Bank design team. Filter by what you're into.
Moving millions of customers to a new bank is a trust exercise as much as a technical one. Here's how design carried the weight.
We turned a beloved Ramadan tradition into a daily in-app moment. The story of shipping delight on a deadline.
A round-up of the biggest shipped changes this cycle — what's new, what's better, and what's coming next.
How we turned a confusing savings flow into something people actually finish — research, principles and results.
We audited the whole remittance journey, found where people dropped off, and rebuilt the moments that mattered.
Building for everyone from the first frame — practical accessibility habits for our team.
From scattered components to a shared language that makes everyone faster.
Rethinking the tools our merchants rely on every day.
The measurable impact of motion done with intent.
Words are interface. A case for treating copy as design material.
Rebuilding the everyday moment of paying, for a whole market.
Migrating customers from one banking product to another is one of the highest-stakes things a team can do. People are trusting you with their money, their salary, their standing orders and their sense of security. When we set out to move customers into STC Bank, we knew the migration would be judged less on the database cutover and more on a single human question: did it feel safe?
Design's job in a migration is not to make screens look good. It is to make an unfamiliar change feel like continuity. This is the story of how we approached that.
Our first research sessions weren't about flows — they were about worry. We asked people what they were afraid would go wrong when a bank they use changes underneath them. The answers were consistent: “Will my money still be there?”, “Will my card stop working?”, “Will I have to set everything up again?” Those fears became our real requirements. Every screen in the migration had to answer at least one of them before it asked the customer to do anything.
It's tempting to pour energy into the shiny new home screen. But customers don't experience a migration as a destination — they experience it as a sequence of seams: the notification that it's coming, the moment they open the app mid-change, the first login, the first transaction. We mapped every one of those seams and treated each as a designed moment with its own copy, its own reassurance and its own clear exit.
In a migration, copy is the product. A single vague sentence can undo months of engineering trust. We wrote in plain, calm, active language — “Your salary will arrive here from next month”, not “Beneficiary routing has been updated.” We removed apology from error states and replaced it with direction: what happened, and the one thing to do next.
Happy-path demos are easy to love and dangerous to trust. We deliberately usability-tested the anxious paths: what a customer sees if they open the app halfway through the move, if a transfer is pending during cutover, if they log in on a new device the same week. Designing those edges is where migration trust is actually won or lost.
We phased the migration in controlled waves rather than a single overnight switch. Each wave gave us live signal — support tickets, drop-off points, confused screens — that we fed straight back into copy and flow tweaks before the next wave. Design stayed in the loop the whole way through; the work didn't end at handoff, it ended when the numbers said people felt fine.
A great migration is invisible. If customers barely remember it happening, that quiet is the highest compliment our craft can earn.
← Back to blog
Fawazeer — the playful riddles families have shared during Ramadan for generations — is one of those traditions everyone in the region grows up with. So when we asked how STC Bank could show up during Ramadan in a way that felt genuinely ours, the answer wasn't a banner or a discount. It was a riddle a day.
The concept was simple enough to explain in a sentence: every day of Ramadan, open the app, solve a Fawazeer, and unlock a small reward. But simple concepts hide hard design problems. A daily ritual has to be effortless to return to, delightful enough to share, and fair enough that everyone can play — including customers using a screen reader or playing one-handed while cooking iftar.
The heart of Fawazeer is the return visit. We designed the loop to be frictionless: a warm entry point on the home screen, a single riddle, an answer, an instant reward, and a gentle nudge that tomorrow's riddle is waiting. No dead ends, no “come back later” without a reason to.
Ramadan doesn't move for anyone's roadmap. We had a hard, immovable launch date, which forced a healthy discipline: decide early what makes Fawazeer feel like Fawazeer, and protect only that. We spent our animation budget on the two moments that mattered most — the reveal of the riddle and the burst of a correct answer — and kept everything else calm.
Fawazeer became a daily habit for a meaningful share of active customers, with strong return rates across the month and a spike in organic sharing as people compared streaks. But the number we were proudest of wasn't in a dashboard — it was the messages from customers saying it made the app feel like part of their Ramadan.
Fawazeer taught the team a lasting lesson about seasonal design: cultural resonance beats novelty every time. A feature rooted in something people already love needs less convincing, less onboarding and less marketing. It simply feels right. That's a template we'll reach for again.
← Back to blog
A round-up of the biggest things the design and product teams shipped this cycle. We publish these so the whole company can see the craft moving forward — and so anyone can point a stakeholder to “what actually changed.”
Spotted something in the wild worth celebrating — or fixing? Drop it in the team channel and we'll fold it into the next notes.
← Back to blog
Saving money is something almost everyone wants to do and almost no one finds easy. Our rewards-linked savings experience was supposed to make it effortless — but the first version did the opposite. This is how we found the friction and designed it out.
The original flow treated saving like opening a product: forms, choices, and financial jargon before any reward was visible. People started with intent and quietly gave up. Our analytics showed a steep drop right where the flow asked for a decision it hadn't yet earned. The reward — the reason to save — appeared far too late.
We flipped the order. The very first screen now shows what you'll earn, in concrete terms, before asking anything. Motivation arrives before the work.
Every step asks for exactly one thing. No screen makes the customer hold two open questions in their head at once.
Where a choice could be pre-made safely, we made it — with an obvious way to change it. Most people accepted the default and finished in seconds.
After setup, a simple, honest visual shows the reward accruing. The feedback loop that was missing became the most-loved part of the feature.
We cut the steps to start saving by roughly 40%, and completion roughly doubled. More importantly, the feature stopped feeling like a financial product and started feeling like a small, satisfying habit. When we rolled it out to everyone, support questions about “how do I start saving?” all but disappeared.
The biggest lesson wasn't about savings at all. It was about sequence. Most “complicated” flows aren't too long — they're in the wrong order, asking for effort before they've shown value. We now audit every new flow with one question first: does the reward come before the work?
← Back to blog
For many of our customers, sending money abroad isn't a feature — it's a lifeline to family. When a transfer feels uncertain, the anxiety is real and immediate. We audited the entire international transfer journey to find exactly where that uncertainty crept in, and rebuilt the moments that mattered most.
We walked the whole journey the way a customer does — from first tap to the moment money lands — and marked every point where a real person paused, hesitated, or reached for support. We paired that walk with support tickets and drop-off data, so intuition and evidence pointed at the same places.
Fees and the live exchange rate now appear before the customer commits, alongside a clear “amount they'll receive.” No surprises at the end.
We replaced silence with a simple, truthful progress view — sent, processing, on its way, received — so customers can reassure themselves without contacting anyone.
Frequent beneficiaries are now front and centre, so a repeat transfer to family takes seconds, not a fresh form.
We rewrote the journey in the words customers actually use, and moved compliance requirements into moments where they make sense instead of blocking the start.
Drop-off at the moments we targeted fell, repeat transfers got quicker, and support contacts asking “where is my money?” went down noticeably. The journey went from a source of anxiety to something customers could trust — which, for money going to the people they love, is the whole point.
An accessibility pass across the flow, clearer first-time education for new corridors, and continued tightening of the beneficiary experience. Sending money home should feel as certain as handing it over in person.
← Back to blog
Download-ready files and standards, published through our Figma Community. Grab what you need and keep the work consistent.
The full set of SADAD biller logos, cleaned and export-ready for product and marketing use.
Button standards, spacing, states and do's & don'ts for integrating the pay button correctly.
What we're preparing to publish for the team and partners next.
Standardised gift card logos with consistent design specs.
A ready-to-use project research template on Figma Community.
A shared icon set to speed up handoff between design, dev and marketing.
A complete flags library, ready to drop into any Figma file.
Our published tokens for color, type, spacing and elevation.
STC brand colors & typography, documented for internal use.
Reference journeys for instant and local transfers.
We run different sessions for different audiences — designers, students, and the wider community. Registration is usually a quick link away.
We invite designers from leading companies to share their real challenges and success stories — the messy middle, not just the highlight reel.
A hands-on introduction to UX for high schoolers — what it is, why it matters, and a taste of designing for real people.
Give people a scenario, invite ideas, and the best one wins — run through social media.
Overcoming challenges in banking UX with local and international experts.
Sessions for different stakeholders and departments to raise UX literacy across the bank.
A UX-in-fintech meetup bringing together designers from across the ecosystem.
This page is about our culture — the traditions, the way we give feedback, and how we grow the people around us.
Rituals that keep the craft sharp and the team close — like our regular design challenges where we tackle a shared problem together, no stakes, all learning.
Feedback is a habit, not an event. We critique the work not the person, come with specifics, and always leave with a clear next step.
Every design lead and senior mentors junior designers — from our team and beyond. Growing others is part of the job, not extra to it.
A weekly shared design challenge to keep the craft playful.
A behind-the-scenes designer series, made with marketing.
Team spotlights featuring the quirky interests that make us us.
An end-of-year board summarising everyone's wins.
Documenting our brainstorming rituals so they scale.
Everything a new designer needs to go from day one to first ship — the structure, the tools, and the hidden gems nobody tells you on the first week.
Who does what, who to ask, and how the design team fits into product, engineering and marketing. Start with a coffee chat with your buddy.
Get access to Figma and our libraries, the design system, the research repo, and the team channels. Bookmark the Resources page.
Read up on our feedback rituals and traditions on the Team page. Sit in on a design challenge and a critique before you present your own work.
Pick a small, real improvement and take it end to end. Nothing builds context faster than shipping.
The latest from the design system — what shipped, what changed, and what's next. Published to Figma and code.
Colors now map to meaning (surface, on-surface, accent, danger) for consistent, accessible theming.
Every core component now ships light and dark out of the box.
Buttons, inputs, sheets and cards updated to the new token layer.
Clearer do's & don'ts and copy guidance baked into each component.
One icon source across design, dev and marketing.
Formalising grid and spacing into named tokens.
Contrast and focus states verified across all components.
Our regular pulse on the work — the wins, the numbers, and the bets we're making next.
Steps to start saving cut ~40%, completion roughly doubled, rolled out to 100% of users.
Upfront fees, a followable status, and faster repeat sends. Support “where's my money?” contacts down.
Design the seams, not the destination. Write for the worried customer at midnight.
Rethinking the everyday tools merchants rely on. Entering design review.
Our recurring rituals and upcoming moments in one view. Colour tells you the type at a glance.