Case study ·

CS-05

·

Recurly

Untangling credits: task success up 21% on Recurly’s key billing tasks

I updated and tested a complex system of charges and invoices to add credit functionality, touching everything from the UI to emails and PDF invoices. My first project at Recurly.

fig. 1

The invoice, old and new. The document type now leads the page, the subtotal explains itself, and a new payments section closes every invoice.

Shipped · Recurly

fig. 1

The invoice, old and new. The document type now leads the page, the subtotal explains itself, and a new payments section closes every invoice.

Org

Recurly

Years

2017

Type

Billing systems

Status

Shipped · Recurly app

Org

Recurly

Years

2017

Type

Billing systems

Status

Shipped · Recurly app

Org

Recurly

Years

2017

Type

Billing systems

Status

Shipped · Recurly app

My role

Product Designer (sole designer)

Scope

The invoicing and credit-memo redesign: admin flows, 13 customer emails, and the PDF invoices

Team

1 PM · 6 engineers

Leadership

Ran the workflow’s first real usability testing; the cadence became a team habit

Shared or outside my scope

The PM owned prioritization; six engineers built across the three phases

My role

Product Designer (sole designer)

Scope

The invoicing and credit-memo redesign: admin flows, 13 customer emails, and the PDF invoices

Team

1 PM · 6 engineers

Leadership

Ran the workflow’s first real usability testing; the cadence became a team habit

Shared or outside my scope

The PM owned prioritization; six engineers built across the three phases

My role

Product Designer (sole designer)

Scope

The invoicing and credit-memo redesign: admin flows, 13 customer emails, and the PDF invoices

Team

1 PM · 6 engineers

Leadership

Ran the workflow’s first real usability testing; the cadence became a team habit

Shared or outside my scope

The PM owned prioritization; six engineers built across the three phases

CS-05

TL;DR — the case in one card

Problem

Credits were line items buried on invoices, confusing merchants and their customers alike. Standalone credit documents were a top request that touched everything.

What I did

Reframed credit memos as negative invoices, designed one document system with three types, then rebuilt flows, emails, and PDFs in three tested phases.

+21%

Untangling charges and invoices

−50%

Invoicing errors

Support-ticket data

3

Test phases

Built while designing

Timeline

6 months

Status

Shipped · Recurly app

Org

Recurly · 2017

CS-05

TL;DR — the case in one card

Problem

Credits were line items buried on invoices, confusing merchants and their customers alike. Standalone credit documents were a top request that touched everything.

What I did

Reframed credit memos as negative invoices, designed one document system with three types, then rebuilt flows, emails, and PDFs in three tested phases.

+21%

Untangling charges and invoices

−50%

Invoicing errors

Support-ticket data

3

Test phases

Built while designing

Timeline

6 months

Status

Shipped · Recurly app

Org

Recurly · 2017

01

Hundreds of billing actions a day, every one of them tedious

Recurly is a B2B2C subscription management platform: businesses run their plans, payments, invoices, and customer communications through it. So every billing design lands twice, once on the merchant’s team and once in their customers’ inboxes. Before this project, credits were added as line items on invoices, which confused both audiences, and standalone credit documents sat near the top of the feature-request pile.

I interviewed 6 merchants about their credit practices, and the tedium was the story. Customer service reps handle charges, credits, and refunds hundreds of times per day. After invoicing one, users added an account note 83% of the time, several extra steps every single time. And the refund page had a confusing interface with no way to preview the refund invoice, so what customers received was a surprise, and surprises became support tickets.

Field note

When someone repeats a flow hundreds of times a day, every extra step is a tax. The 83% account-note habit was users invoicing us for it.

fig. 1.1

Create Charge, before: one charge at a time, then a separate invoice-generation step. Credits worked the same slow way.

Legacy · before

fig. 1.1

Create Charge, before: one charge at a time, then a separate invoice-generation step. Credits worked the same slow way.

fig. 1.2

The old customer email: dense, dated, and quiet about the two things every recipient wants to know, why they got it and what they were charged.

Legacy · before

