SwissBorg – KYC Dashboard

Cutting KYC 2 review time by 50-75% in two weeks, with no backend changes

Guided decision flow for agents, proved through A/B testing.

My role
Product Designer
UX Researcher
Team
Product Owner
Website Developer
Legal (2)
KYC Agent (2)
Time frame
2 weeks
Tools
Figma
Slack
Jira
Confluence
SwissBorg back office

Get the Highlights in 60s

Compliance agents, a tab-heavy back office, two weeks and no backend help.

SwissBorg’s compliance agents review Proof of Residence applications by hand. Every review meant jumping between tabs, scrolling long pages and deciding for themselves what to check next. Reviews were slow, inconsistent, and every decision felt risky.

The problem? The tool made agents manage the process instead of guiding them through it. And with our backend engineers fully booked, any fix had to work with the data we already had.

I had two weeks, working with a product owner, a website developer, two people from legal and two KYC agents.

My first big decision was to prototype the dashboard with AI and test it with agents.

I built a linear prototype in Lovable that walked agents through one check at a time. In testing it needed 12 extra clicks and made reviews around 60% slower, so I dropped it and kept the overview agents relied on.

The solution agents were buzzing about.

Instead, I designed a guided checklist on a single screen: a fixed review order, the user’s documents and details stacked for quick comparison, and flags to mark issues. A yellow flag lets agents carry on with awareness; a red flag disables escalate and approve, leaving reject as the only option.

The hardest part was people, not pixels. Some long-serving agents wanted their old back office back. Rather than forcing the change, we kept a temporary link to the legacy system for one month. Resistance stayed low and the new flow became the default.

What started as an internal tool clean-up became a template for every KYC check, from Proof of Identity to Proof of Wealth.

The results

  1. 50–75% reduction in agent handling time in the first week.
  2. Decisions standardised across all agents for the first time.
  3. Users regained account access sooner, so they got back to trading faster.
  4. Delivered in two weeks, with no backend changes.
  5. The same template was designed to scale to Proof of Identity and Proof of Wealth.
Kertu-Kadi Kikas

"Having the checks presented in a clear, guided sequence means I don’t have to think about what to check next. It’s faster, more consistent, and much easier to work through."

Kertu-Kadi Kikas, KYC Operational Specialist
The redesigned SwissBorg KYC review back office: a guided Proof of Residence checklist with flags beside the user's documents and details

Overview

SwissBorg compliance agents were reviewing Proof of Residence applications through a fragmented, tab-heavy back office with no defined process. I redesigned it into a guided, single-screen review flow, cutting handling time and standardising decisions across all agents.

The Problem

Unrelated information cluttered the screen, forcing agents to mentally filter what mattered for each review.

Fragmented tabs

Agents jumped between multiple tabs to review a single application, losing context and wasting time with every switch.

No defined review order

Every agent decided their own check sequence, creating inconsistency across the team and slowing decisions.

No guidance

There was nothing to tell agents what a passing check looked like or reassure them their decision was correct.

The Goal

Turn a slow, fragmented review flow into a clear, and intuitive guided process that helps agents decide faster and more consistently.

The Solution

A guided, single-screen review flow that presents all required information in one place, in a structured sequence — so agents never have to decide what to check next.

Guided checklist

A fixed review order removes ambiguity and ensures every agent follows the same process.

Flag-based decisions

Yellow to proceed with awareness. Red flags on critical checks disable approval automatically.

Stacked information layout

Approve, escalate, and reject modals pre-populate with flagged reasons and notes. Saving time and reasoning.

The new KYC review dashboard on a MacBook
The approve modal with limits and notes
The reject flow on a MacBook

A legal requirement, yet painful to use. How can we make our agent's life easier without compromising compliance 🚨 ..?

Constraints

Epic limitations

Regulatory constraints

Agents needed access to a large amount of specific user data to decide whether to approve, escalate, or reject a Proof of Residence application. All information had to be visible, auditable, and defensible.

