Case 02 · Qwist Fintech SaaS · B2B + B2C · web

Unifying a European fintech platform with one system.

Qwist runs bank-switching products across Europe - one B2B, one B2C, in market after market. As lead product designer I built Vault, the design system that unified them, and led the UX/UI redesign that lifted conversion in the Spanish market.

Drop a Qwist / Vault product screen
QWIST European fintech
Role Lead product designer
Timeline 2024 - 25
Scope B2B + B2C web products
Status Shipped
2
workstreams - flow + widget
Vault
one design system
50%
Spanish conversion target
5%
sign-up uplift goal
01 - Context
The why behind the work.

Two products, many markets, drifting apart.

Qwist helps people and businesses switch banks across Europe. Over time that became two web products - a B2C flow for individuals and a B2B flow for partners - each shipped market by market, each drifting into its own patterns and components.

The result was a platform that looked and behaved differently depending on where you entered it, and a Spanish market where conversion was lagging. Inside the switch sat an embedded “connected banks” widget, built by a separate partner team - so even some components weren’t fully ours. The brief: make it feel like one coherent system, and make it convert.

02 - The problem

One brand, pulling in two directions.

The work was to unify a B2B and a B2C product across several markets without flattening what makes each one work - and to lift conversion while doing it.

Two models

B2B and B2C on one platform

A partner integrating a switch flow and an individual switching their own bank need different things from the same underlying product.

Many markets

Localised, not just translated

Every market has its own banks, rules and language. A pattern has to flex without being rebuilt each time.

Conversion

Trust at every step

Moving your bank is high-stakes. Hesitation costs conversion, so every screen has to earn the next click.

03 - My role

Lead designer and system owner.

I led the UX and UI across Qwist’s bank-switching products and owned Vault, the shared design system. The work split into two streams: the customer switch flow - onboarding and the dashboard - and a redesign of the embedded connected-banks widget, which a partner team builds but which lives inside our flow. I aligned both on Vault and led the Spanish-market redesign with conversion as the explicit goal.

What I owned
Vault design system B2B + B2C UX Component library Localisation patterns Conversion redesign UI design Prototyping Design QA
Team
Lead designer · cross-functional
Disciplines
Systems · UX · conversion
Surfaces
B2B + B2C web products
Tools
Figma · Vault · eng partnership
04 - Process

Unify the foundations, then lift the numbers.

01 Discover

Audit two products at once

Product audit Pattern inventory Funnel analysis Action points

I audited the B2B and B2C products side by side across markets, mapping where they diverged and why. Patterns had been copied, tweaked and forked so often that the same task looked different in three places. I framed two action points - onboarding and the dashboard - each with current challenges, a desired outcome and a way to measure success.

Onboarding action points
Onboarding workstream - current challenges, desired outcome and how success is measured.
02 Define

Vault: one set of foundations

Design system Component library Light + dark mode Localisation

I defined Vault - shared tokens, components and flow patterns both products could draw from, in light and dark modes, with localisation built in so a market swap did not mean a redesign. The dashboard action point set the target: encourage every registered user to make at least one switch.

Dashboard action points
Dashboard workstream - encouraging at least one switch, with conversion targets per market.
03 Design

Redesign for conversion

UX redesign UI design Conversion patterns Prototyping

With the system in place, I led the redesign of the Spanish-market switch flow and aligned the partner-built connected-banks widget to it - simplifying steps, clarifying status and progress, and building trust at the moments people hesitate. Each screen was reworked to earn the next click, then validated against the funnel.

Connected banks - redesigned
Redesigned connected-banks view - clear status per bank, and one place to add, manage or reconnect.
05 - Key decisions

The choices that made one platform out of two.

A few decisions unified the products and moved the conversion numbers in the same stroke.

01

One Vault, not two kits

A single system both products draw from - instead of a B2B kit and a B2C kit quietly diverging.

02

Localise, don’t duplicate

Patterns flex to each market’s banks, rules and language, so a new market is a configuration, not a rebuild.

03

Design for the hesitation

The high-stakes moments - confirming, authorising, waiting - got the most attention, because that is where conversion is won or lost.

04

Status you can always see

Switching a bank takes days. Clear, persistent progress keeps people confident through the wait.

05

Adapt, don’t lift-and-shift

