Chapter 02 / 04A professional journey — from strong UX foundations to enterprise product leadership
Product design inside a real team
Case Study · Product Design in a Multidisciplinary Team

Fundbox

Data-informed product design inside a multidisciplinary team

Fundbox had grown from a single-product lender into a company with several credit products — but the dashboard still showed one. Working with a product manager, a product analyst and fellow designers, I turned behavioral data and real user sessions into the product decisions that shaped one scalable dashboard. The screens are the visible edge; the work was reading evidence and aligning a team around what to build.

Data-Informed DesignCross-functional CollaborationResearch SynthesisProduct DecisionsPrioritizationDesign Systems
FundboxCommunicationFinancial overviewUpcoming paymentPlatform navigationProducts + systemCredit products
One dashboard that gives every product a place — the outcome of behavioral data, user research and cross-functional decisions.

Project Snapshot

Role
Product Designer — one of the design team
Team
Product Manager · Product Analyst · Product Designers
Platform
Financial B2B SaaS · desktop & mobile
Industry
Fintech · lending
Business goals / KPIs
Grow draws & origination · engagement · retention
My contribution
Data interpretation · IA & product structure · interface decisions

The Challenge

A single-product experience, a multi-product business

Fundbox had grown from one credit product into several, but the dashboard still showed one — new products were bolted on and discoverability dropped. With the product manager, the team framed the redesign around a clear business objective: grow draws and origination by making a customer’s whole relationship visible and easy to act on. That business frame, not a visual refresh, is what set the direction.

Single product

One offering

The dashboard was designed around a single credit product.

Business growth

More offerings

The company expanded into several credit products.

More products

Bolted on

New products were added without a home of their own.

Fragmented

Discovery breaks

Customers couldn’t see or navigate what they now had.

The goal

Grow draws

Make the full relationship visible — and dormant credit easy to draw.

How the Team Worked

From evidence to product decisions — a cross-functional loop

This wasn’t a dashboard handed to a designer to skin. It moved through a multidisciplinary team, each discipline shaping the evidence and the decisions — and the process looped, rather than ran in a straight line.

Product Manager
Business goal & priority

Framed the objective — grow draws & origination — and prioritized the highest-impact opportunity.

Product Analyst
Behavioural data

Pulled and segmented the activity data — surfacing that 40.2% of customers never draw.

User research · FullStory
Session evidence

Watching real sessions explained the why behind the numbers — people glance and leave.

Product Design · me
Structure & decisions

I translated the evidence into information architecture, the shared dashboard model and interface decisions.

Product Designers
Critique & system

Design reviews challenged assumptions and kept the growing system consistent.

Not a handoff chain — behavioral data, session evidence and design critique looped back into the structure throughout the work.

Research

Reading the business, the users and the data — together

The research was a shared effort. The product analyst extracted and segmented the behavioral data; I paired those numbers with FullStory sessions to understand the why, and studied how comparable multi-product financial systems handled the same problem. Three lenses, one question: where is the growth actually blocked?

Competitor analysis · me

Analysed comparable financial systems and patterns for behavior in complex, multi-product products.

Behavioural data · Product Analyst

The analyst pulled and segmented the activity data; together we read what it meant for the product.

Session evidence · FullStory

Watching real sessions explained the numbers — where people hesitate, and why they leave.

KabbageOnDeckBlueVineBrexMelio
How customers actually behaved
FullStory · session evidence

How customers actually behaved

Watching real sessions surfaced the shape of usage — short active time, few events per visit. Customers weren’t exploring; they came, glanced, and left. That qualitative read told the team the dashboard had seconds to make a customer’s financial state legible.

Activity data · with the Product Analyst

40.2% of customers never draw

The analyst segmented the activity data and surfaced the number that reframed the project: of customers who never defaulted, 32,477 had never drawn at all. A large base of dormant credit — and, tied to the business goal, the single biggest lever for growing draws. Surfacing available credit and a draw entry point became a first-class goal.

40.2% of customers never draw
Ever defaultedActive (30d)InactiveChurnedNever draw
No19,7642,80431,95232,477
Yes2551,25720,206
Why the dashboard shows four draws
Loan distribution · a concrete design question

Why the dashboard shows four draws

Rather than guess how many loans the view should hold, we answered it from the data. A cumulative histogram of active loans per view showed the median customer has 4 loans, and four cover roughly 77% of all views. The Draws area was sized to that number — enough for almost everyone, without overwhelming the rest.

Personas

Who the decisions were made for

The behavioral segments had faces behind them — business owners who rely on fast, non-bank credit and act in short, decisive bursts. The personas kept every decision anchored to a real need rather than an internal preference.

Mason Aniston
Mason Aniston
Age 38 · Dallas, Texas · CEO of a construction company
The reason

Needs to pay salaries and will have cash in a few days — he needs a short-term loan now.