No Backend capacity

Our Backend engineers were fully blocked on other initiatives. The redesign had to be delivered without backend changes, working closely with a single website developer to get the most out of existing data and design.

Quick view

Agents needed to make decisions quickly. Excessive scrolling or tab switching slowed reviews and increased errors. The goal was to present all critical information in a single glanceable view.

Agent turnover

Compliance teams experienced frequent rotation. The system needed to be immediately understandable for both new and experienced agents, without relying on tribal knowledge.

Scalability

If successful, this review pattern needed to be reusable for KYC1 and KYC3 with minimal changes.

Low cost, internal tool

This was an internal system, so the solution needed to be lightweight and efficient to build.

Research

Seeing how agents interact with the back-office

I shadowed agents across different experience levels and spent time reviewing applications myself in the test environment. The friction was immediate. There was no clear starting point, no guidance on check order, and no reassurance that a decision was correct. Every action felt uncertain.

No easy way to compare related data
Too much information shown at once, increasing cognitive load
Time wasted jumping between views
Too much time spent scrolling
Information scattered across multiple tabs
Cumbersome
Agents completing the same checks in different orders

From this, every design decision that followed was guided by one principle: Optimise for decision making, not navigation

AI Prototype

Rapid prototyping

I built and tested a linear prototype in Lovable to explore whether guiding agents through one check at a time would reduce cognitive load and improve decision quality. The concept removed the multi-check overview and focused on a sequential flow for reviewing Proof of Residence applications. While the structure felt clearer in theory, testing revealed it: - Required 12 additional clicks. - Increased review time by roughly 60% compared to the existing format. The loss of overview and flexibility outweighed the benefits of linear guidance, so the approach was not adopted.

The linear Lovable prototype that guided agents through one check at a time
Previous back office

A system that relied on tabs, long pages and agent's memory

Unfortunately, I no longer have access to the back-office. However, the screenshot below shows how the system previously worked. The interface was extremely long and relied heavily on tabs to separate information into different sections. This required excessive scrolling and constant context switching. Even though agents reviewed one application type at a time (Proof of Identity, Proof of Residence, or Proof of Wealth), they were still exposed to a large amount of unrelated information. With no clear review order, agents had to decide for themselves what to check next, increasing handling time and slowing down decisions.

The previous back office: a very long page split into tabs
Hands-on

My own experience with the back-office

To fully understand the workflow, I spent some time acting as a compliance agent; reviewing, approving, escalating, and rejecting Proof of Residence applications in the test back office. This surfaced confusion. My first thought was: where do I start, and what should I look at first?

My attention was everywhere

I was looking at a Proof of Residence check but I also have to use their Proof of Identity check so I have to go scroll up and down open and close tabs. it was a mess.

Am I doing this correctly?

To me, the back-office was like the Wild West. I was doing what I wanted with no clear instructions what to check, what can pass, what can't pass and ultimately I was figuring this out alone.

Decisions felt risky

I could complete the checks, but the system didn’t guide or reassure me that the decision was correct, making every approval, escalation, or rejection feel uncertain.

I then landed on this hypothesis

Agents weren’t slow because the work was complex. They were slow because the system made them manage the process themselves

Setting the scope

Key considerations

From my research I sat down with my Product Manager and set the scope. Here Design decisions were driven by one core principle, optimise for decision-making not navigation

In scopeFor future release
Exploring AI-assisted data extraction as a future improvement
Making approve / escalate / reject actions obvious and contextual
Show Proof of Identity information in Proof of Residence check without needing to scroll
Presenting information in a structured, stacked layout
Flagging and surfacing risk indicators early
Use AI to determine if Proof of Funds meets criteria

(this was for KYC 3)
Streamline the approve modal so agents don't need to do multiple clicks to check
Allow agents to write notes on the Proof of checks for other agents to see.
Use the data already available in the back office
Design rationale