fig. 1.2

The old customer email: dense, dated, and quiet about the two things every recipient wants to know, why they got it and what they were charged.

02

The reframe: a credit memo is a negative invoice

The old model bolted credits onto whatever invoice came along next: new invoices picked up all orphan credits and charges, without a clear explanation, and emailed the customer. Instead of patching that, I reframed the document space itself. A credit memo is just a negative invoice. That one idea gave us a system of three distinct document types (charge, credit, and refund invoices) sharing one consistent design, and it matches how accountants already keep books, since credit memos are standard accounting practice.

To prove the model could stretch, I mapped the information hierarchy for invoices and customer emails across the whole system: over 45 use cases across 13 emails. One constraint shaped all of it. Technical limitations meant the email and invoice redesign had to minimize structural changes, so clarity had to come from hierarchy and language, not from rebuilding the templates.

Why it held

Good system models are borrowed, not invented. Accounting solved this document problem a few centuries before SaaS did.

The goal: make account credits easier to track and understand, for businesses and for their customers.

fig. 2.1

Email explorations. Whatever won had to hold up across 45 use cases in 13 emails, without structural template changes.

Exploration

fig. 2.1

Email explorations. Whatever won had to hold up across 45 use cases in 13 emails, without structural template changes.

03

Three calls: one document system, one combined flow, three phases

The project’s shape came down to three decisions.

Honest ledger

The costs column is real. Two of these three calls made my own job harder before they made anyone’s job easier.

DL-01

Build a negative-invoice system, not another line-item patch

Alternative considered

Keep credits as line items and patch the pain: better labels, clearer math on the invoice, smarter pickup rules.

Why it won

Distinct document types read at a glance and match accounting practice. A patched line item still needs explaining; a credit invoice explains itself.

What it cost

Scope. A document system touches everything: admin flows, 13 customer emails, the PDF invoices. Exactly why this request sat on the shelf so long.

DL-01

Build a negative-invoice system, not another line-item patch

Alternative considered

Keep credits as line items and patch the pain: better labels, clearer math on the invoice, smarter pickup rules.

Why it won

Distinct document types read at a glance and match accounting practice. A patched line item still needs explaining; a credit invoice explains itself.

What it cost

Scope. A document system touches everything: admin flows, 13 customer emails, the PDF invoices. Exactly why this request sat on the shelf so long.

DL-02

Fold invoice creation into adding charges and credits

Alternative considered

Keep the two-step model: add adjustments one at a time, then generate an invoice separately to capture them.

Why it won

One flow: multiple credits at once, reason codes, the account note inline (the 83% habit), and invoice preview before anything is created.

What it cost

A denser form that had to earn every field. Each addition went through usability testing before it was allowed to stay.

DL-02

Fold invoice creation into adding charges and credits

Alternative considered

Keep the two-step model: add adjustments one at a time, then generate an invoice separately to capture them.

Why it won

One flow: multiple credits at once, reason codes, the account note inline (the 83% habit), and invoice preview before anything is created.

What it cost

A denser form that had to earn every field. Each addition went through usability testing before it was allowed to stay.

DL-03

Split design and testing into three phases

Alternative considered

Design the full system end to end, then hand it to engineering in one drop.

Why it won

Engineering built Phase 1 while I designed Phase 2 on top. The riskiest phase got the testing, with the 8 heaviest credit-creating merchants.

What it cost

Early commitment. Phase 1 foundations were in code before Phase 3 was drawn, so the system model had to be right the first time.

DL-03

Split design and testing into three phases

Alternative considered

Design the full system end to end, then hand it to engineering in one drop.

Why it won

Engineering built Phase 1 while I designed Phase 2 on top. The riskiest phase got the testing, with the 8 heaviest credit-creating merchants.

What it cost

Early commitment. Phase 1 foundations were in code before Phase 3 was drawn, so the system model had to be right the first time.

fig. 3.1

The final Add Credit flow: multiple credits at once, a reason code, the account note where the work happens, and preview and edit before anything is created.

Shipped · DL-02