Pain points

Bureaucracy consumes time he doesn’t have, and fees are very high.

The solution

A quick loan, without fees, repaid within a few days.

Amanda Johnson
Amanda Johnson
Age 43 · Los Angeles, California · Owner of a growing retail & e-commerce brand
The reason

Regularly opens new locations and needs a line of credit to bridge until each new store turns a profit.

Pain points

Raising her limit through a bank is slow and expensive, and she prefers flexible credit outside the banking system.

The solution

Flexible, fee-light credit she can draw on repeatedly as she scales.

Research Synthesis

What the evidence taught the team

Before any screen, each finding was carried the whole way — from the evidence, through the team’s interpretation, to the opportunity it opened, the decision it drove, and the business goal it served. This is the strategy the data pointed to.

Evidence

FullStory — customers glance briefly, then leave.

Interpretation

Financial state isn’t legible fast enough.

Product opportunity

Make the whole relationship readable at a glance.

Decision

One dashboard surfacing every product, payment and message.

Business goal / KPI

Engagement

Evidence

Activity data — 40.2% never draw despite available credit.

Interpretation

Dormant credit stays invisible and unused.

Product opportunity

Surface available credit and a draw entry point.

Decision

Draw becomes a first-class action on the home screen.

Business goal / KPI

Draws & origination

Evidence

Loan histogram — median customer holds 4 loans (77% of views).

Interpretation

A list tuned to no one fits no one.

Product opportunity

Size the Draws view to the real distribution.

Decision

Draws designed around four typed loans.

Business goal / KPI

Engagement · clarity

Evidence

Session & support signals — messages get lost.

Interpretation

‘The message I saw yesterday disappeared.’

Product opportunity

Give communication one prioritized home.

Decision

A message hub — alerts, promotions and an inbox.

Business goal / KPI

Retention

Information Architecture

Grouping every product under one roof

With the direction agreed, I rebuilt the information architecture so it could carry the whole product family. The navigation separates the company’s products from system activity, and the dashboard collapses what used to be scattered — credit, draws, the nearest payment and messages — into one grouped view.

Primary navigation — products & system activity
OverviewLine of CreditFlex PayInsightsPaymentsSettings
The dashboard groups every product into one view
Dashboard
One home for every product
Available credit
Draw entry point
Active draws
Up to 4, typed
Upcoming payment
Nearest, broken down
Messages
Collected & prioritized
Product principle

Group by the customer’s question, not the company’s org chart: ‘how much can I draw, what do I owe next, and what do I need to know?’ — answered on one screen.

A Shared Product Model

One structure the whole team could align around

The IA needed a structure the business, research, design and build could all agree on — so I framed the dashboard as a shared product model: one home, one navigation model and one design system, with each product a module inside it. It emerged from the evidence (surface every product), the business goal (make growth easy to add) and cross-functional alignment — a common language for what the platform is, so a new product is a new module rather than a new redesign.

Fundbox platform shell — Dashboard
One dashboard · shared navigation · one design system
Products
Line of Credit · Flex Pay
Payments
Upcoming & history
Loans / Draws
Active, typed, capped at 4
Messages
Alerts & inbox
Settings
Account & details
Future products
Slot into the same shell
Trade-off accepted

A shared model costs more up front than a one-off screen — a navigation model, a design system and module contracts to maintain and align on. The return is a structure everyone builds against, so the next product ships into a home that already exists.

Product Decisions

How those insights became implementation choices

The synthesis set the strategy; these are the interface-level calls that carried it — each tied to the evidence behind it, the business goal it serves, and the trade-off the team accepted.

Decision: Break down the nearest payment, not just its total.
Evidence

Sessions showed customers couldn’t tell what an upcoming payment consisted of.

Business relevance

Transparency reduces confusion and support load — supports retention.

Trade-off

More detail on screen, and a payment model to maintain.

Rejected alternativeA single opaque total — the customer still couldn’t see what they were paying, or why.
Decision: Label every draw by its product type.
Evidence

Multi-product customers couldn’t tell one loan from another.

Business relevance

Clear product identity aids discovery — supports origination.

Trade-off

Denser rows; a type taxonomy to keep consistent.

Rejected alternativeAn untyped list of draws — customers wouldn’t know which product each draw belonged to.
Decision: Split navigation into products and system activity.
Evidence

Products were lost in a single flat menu alongside settings.

Business relevance

Making products stand out drives discovery and draws.

Trade-off

A two-tier navigation model to design and maintain.

Rejected alternativeOne flat menu — products wouldn’t stand out and settings would stay hard to find.
Decision: Give messages urgency states and a dedicated inbox.
Evidence

‘The message I saw yesterday disappeared’ — important messages vanished.

Business relevance

Reliable communication supports engagement and retention.

Trade-off

A message model with states, plus a page to maintain.