Why designs were produced certain way

Looking into key design aspects of the solution and why they were designed in a specific way.

How flagging a check works
Allowing the user to flag a check

Agents are quickly able to flag issues. If the flag is yellow agents are able to escalate or approve. However, if one flag is red escalate and approve CTA's are disabled and the agent can only reject. Some flags require two clicks to turn red and some checks like "Address on the document matched the inputted address" would turn red directly as that is a huge compliance security risk if the agent accepts the user and the data is not consistent.

Try it yourself

Click on the flag to go through the different states.

Other decision patterns explored before flags
Why flags?

I looked into multiple options and landed on flagging. The reason is because in all the other options (there was more than just the ones shown here) They are all a sort of boolean options true false, yes and no. There were multiple reasons why I did not agree with this. firstly, I wanted the agent to click as little as possible in order to approve a user and the other is that even if something is false or something to keep an eye on, it doesn't classify as a application rejection and having a boolean doesn't have that level of flexibility. Agents also agreed that they preferred the flag-based approach over the others due to the flexibility.

On smaller screens the checklist scrolls, with a final confirmation check at the bottom
Catering for smaller screen resolutions yet still being compliant

If the agent has a smaller screen resolution the checklist overflows and becomes scrollable. However at the very bottom there is a check the agents must click in order to approve the application as it's compliance for the agents to carry out all the checks. Once the check is checked the approve button will be enabled and the agent can approve the user's application.

Stacked information comparison versus side by side
Stacked information comparison

Previously to compare, the agent would have to scroll up see Proof of Identity remember or duplicate tab and then compare it to the information of Proof of Residence. Not a very efficient process. In the new back-office update the agents have all the information is a stacked view so that they can clearly see if there is a mistake in the documents or not. As you can see in the image above it's much easier to see there's an inconsistency in a stacked view vs side by side view.

Design solutions

Everything an agent needs in one screen.

From all the research conducted looking at the agent's needs and pain points, this was the proposed design solution that saved the business and agents huge amount of hours work per week in the first week alone.

The full Proof of Residence review screen
Proof of Residence

The full design of the proof of residence with all the checks and information needed.

Approving a Proof of Residence application
Approving Proof of Residence

Here the user is able to approve the application as well as set any limits to the user or leave any notes for future reference.

Approving an application that has a yellow flag
Approving when flagged

Not every application is as simple as following the checklist. If the agent sees the user has been in a restricted country in the last 6 months that's not a cause to reject but they can flag so other agents know they are aware of this and keep a closer eye on the user.

Escalating a Proof of Residence application
Escalating Proof of Residence

Here the user is able to escalate the application with reason flagged being shown on the modal. This does not mean the application is rejected but rather the agent might need a second opinion or is not comfortable to make the decision alone.

Rejecting a Proof of Residence application with the flagged reasons
Rejecting Proof of Residence

Here the user is able to reject the application with reason flagged being shown on the modal. The agent can then add any notes extra they want to keep for reference.

Scalability

Seeing if the template works on other Proof checks

As mentioned above the Proof of Residence design would act as a template to other checks. Designs for Proof of Identity and Proof of Wealth were also done before locking in the final template style for Proof of Residence to see if works for other checks.

The template applied to Proof of Identity
Proof of Identity

Proof of Identity is the first application the user has to do before being able to invest at SwissBorg. Here the user uploads of a photo of one of their government documents and a face scan. If the image is too small or does not show the all the information the agent can click to open in a lightbox to view the entire image in full.

The template applied to Proof of Wealth
Proof of Wealth

Proof of Wealth is the last and final application the user has to do once they reach 50'000 AUM in their portfolio they can not carry on investing until they provide their proof of funds. Here the user uploads a document stating their funds, this can be a pay slip, bank statement, inheritance information etc.

Agents feedback

The hard truth, Did the agents actually like this solution?

