Fintech B2B Design System

Redesigning an Internal Support Tool — and Discovering a Product Worth Selling

A fintech company's customer support team ran on an admin tool built in 2018. No one had ever measured how well it worked — until we did. Over the course of a year, I led research and redesigned the core workflows end-to-end.

The research uncovered a problem nobody had named: support agents weren't escalating to engineers because queries were technically complex. They were escalating because the tool didn't surface what they needed. And by the time we finished, stakeholders were asking a different question: could we sell this?

My Role
End-to-end Design · Research + UX + UI
Team
PM · Engineering · me
Duration
1 year (part-time)
Deliverables
Research · UX · UI · Strategic Rec.
Admin UI — Navigation redesign
The Challenge

A tool built in 2018. No data collected since. Engineers doing work that wasn't theirs.

The Admin UI was the backbone of customer support operations — used to look up payments, investigate errors, and resolve user queries. It had been built in 2018 and never formally evaluated.

By 2024, 50% of customer queries required engineering involvement. Most weren't technically complex — they were information problems. Support couldn't find what they needed, so they called an engineer.

Usage

Is the tool still useful? Are users relying on it daily?

Efficiency

Where are the inefficiencies slowing the team down?

Decision

Should the tool be improved or deprecated?

Research

40 surveys. 9 interviews.

Before designing anything, we needed to understand what was actually happening. This was the first time anyone had formally studied how the tool was used.

Survey
40 responses

First-ever usage baseline. Validated frequency, indispensability, primary workflows, and pain points across the full team.

Interviews
9 sessions

6 from the support team, 3 engineers. Selected from survey respondents who said something unexpected or contradictory — the people most likely to reveal the real problem.

Key finding

Support relied on engineering when the tool lacked the information needed to investigate issues, turning visibility gaps into engineering work.

Users

Two teams. Opposite needs. One rigid tool that served neither.

Before designing anything, we needed to understand what was actually happening. This was the first time anyone had formally studied how the tool was used.

Profile 01
Customer Support Team

6 interviewed · Daily users handling payment queries and onboarding issues.

Need: Fast payment search, clear data visibility, efficient navigation.

Reality: Spending too long searching, escalating for information rather than expertise.

Profile 02
Engineers

3 interviewed · Called in as escalation for queries support couldn't resolve.

Need: Quick access to technical details with minimal friction.

Reality: Resolving information problems, not technical ones — work that shouldn't have reached them.

Framing the Opportunity

Give support the right information, and 70% of queries could be solved without engineering.

The opportunity wasn't to build something new, but to make existing tools work better. Three gaps stood between support and self-sufficiency: search speed, data visibility, and role flexibility.

Research revealed a new opportunity: enterprise clients wanted access to their own payment data so they could investigate transactions without contacting support. A customer-facing version could reduce support volume — and potentially become a premium product.

Approach

Research first. Then design for the specific workflow, not the generic one.

Usage baseline

40-person survey — first-ever documentation of how, when, and why the tool was used.

Journey mapping

Mapped the support resolution flow and the engineer escalation flow separately — they had fundamentally different needs.

Iterative design

Multiple rounds on table customization — the most-requested feature across all 9 interviews.

Don't design for edge cases. Design for the 30-second workflow that happens 50 times a day.

The Solution

Five features. Each tied to a research finding. Every change earned.

01
Advanced Search & Filtering

Support agents often searched with partial data, while the tool required exact matches. We introduced flexible search, standardized filters, and backend-aligned terminology.

Projected: 10% faster manual search. Aligning terminology with the backend also removed the translation step that often led to engineering escalations.

Aligning terminology with the backend removed a translation step that happened every escalation call.

Advanced search form with attribute filters
02
Optimized Layout for Speed

Reducing visual noise to surface the information support needed most.

Key fields were buried in visual noise. We introduced a collapsible sidebar, increased table visibility, and reorganized the hierarchy around the 30-second scan repeated throughout the day.

The layout prioritized speed and workflow over completeness.

Optimized for one workflow — not for completeness.

Payments list with filter panel — optimized layout
03
Flexible Data Views

Support needed payment status, amount, and date. Engineers needed error codes and API responses. We enabled users to add, remove, and reorder columns based on their workflow.

Two teams, different workflows. A customizable table gave each team the information they needed.

One rigid view for two teams with opposite needs works for neither. Customization was the only honest solution.

Column drag and reorder panel
04
Status Visibility & Color Coding

A failed payment handled as successful has real downstream costs. We introduced color coding for payment status, highlighted critical fields, and added inline filters for rapid refinement.

Clear status visibility reduced the risk of misinterpretation for users, support, and the business.

Color-coded payment scheme filter chips
05
Navigation Without Losing Context

Support agents regularly opened 3–5 browser tabs to compare payments. We enabled them to open payment details without leaving the list view, removing the need for multiple tabs.

The workaround revealed a flaw in the original navigation model. We redesigned it to keep context throughout the investigation.

Payment detail panel alongside list — no context lost
The Unexpected Discovery

We came to improve a tool. We left with a business case for a new product.

The original question was: improve or deprecate? By the end, stakeholders were asking something different.

During research, enterprise clients were requesting access to payment data, they wanted to investigate their own transactions without calling support. A customer-facing version could reduce inbound support volume and become a premium offering.

The project reframed from "can we make support more efficient?" to "are we sitting on a product we haven't tried to sell?"

Security analysis was pending, but the business opportunity was clear. The project expanded from improving support workflows to exploring a new customer facing product.

Outcomes

Two metrics. One unexpected business case.

70%
Support self-resolution
projected post-redesign
10%
Faster manual search
with filter system
40
Survey responses
first-ever baseline
9
Interviews
6 support + 3 engineers
Support self resolution

Projected to increase from 50% to 70%, reducing engineering escalations.

Research driven scope

9 interviews shaped the design of 5 features, each tied to a specific research finding.

Faster search

Manual search workflows became 10% faster with the new filter system.

New business opportunity

Research revealed demand for a customer facing version of the tool, leading to an initial security assessment.

Usage baseline

40 survey responses documented how the tool was actually being used for the first time.

Learnings

Three things that changed how I think about internal tooling.

Engineering escalations revealed visibility gaps

The data was there, but the tool didn't surface enough for support to investigate issues.

Workarounds are requirements nobody filed

Tabs, spreadsheets, and manual cross referencing exposed clear gaps in the tool.

Internal tools contain business opportunities

Enterprise clients wanted access to the same payment data, revealing a potential customer facing product.

What I'd Improve Next

Given more time, here's where I'd go.

arrow_forward
Measure the actual escalation rate post-launch and validate the 30% projection.
arrow_forward
Prototype the customer-facing version and test with a subset of enterprise clients.
arrow_forward
Add proactive alerts for failed or at-risk payments — reduce the need to search reactively.
arrow_forward
Explore role-based views to eliminate information overload for each team type.
Closing Thought

Improving internal tools is about discovering what your team is capable of when the tool stops getting in the way.

And sometimes, what you build for your team turns out to be exactly what your customers needed too.