Capital one

Dealer Billing

Dealerships paying for Auto Navigator were managing subscriptions through a default Stripe dashboard. I designed a new billing experience that brought invoices, payment methods, and dealership accounts together with clear paths to resolve overdue balances and enable AutoPay.

Role

Product Designer, owning the design end to end with feedback from my design director

Scope

Billing dashboard, AutoPay, invoice payments, payment methods, and a view across dealerships

Audeience

Dealerships paying for Auto Navigator, from single stores to groups managing several locations

Outcome

Leadership reported a 40% reduction in accounts with overdue payments

Overview

Auto Navigator started as a free product for dealerships. When it became paid, billing ran through a default Stripe dashboard. Dealers could make payments, but the experience lacked the tools they needed to keep track of invoices, automate recurring bills, and manage multiple locations.

I owned the design of a new billing dashboard, working with feedback from my design director and partnering with research on dealership interviews. The goal was to make everyday billing easier to manage, with a particular emphasis on helping dealers adopt AutoPay.

PROBLEM & RESEARCH

The bill was there. The visibility wasn’t.

Many accounts became overdue because invoices weren’t being seen. Working with our research partner, I helped uncover where dealerships needed more support: paying automatically, finding billing records, and moving between locations. Those needs shaped both the dashboard’s priorities and the actions available within it.

AutoPay on the bill.

Dealers wanted to pay automatically and couldn’t. The toggle now sits under the monthly cost.

Invoices a click away.

History and downloads were buried. They’re on the dashboard, with an overdue notice that points to payment.

One selector for every location.

Groups couldn’t move between stores. A global dropdown scopes the whole account.

The Dashboard

A clearer view of what needed attention.

I organized the experience around two levels: a view across dealerships and a detailed view of one location. Users could identify which dealership needed attention, then open its dashboard to manage invoices and payments. Within each dealership, monthly cost, AutoPay, payment details, and billing history stayed together. An overdue notice provided a direct next step, while invoice statuses made it easier to distinguish what was paid, upcoming, or overdue.

Capital One Auto Navigator billing dashboard showing all dealerships

Across dealerships. Compare balances and payment statuses before opening a location’s billing details..

Capital One Auto Navigator billing dashboard for a single dealership

Within a dealership. Review the next bill, manage payment settings, and act on outstanding invoices

AUTOPAY

One less monthly task to remember.

AutoPay was a central goal of the redesign, so I placed it directly beneath the monthly cost instead of making dealers search through settings. The off state explains what enabling it does. The on state shows the scheduled date and funding account.

Both states communicate what happens next without requiring another click. Dealers could also choose AutoPay during onboarding, making automatic payments part of getting started.

Review the details. Then turn it on.

Before enabling AutoPay, dealers could review the payment schedule and funding account together. The setup modal kept those details close to the dashboard and provided a way to change the payment method before confirming.

This made the commitment explicit: which account would be used, when the payment would happen, and what the dealer was turning on.

INVOICES

Every invoice, its status, and a way to pay it.

Billing history needed to support both record keeping and action. Dealers could review invoice statuses, download individual records, or select multiple invoices to download or pay together.

The selection state made the next step clear. Bulk actions became available when invoices were selected, while pagination kept a growing billing history manageable.

Billing history needed to support both record keeping and action. Dealers could review invoice statuses, download individual records, or select multiple invoices to download or pay together.

The selection state made the next step clear. Bulk actions became available when invoices were selected, while pagination kept a growing billing history manageable.

Billing history with no invoices selected

Nothing selected. Each unpaid row keeps its own Pay action, while Download all stays available.

Billing history with two invoices selected

Two selected. The header actions update with the selected count and total.

RESPONSIVE

Three mobile billing states: overview, invoices, and every location

Billing that fits the screen.

The responsive layout brings the same billing tasks onto a smaller screen: reviewing the monthly cost, checking AutoPay, and finding invoices. The content stacks vertically while keeping the most important information and actions easy to reach.

Invoice details remain grouped with their status and payment controls, so users can follow the same billing flow without relying on the desktop layout.

OUTCOME

40%

Reduction in accounts

with overdue payments

Less overdue.

Less to keep track of.

Following launch, leadership reported fewer accounts with overdue payments. The redesign made outstanding invoices visible and gave dealerships clearer ways to manage recurring bills.

LARGER DEALERSHIPS

Less recurring follow-up.

Larger dealers valued being able to enable AutoPay and let monthly payments run without repeating the same manual task.

SMALLER DEALERSHIPS

Easier access to the details.

Smaller, more hands-on dealers appreciated the improved billing history and easier access to the invoices they needed.

Projects

MySG

The Drop

Scope

Click2Match

Performance SS

[ Linkedin ]