They loved it but some longer-tenured agents, used to their own workflows, pushed back and wanted access to the legacy back office. Rather than forcing the change, we introduced a temporary "More info" link to the legacy system alongside the new experience. After one month it was removed. The transition was gradual, resistance was minimal, and the new flow became the default.

The temporary More info link to the legacy back office
Option 1: Ignore them

Agents were constantly changing so once the agents are replaced the new agents wouldn't know there was a legacy back-office. However we did have agents who were employees and not contractors and who have been in the company since the very beginning so one option is to ignore them and they get used to the new guided format of making decisions.

Option 2: Work with the agents What we did

We sat down with the agents, listened to their concerns, and agreed on a gradual rollout. The new flow was introduced alongside a "More info" link to the legacy back-office, giving agents time to adapt. After one month, the legacy link would be removed, allowing the new experience to become the default without forcing an abrupt change. Something so simple, yet saved a lot of internal friction.

Hand off

Handing off the designs for development

Design hand off was simple and efficient. The designs on Figma were flowed with arrows and wrapped in a section. I kept in constant contact with the web developer and kept track of the build through our stand-ups as well as making necessary changes whenever needed such as an agent coming to me and my product Manager stating that they need to see if the user has swapped from SwissBorg Solutions entity (EU, UK and Swiss) to Dharma (outside EU).

The entity transition shown in the review screen
Reflection

My thoughts on this project

This project reinforced how often performance issues are framed as people problems when they are actually system problems. Agents didn’t need more training or stricter rules, they needed a system that guided them through the work instead of making them manage it. There were many constraints but I realised for this epic designing internal tools meant optimising for clarity, consistency and decision-making. I am extremely proud of my team and myself for reducing the time agents take to make a decision on a proof application by over 50%. This had to be done quickly and efficiently as we did not want to spend too much time on internal upgrades. If taken further, I’d explore deeper automation around data extraction and risk flagging, but only once the underlying structure is solid and proven to scale.

Other case studies

SwissBorg

Turning a legal requirement for 700k+ users into a 2-tap check

Context

700K+ users needed to renew their KYC data or SwissBorg could face millions in fines. I designed a self-serve renewal experience and a reusable KYC system to handle compliance at scale.

Results

220k+ renewals in 2 months, zero UX complaints

and engineers no longer change user data by hand in the backend.

In this case study

  • Regulatory UX
  • Systems thinking
  • B2C
  • Competitor research
  • Scrapped designs
  • A/B testing
  • Legal and backend constraints
  • KYC widget system

Venga

0→1 crypto bundles product ownership under pressure

Context

Turning an undefined C-suite opportunity into a new investment product. I took Crypto Bundles from an early concept to a build-ready product in three weeks, defining the MVP, shaping the experience and making key product decisions along the way.

Results

Build-ready MVP in 3 weeks

with custom bundles, which no competitor we reviewed offered.

CEO projects €30M in transaction volume by 2027

based on competitor benchmarks, pending build.

In this case study

  • 0→1 Product
  • Monetisation
  • Multiple hats
  • Competitor analysis
  • Product scoping
  • AI prototype
  • Scope trade-offs with leadership
  • Rejected ideas and iterations
  • System thinking
  • Post MVP designs

Tax Systems - Alphamap

An award-winning AI tool that cut tax mapping time by 80%

Context

Tax professionals were spending hours manually mapping trial balance data into P&L statements. I designed the review interface for Tax Systems' first generative AI tool in 3 weeks, built so sceptical experts could trust and correct the AI's output.

Results

80% less processing time, 90%+ mapping accuracyBest Digital Innovation, Tolley's Taxation Awards 2024

In this case study

  • AI prototype
  • User research
  • Internal tools
  • Designing for trust in AI output
  • H/M/L confidence indicators
  • Unconventional checkbox placement
  • Batch review over line-by-line
  • Filter iterations A/B
  • Working with domain experts