Designing for clarity: task-success rose from 78% to 83%

Designing for clarity: task-success rose from 78% to 83%

Designing for clarity:
task-success rose from 78% to 83%

A streamlined dashboard for payments, bills, and transfers.

Role: UX Designer
Project Type: Fintech platform for business clients
Scope: Dashboard, Payments, Bills, High-value transfers
Tools Used: Figma, moderated usability testing
Deliverables: High-fidelity prototype, Interactive component library (cards, modals, maps), User flows & click-through demos
Impact: task‑success rate: ↑ 78 % → 83 %

Fintech can be… a lot.

Numbers, flows, approvals, more numbers…My job? Cut the noise, surface what matters, and make sure users feel like they’re in control - not guessing what to click next.

The reality? Managing company finances isn’t just logging in and paying bills. Business owners and finance teams juggle high-value transfers, recurring payments, urgent approvals — all at once.

Traditional banking?

  1. Slow, expensive, and buried in legacy UX.

  2. The original version of this platform didn’t help. Built by multiple teams over time, it had:
    - Inconsistent patterns
    - Repeated flows
    - A content structure that overwhelmed more than it guided

  3. Owners and finance teams deal with high-value transfers, recurring bills, time-sensitive approvals — all layered with risk.

The Challenge - what we set out to fix

The original platform had a little of everything — built by many hands over many sprints. The result? Conflicting flows, repeated patterns, and a user journey that felt more like a maze than a map.

My strategy:

  1. Bring clarity, structure and peace-of-mind back into the experience.

  2. Help users get through complex tasks without feeling like it’s a complex task.

I focused on:

  1. Simplifying flows (without dumbing them down)

  2. Rebuilding trust in key user actions

  3. Designing a content architecture that adapts to user context

  4. Writing copy that explains just enough — when it’s actually needed

What we shipped — SmartPay Business

A platform that finally made business banking feel… business-ready:

✔️ One dashboard for payments, transfers & bills
✔️ Cross-border euro transfers with real speed (and low cost)
✔️ Smarter status updates = fewer support calls
✔️ Multi-step verification that feels safe — not annoying

We didn’t remove complexity. We made it usable, clear, and respectful of the user’s attention.

Let’s move on to the slightly more boring part 😉

Research & insights:

Methods:

- Competitive analysis: Wise, Revolut Business, N26
- User interviews: 12 business owners & finance leads
- Usability testing: 2 rounds, 15 participants each

Key findings:

1. Users crave a single source of truth for all transactions.
2. Trust signals (transparent fees, verification steps) boost confidence.
3. Speed matters: real-time updates are now the baseline.

How SmartPay Business flows

Dashboard → Payment → Confirmation

“You saved €450 in fees this month by using SmartPay Business.” - contextual toast after completing a transfer

Task‑success & error‑rate metrics

(Round 2 vs. Round 1 — 15 business users, 12 days between tests)

Task‑success rate: ↑ 78 % → 83 %

Heuristic Evaluation Summary

Quick checks flagged a few low-impact friction points (e.g., filter affordances on the bills view) that feed directly into the next sprint backlog.

Not every screen needs to sparkle — but every screen should work. In fintech, clarity builds trust, and trust drives action. That’s what this redesign was all about.

Heuristic

Visibility of status

Match system
to real world

Flexibility
& efficiency

Issue

No progress bar on onboarding

Terminology "FX spread" confused non-technical users

No "repeat last transfer" shortcut

Severity

Medium

High

Medium

Heuristic

Visibility of status

Match system
to real world

Flexibility
& efficiency

Issue

No progress bar on onboarding

Terminology "FX spread" confused non-technical users

No "repeat last transfer" shortcut

Severity

Medium

High

Medium

Heuristic

Visibility of status



Match system
to real world



Flexibility
& efficiency

Issue

No progress bar on onboarding

Terminology "FX spread" confused non-technical users

No "repeat last transfer" shortcut

Severity

Medium




High





Medium

Heat‑map insight

Before the redesign, only 12 % of participants scrolled past the “How it works” section. After the update, 32 % reached the “Three Value Pillars” section  - our concise breakdown of low fees, fast transfers, and transparent tracking.

Value Pillar


Low fees









Fast transfers









Transparent tracking






What it means for users


Every euro transferred costs noticeably less than through a traditional bank. Users also see the savings so they feel the win, not just read about it.





High-value payments clear in hours (or instantly, if rails allow) instead of days, so cash-flow isn’t frozen.







All pending, scheduled, and completed transactions—plus upcoming bills—live in one dashboard, so finance teams never wonder “Where’s that €25 k?”



UX proof-points in the product

• Line-item fee breakdown on every confirmation screen

• Dashboard widget: “You saved €450 in fees this month”

• Comparison tooltip showing the typical bank fee side-by-side

• Real-time status chips (e.g., Processing, Arrived)

• Progress bar with ETA

• Push/email alert the moment funds settle

• Unified activity feed filtered by status

• Color-coded bill calendar

• CSV/API export for accountants

Value Pillar


Low fees









Fast transfers









Transparent tracking






What it means for users


Every euro transferred costs noticeably less than through a traditional bank. Users also see the savings so they feel the win, not just read about it.





High-value payments clear in hours (or instantly, if rails allow) instead of days, so cash-flow isn’t frozen.







All pending, scheduled, and completed transactions—plus upcoming bills—live in one dashboard, so finance teams never wonder “Where’s that €25 k?”



UX proof-points in the product

• Line-item fee breakdown on every confirmation screen

• Dashboard widget: “You saved €450 in fees this month”

• Comparison tooltip showing the typical bank fee side-by-side

• Real-time status chips (e.g., Processing, Arrived)

• Progress bar with ETA

• Push/email alert the moment funds settle

• Unified activity feed filtered by status

• Color-coded bill calendar

• CSV/API export for accountants

Value Pillar



Low fees




















Fast transfers













Transparent tracking


















What it means for users

Every euro transferred costs noticeably less than through a traditional bank. Users also see the savings so they feel the win, not just read about it.





High-value payments clear in hours (or instantly, if rails allow) instead of days, so cash-flow isn’t frozen.



All pending, scheduled, and completed transactions—plus upcoming bills—live in one dashboard, so finance teams never wonder “Where’s that €25 k?”

UX proof-points in the product

• Line-item fee breakdown on every confirmation screen

• Dashboard widget: “You saved €450 in fees this month”

• Comparison tooltip showing the typical bank fee side-by-side

• Real-time status chips (e.g., Processing, Arrived)

• Progress bar with ETA

• Push/email alert the moment funds settle


• Unified activity feed filtered by status

• Color-coded bill calendar

• CSV/API export for accountants

Santander

Zen.com

BMW

Ferrero

Wedel

Sector 3.0

Samsung

WWF

The 3E System

Procter & Gamble

Credit Agricole

Santander

Zen.com

BMW

Ferrero

Wedel

Sector 3.0

Samsung

WWF

The 3E System

Procter & Gamble

Credit Agricole

Santander

Zen.com

BMW

Ferrero

Wedel

Sector 3.0

Samsung

WWF

The 3E System

Procter & Gamble

Credit Agricole

© 2025 Made with ❤️ by Katarzyna Bobrowska

© 2025 Made with ❤️ by Katarzyna Bobrowska

© 2025 Made with ❤️ by Katarzyna Bobrowska

Create a free website with Framer, the website builder loved by startups, designers and agencies.