Problem Process Principles Research Validation Final Design Before & After Impact Reflections
All Projects
Q
QuickBooks Capital

Get Paid Upfront — Contextual Discovery for Invoice Advances

Integrating discovery points for a new financial product into an invoicing experience customers had used for years — so getting an advance feels native, not bolted on.

Role
Product Designer — end-to-end ownership from research through final design
Scope
Feature integration, data visualization, UX research, invoicing flow redesign
Outcome
Shipped GPU integration across dashboard, invoice home, and invoice actions
QuickBooks Get Paid Upfront — Invoice home with GPU status column

Small businesses can't grow when they're waiting to get paid

67%

of QuickBooks customers have to wait NET terms or longer to get paid on the work they do — stalling business growth and creating cash flow anxiety.

QuickBooks wanted to offer customers the option to get paid on sent invoices and bypass the conventional NET 30–60 day waiting period. The product existed — the challenge was weaving it into an invoicing experience customers had grown accustomed to over years.

How might we

Create a rich customer experience that builds on top of the product experience that already exists — surfacing Get Paid Upfront contextually, not everywhere?

From flow audit to validated designs

We followed a deliberate process: audit the existing experience, identify where GPU makes sense, test with customers, iterate, and validate. The goal was restraint — surface the feature in a few intentional places, not every chance we could.

Step 01
End-to-end invoicing audit

We mapped the full invoicing journey — from onboarding through reconciliation — and identified every potential touchpoint where a customer could learn about Get Paid Upfront. We saw many opportunities (green stars) but focused on just a few intentional placements (orange stars).

Invoicing flow audit
Step 02
Auditing the existing visual experience

We looked at the current dashboard data card and invoice home page — both would need to evolve. If we wanted to normalize the consideration of using GPU, we'd have to re-examine how we talk about invoicing end to end.

Original dashboard and invoice home page
Step 03
Low-fi explorations

During sketch phase, we thought about the customer's journey end to end — telling a cohesive, consistent story from the point of initial log in through navigating to the invoice home page. We explored several expressions for how the retold invoicing story would include GPU.

Low-fi sketches
Step 04
Mid-fi concept testing

We tested several concepts with customers — different degrees of how we told the integrated Invoicing and Get Paid Upfront story. The objective: uncover how customers understood their invoice health and what actions they could take.

Mid-fi concepts 1-4
Step 05
Customer research & validation

Customers resoundingly loved the idea of bypassing the waiting period. The critical data they hungered for dealt with unpaid and overdue invoices — perfect synergy for our new product.

Three rules that guided every decision

Before diving into layouts and interactions, we established a set of principles to ensure the feature felt native to QuickBooks — not bolted on. These constraints became our compass through every design decision.

01
Contextual, not promotional
Surface GPU where it's useful, not where it's visible. Every placement earned its spot by solving a real customer need — never by maximizing clicks.
02
Evolve the familiar
Don't rebuild what works. Extend the existing invoicing patterns customers already understand and trust, creating recognition rather than friction.
03
Data tells the story
Use visual data — charts, progress indicators, status badges — to communicate eligibility and value. Let numbers speak, not marketing copy.

Three things customers told us loud and clear

After testing several concepts, patterns emerged about what customers actually want from their invoicing experience — and how GPU fits in.

Concise
Customers wanted to know which invoices were paid, unpaid, or overdue — and what they could do about it. No extra noise.
Actionable
Customers wanted relevant actions on invoices with a critical status of overdue or unpaid — not just information, but clear next steps.
Transparent
If there was anything critical in terms of fees or deadlines, customers wanted that information surfaced upfront — no surprises.

Through relentless research and data-backed decision making, we aligned on a new data visualization aimed to simplify some of the info while also surfacing our new tool.

Testing the integration approach

With multiple placement concepts in hand, we conducted structured validation research with active QuickBooks users. Our goal was to confirm that the contextual approach felt natural and that customers could discover and engage with the feature intuitively.

We ran usability testing with 12 QuickBooks accounting professionals, testing two primary variables: the placement of the GPU column within the invoice list and the trigger for surfacing eligibility. A/B testing revealed a clear winner — users found the contextual column placement significantly more discoverable than a dedicated promotional banner in the sidebar. Participants frequently commented that the feature felt integral to the invoicing workflow rather than an upsell attempt.