The Spanish redesign was reshaped around local behaviour, not a translated copy of another market.

06

Shared spine, separate needs

B2B and B2C share foundations but keep the flows each genuinely requires - unity without forcing sameness.

Tried

Maintain separate B2B and B2C design kits to move fast independently.

Chose

Unify both on one Vault system.

Why →

The two kits were drifting and doubling QA. One system made every market and product cheaper to ship and easier to trust.

Tried

Lift-and-shift a working market’s flow into Spain.

Chose

Adapt the flow to local behaviour and banks.

Why →

A translated copy converted poorly. Reshaping around how Spanish users actually switch is what moved the numbers.

Reading one screen - the app dashboard
app.qwist.com/overview
Qwist analytics dashboard - charts detail 1 2 3 4
1
Conversion, front and centre

The metric the whole redesign is judged on - 58% - reads at a glance, next to switches and letters sent.

2
Trend, not just totals

Registrations plotted over a year - 372 this month - so a dip is visible before it becomes a problem.

3
Where users act

Customer actions break down what people actually do - transfer balance leading at 243 this week.

4
Channel mix at a glance

Letters-sent split - Epost at 52.1% - keeps the delivery side of a switch visible, not buried in a report.

Reading one screen - the bank-switching page after sign-up
app.qwist.com/connect
Connect a new bank account - bank-switching page 1 2 3 4
1
One choice, two models

A single personal / business toggle routes B2C and B2B down the same flow - the system underneath is shared.

2
Find your bank fast

Search sits above the fold so anyone who already knows their bank skips straight ahead.

3
Recognisable, localised

Popular banks per market are shown as logos - instant recognition, fewer mis-taps, localised country by country.

4
Always an exit

A manual-switch fallback for the unhappy path when a bank isn't listed - no dead-ends, so conversion holds.

06 - Craft & system

The system behind both products.

Vault is the shared language that made one platform out of two products, many markets and even a partner-built widget - foundations, components, light and dark modes, and localised flow patterns, built once and reused everywhere.

Vault - design system one platform · two models · many markets
Switch your bank in minutes.
Grotesk · display + UI

One system behind a B2B and a B2C product, localised market by market - so a flow built once works in every language without a redesign.

Numerals · data · 89% · €1,829
Ink
#1C213C
General 100 · text
Paper
#F1F2F8
General 5 · surface
Primary
#1D599B
Primary 100 · actions
Secondary
#0ED4BD
Secondary 100 · accent
Success
#06A561
Green 100 · verified
Vault component library · B2B + B2C · localised
Bank-switch flow Onboarding Forms & inputs Verification Status & progress Localisation Conversion patterns Cards Tables Buttons Design tokens
Move my bills - every breakpoint
app.qwist.com/move-bills
Move my bills - desktop
Desktop · 1280
qwist.com/move-bills
Move my bills - laptop
Laptop · 1024
Move my bills - tablet
Tablet · 768
Move my bills - mobile
Mobile · 390

One screen, the Move my bills flow, reflowing from a full-sidebar desktop layout down to a single-column phone - one set of Vault components, every breakpoint, no redesign.

From technical to human

A big part of the project was the words. Bank-switching is dense with regulatory and engineering language - I rewrote it into something a person would actually say: plain, calm and in the second person, so a high-stakes task feels handled rather than technical.

TechnicalHuman
Outgoing SEPA direct debits & standing orders Move my bills
Mandate transfer notification dispatched to creditor We'll send you a notice letter with the details.
OAuth token expires in 5 days - reauthentication required 5 days left - reconnect when you're ready.
07 - Outcome & impact

One platform, and a market that converts.

Vault brought Qwist’s B2B and B2C products - and the embedded widget - onto one set of foundations, with localisation and light and dark modes built in so new markets ship faster. The redesigned Spanish flow targeted a step-change in conversion, and the shared system gave every future market and partner a head start instead of a fresh build.

What I'm carrying forward

Unifying two products taught me that a design system is a business tool, not a tidiness exercise - the same work that made the platform consistent is what made it convert and scale.

2
workstreams aligned on one system
50%
Spanish-market conversion target
80–85%
German-market conversion target
Vault
foundations, components, light + dark
Next case study
Founding a brain-longevity product, end to end
Nurii

Building something? Let's talk.