fig. 3.1

The final Add Credit flow: multiple credits at once, a reason code, the account note where the work happens, and preview and edit before anything is created.

fig. 3.2

Phase 1 testing, task 1: add multiple credits. Dashed outlines mark optional steps, so participants could find the new fields on their own.

Testing · Phase 1

fig. 3.2

Phase 1 testing, task 1: add multiple credits. Dashed outlines mark optional steps, so participants could find the new fields on their own.

04

Shipped: three document types, and emails that answer two questions

The customer email was refocused on the two questions every recipient actually has: “Why am I receiving this?” and “How much was I charged?” Invoices got the same treatment (fig. 1): the document type stands out at the top, the subtotal section reads cleanly, and a new transaction history gives a record of payments and credit usage on the document itself. The refund flow was rebuilt around clearly presented choices, quantity or a specific amount, with prorating support, an account note, and the much-requested ability to preview and edit the refund before it reaches a customer.

Merchant · testing

“The refund invoice tells me the story perfectly.”

fig. 4.1

The customer email, old and new. Same technical bones, new hierarchy: the reason and the amount lead, and the style matches the invoice it describes.

Shipped · Recurly

fig. 4.1

The customer email, old and new. Same technical bones, new hierarchy: the reason and the amount lead, and the style matches the invoice it describes.

fig. 4.2

The final refund flow: quantity or specific amount, prorating, and advanced handling for reused credit, with preview and edit before anything goes out.

Shipped · Recurly

fig. 4.2

The final refund flow: quantity or specific amount, prorating, and advanced handling for reused credit, with preview and edit before anything goes out.

05

Task success up 21%, with the benchmark receipts to show for it

Two readings of one program. The 21% is this project’s number: the summary gain across its key tasks in the Recurly app, not an app-wide figure. The per-task jumps (cancel subscription 49→100, add subscription 29→91, issue refund 20→87) are runs 1–2 of the usability benchmark I ran at Recurly, shown for context; this project came later, judged by that same script as Run 3. The benchmark has its own case study (CS-04). And per support-ticket data, invoicing errors fell by half after launch.

“YAY! You can do credit memos! We previously had to use Quickbooks.” — Merchant, usability testing

“The note makes crediting 180 people for an out of stock item a lot easier!” — Merchant, usability testing

Testing validated the system: the separation of invoice types made sense to the people who live in it. And the first quote is my favorite kind of impact, a merchant retiring their workaround in a different product because ours finally did the job.

Scoped: key tasks

Measured results · Recurly app

+21%

measured · scoped to key tasks

−50%

Invoicing errors · support-ticket data

Two readings of one program. The 21% is this project’s number: the summary gain across its key tasks in the Recurly app, not an app-wide figure. This project was judged as Run 3 of the usability benchmark I ran at Recurly, by the same script as everything before it. Invoicing errors fell by half after launch, per support-ticket data.

Scoped: key tasks

Measured results · Recurly app

+21%

measured · scoped to key tasks

−50%

Invoicing errors · support-ticket data

Two readings of one program. The 21% is this project’s number: the summary gain across its key tasks in the Recurly app, not an app-wide figure. This project was judged as Run 3 of the usability benchmark I ran at Recurly, by the same script as everything before it. Invoicing errors fell by half after launch, per support-ticket data.

06

What changed beyond the interface

This was a significant early success at Recurly, and it set the research and testing practice I used there from then on. The project taught me, early in my time at a new company, how much a close working relationship with a PM and a steady testing cadence compound: involve users throughout, and design’s impact on the business stops being an assertion. That became my default at Recurly.

Team practice, established early

The workflow’s first real usability testing — and it stuck. A steady testing cadence became my default at Recurly, and usability testing became a team habit that outlived the project.

07

Power users tell you the truth fastest

Testing the riskiest phase with the 8 top credit creators, the people who felt every extra step hundreds of times a day, meant the feedback was immediate, specific, and impossible to argue with. One page can’t hold all of it.

Closing note

The best compliment this system got was silence: three document types, and nobody had to ask which was which.