"It felt like it was always supposed to be there. I didn't feel like someone was trying to sell me something — I just saw that I was eligible and thought, oh, I could use that today."

— QuickBooks user, usability testing session

89%
Task completion for advance flow
12
Usability testing sessions conducted
3.2s
Average time to discover GPU option

Four integration points, one cohesive story

Each touchpoint was designed to feel like a natural part of invoicing — not a promotional add-on. Here's what shipped.

01 / 04

Dashboard data card — retelling the invoicing story

We re-tooled the data card to show data differently. The card now uses a consistent timeline, surfaces what matters (overdue, not-due, advance-ready), and gives customers tactical actions. A donut chart replaces the old bar visualization, breaking down invoice status and GPU eligibility in one view.

Simplified Data Consistent Timeline Advance Ready
Updated dashboard data card with donut chart
02 / 04

GPU status column — eligibility at a glance

To inform customers which invoices are eligible for Get Paid Upfront, we added a dedicated column with "Eligible" and "Funded" labels. It lives naturally alongside invoice status — making GPU feel like a core part of invoicing, not a separate product to learn.

Eligible Funded Contextual Placement
Invoice home page with GPU status column highlighted
GPU Status Column
03 / 04

Suggested actions — contextual discovery in the dropdown

When customers open an invoice's action dropdown, "Get advance" appears as a suggested option alongside Send reminder, Record payment, and more. Contextual discovery at the moment of intent — woven into existing workflow, not bolted on top.

Contextual Action-Oriented Non-Intrusive
Invoice page showing action dropdown with Get advance option
Action Dropdown
04 / 04

Invoice detail banner — advance offer at the point of decision

A subtle banner at the top of the invoice detail view tells customers they're eligible for Get Paid Upfront. Informative, not aggressive — using the same visual language as the rest of the integration, so it feels native to QuickBooks.

Eligible Non-Disruptive Clear CTA
Invoice page showing suggested actions with advance offers
Suggested Actions

What changed

Before
Original QuickBooks invoice page before GPU integration
  • Data card showed generic paid/unpaid totals without clarity on what to do next
  • No visibility into which invoices could be advanced
  • Invoice home page hadn't evolved in years
  • No quick actions — customers navigated into each invoice individually
  • Inconsistent visual language between dashboard and invoice views
  • Get Paid Upfront was invisible within the invoicing flow
After
Redesigned QuickBooks invoice page with GPU integration
  • Donut chart + summary surfaces overdue, not-due, and advance-ready amounts
  • Dedicated GPU column clearly shows eligibility per invoice
  • Invoice home page fully redesigned with cohesive data visualization
  • Suggested actions and contextual "Get advance" in action dropdown
  • Consistent visual story from dashboard data card to invoice detail
  • Get Paid Upfront feels like a natural part of invoicing

Measurable outcomes

Six months after launch, the feature reached 40% of eligible QuickBooks users. The data validated our design approach — contextual discovery worked, and customers engaged with the feature at rates well above typical feature adoption benchmarks.

340%
Increase in GPU discoverability
28%
Eligible customers engaged month one
14x
Faster time-to-discovery vs. prior
+12
NPS increase on invoicing module

Beyond the metrics, qualitative feedback was consistently positive. Users reported that the feature reduced friction around cash flow management, and accountants appreciated eliminating the need to manually review eligibility across clients. The design's restraint — avoiding aggressive promotional language — built trust rather than skepticism.

What I'd carry forward

01
Restraint is a feature
We saw dozens of places to surface GPU. Choosing just a few intentional touchpoints created a better experience than covering every surface. Contextual discovery builds trust — promotional saturation erodes it.
02
Evolve, don't replace
Customers had years of muscle memory with the existing invoicing flow. The most successful integrations felt like natural extensions of what was already there — not a new product to learn.
03
Test the language, not just the layout
"Get advance" vs. "Fund invoice" vs. "Get paid now" — the copy mattered as much as the placement. Customers responded to action-oriented language that matched their mental model.
04
Visual consistency tells the story
By maintaining the same data visualization language from dashboard to invoice detail, customers could build intuition at every level. The donut chart, progress bars, and color system all reinforced the same narrative.