Rejected alternativeEphemeral one-shot toasts — important communication would keep vanishing before it was read.
Decision: Validate the shared model responsively, down to 320px.
Evidence

Real usage spans devices, not just desktop.

Business relevance

Reach across devices supports engagement.

Trade-off

Every module has to hold together at every width.

Rejected alternativeA desktop-only layout — the platform would break for customers who arrive on a phone.

Prioritization

What came first — and what waited

With the shared model in place, the work was sequenced against the business goal. The evidence pointed to one dominant lever — dormant credit — so effort went there first; new products would come later, as modules the shell is built to receive.

This phase · highest-impact

Prioritised — this phase

  • The shared dashboard model, so every product has a home
  • Surfacing available credit & a first-class draw action — the biggest lever for the draws goal
  • The four-loan Draws view, sized to the data
  • The payment breakdown and the message hub
Outside this phase

Outside the scope of this phase

  • New credit products themselves — the shared shell is built to receive them as later modules
  • Work not tied to the immediate draws-and-engagement goal for this phase

The priority wasn’t a scoring framework — it was a judgement the team could defend: build the structure once, then spend the first phase on the change most likely to move draws.

Design Iteration

How the structure evolved — from the old page to the shell

The solution wasn’t authored in one pass. It moved from the old single-product page, through wireframes worked out in product and design reviews, to the shared shell. Design and product reviews pushed the navigation from a single list toward the products/system split, and brought the nearest payment forward.

The starting point — the existing dashboard, annotated with the problems that blocked scale: one product visible, unorganized navigation, no order or type in Draws, no payment breakdown, and no home for messages.
The starting point — the existing dashboard, annotated with the problems that blocked scale: one product visible, unorganized navigation, no order or type in Draws, no payment breakdown, and no home for messages.
Wireframe — navigation split into products and system activity, the Draws area sized to four typed loans, and the nearest payment brought forward.
Wireframe — navigation split into products and system activity, the Draws area sized to four typed loans, and the nearest payment brought forward.
Wireframe — a warning pop-up for the latest messages and a separate page to manage them, so nothing is lost.
Wireframe — a warning pop-up for the latest messages and a separate page to manage them, so nothing is lost.

Structurally, the layout evolved from a dense single-product page, to a navigation grouped by product, to a module shell every product plugs into. Drawn as structure rather than screenshots, to show how the shell came together.

Iteration 1
One product, stacked — no room for the rest.
Products
System
Iteration 2
Navigation split into products and system activity.
Current solution
A module shell — credit, draws, payment and messages each get a place.

Final Product Experience

One journey through the final product experience

A journey, not a screen gallery: the route a customer takes through the new dashboard, each screen doing one job on the way from ‘where do I stand?’ to ‘take action.’

One home
01 · Dashboard
One home

Every product, payment and message in a single view.

Product nav
02 · Choose product
Product nav

Navigation separates products from system activity.

Available credit
03 · View credit
Available credit

Credit and a draw entry point, on any screen size.

What’s due
04 · Upcoming payment
What’s due

The nearest payment, brought forward and broken down.

One hub
05 · Messages
One hub

Alerts and messages, collected and prioritized.

Four typed draws
06 · Loan details
Four typed draws

Active draws, each labelled by product type.

Respond
07 · Take action
Respond

Manage and respond from the inbox — nothing is lost.

Design System

The system that let the team scale

The design system wasn’t a UI kit — it was the mechanism that made new products cheap for the team to add. Building on Fundbox’s language, I promoted the primary dark navy from text into surfaces (alongside the existing turquoise), added a new icon language, and pinned down a type scale and button states — so any future module inherits the same shell instead of reinventing it.

Text / Navy → surface
Brand / Primary
Brand / Light
Brand / Secondary
Warning
Validation

Prototype & what it was built to move

Validation, and the goals it served

I built an interactive prototype and adapted the shared model down to a 320px mobile layout — validation, not a deliverable. Testing the new navigation and the four-loan Draws view in motion pressure-tested the decisions before build, and the responsive layouts proved the model held together at every screen size.

Every decision above traces back to a goal the team set out to move: surfacing dormant credit for draws & origination, one legible home for engagement, and reliable communication for retention. Working with the product analyst, I helped define the success metric behind each lever — including draw activation on the 40.2% of accounts that never draw — and the events needed to track it, so the impact could be measured against a baseline once shipped.

Fundbox mobile layout
Fundbox mobile layout
Fundbox mobile layout
Fundbox mobile layout
The shared model, validated from desktop down to a 320px mobile layout.

The through-line

What this chapter taught me

Designing the product foundation for a growing financial platform — collaborating with a product manager, a product analyst and fellow designers, and letting analytics (FullStory sessions, activity and loan data) set the bar for what earns a place on the first screen.

Next chapter · 03 LeaseProbe — Zero-to-one product strategy