case study

Strands Labs.

Strands Labs (now Strands by CRIF) · Lead Principal Designer

fintechwhite-labelPFM / BFMESG dashboard
CompanyStrands Labs (now CRIF)
My roleLead Principal Designer
ClientsHSBC, Deutsche Bank, Santander +50
HSBC Deutsche Bank Crédit Agricole Santander Novo Banco Huntington NCBA BAC Credomatic

the challenge

One platform, 50+ banks.

Strands builds one product platform deployed across 50+ banks worldwide, from HSBC in the UK to NCBA in Kenya to BAC Credomatic in Central America. Every design decision had to balance specificity with flexibility: personal enough to feel like the bank's own product, systematic enough to scale across 50+ deployments. A savings feature that works for a German retail bank doesn't necessarily work for a Kenyan mobile-first bank. And yet the underlying system had to be one codebase, one component library.

"How do you design one experience that works for every bank, every brand, every market, and every regulatory framework, while still feeling personal to each bank's customers?"

what i designed

Four products, one system.

I was Lead Principal Designer across four interconnected products, each with its own PO, user base, and success metrics.

PFM, Personal Finance Management. A mobile-first tool helping retail banking customers understand spending, set savings goals, and build better habits, deployed inside banks' own apps and white-labeled per bank. The core insight: most PFM tools are backward-looking. I flipped this. Every screen started with "what action should the user take?" rather than "what data should we show?" Each savings goal gets a personal image, a clear progress indicator, and automated micro-savings mechanics like round-ups and periodic transfers. Contextual nudges fire at behaviorally meaningful moments: when salary hits, when a milestone is reached.

PFM & savings goals overview

Engager, personalized banking intelligence. The invisible intelligence layer powering all of Strands' products. Engager lets banks create, target, and track personalized financial insights delivered at exactly the right moment based on transactional behavior. My design challenge was behavioral, not visual: a notification at the wrong moment gets dismissed; one that says the wrong thing feels like spam. I designed a system where every trigger is tied to a real event ("you've received an income") rather than a calendar schedule, every message is framed around what the user can do rather than what they did wrong, and every insight leads somewhere actionable in one tap. No dead ends.

BFM, Business Finance Management. A web platform helping SMEs track business expenses, manage cash flow, and forecast financial health. Higher stakes than PFM: users are often running a business alongside managing its accounts. Progressive disclosure was critical. Simple by default, detailed on demand, without ever obscuring the data that financially sophisticated users needed.

ESG Score Dashboard. A new product line helping businesses understand and improve their Environmental, Social, and Governance score. The core problem: how do you make a complex multi-dimensional score understandable and actionable for a small business owner who is not a sustainability expert? I broke the score into three clear pillars with drill-downs, and a "How to Improve" section where every recommendation shows what to do, which pillar it improves, and by how much, turning a reporting tool into a coaching tool.

BFM & ESG score dashboard

the design system challenge

Four criteria, every component.

Brandable

Any bank can apply their identity without breaking UX hierarchy. The system defines what can change and what must not.

Localizable

Works in LTR and RTL with text that expands and contracts across 20+ languages, without layouts falling apart.

Accessible

WCAG compliant by default. Banking is a regulated space; accessibility was a design constraint, not a checkbox.

Modular

Banks can enable or disable features without the interface ever feeling incomplete or broken.

impact

0+banks live worldwide
4product workstreams owned: PFM, BFM, Engager, ESG
2 minto launch a personalized insight campaign, down from weeks
20+languages, LTR and RTL, one component library
design rework after design system integration · estimated↓40%
engineering delivery time · estimated↓25%

Rework and delivery figures are internal estimates from post-launch reviews, labeled as such.

outcomes

What shipped.

50+ banks deployed

HSBC, Deutsche Bank, Crédit Agricole, Santander, Novo Banco, Huntington, and many more across four continents.

Engager: insights in 2 minutes

Banks could create and launch personalized insight campaigns in under 2 minutes, down from manual processes that took weeks.

Measurable behavior change

Measurable increases in savings goal completion and daily active engagement across client banks.

ESG as a new product line

Launched as Strands' entry into the sustainable finance market, establishing competitive position ahead of regulation.

what i learned

Scale is constraints.

Designing for scale is designing for constraints. When your work functions across 50 brands, 20 languages, and multiple regulatory frameworks, you stop thinking about pixel-perfect artistry and start thinking about resilient systems.

Financial products are trust products. A confusing chart or an ambiguous label doesn't just create a bad experience. It makes people nervous about their money. In finance, usability is trust.