F
Concept ProductNot Affiliated With Any Company

Fintra

Reimagining SaaS Billing for Growing Teams

Fintra is a concept product built from patterns observed across modern SaaS billing experiences and recurring administrator complaints — exploring how billing, subscriptions, and payment recovery can become more transparent for teams that are scaling fast.

RoleProduct Designer
Timeline3 weeks
PlatformWeb Application
ToolsFigma, FigJam, Claude, ChatGPT

Project Overview

Simplifying subscription management for modern SaaS teams

Growing SaaS companies rely on administrators to manage billing for entire teams. Rather than focusing on collaboration features — the usual portfolio subject — this case study explores one overlooked but business-critical experience: billing.

Understand exactly what you’re paying for
Confidently add or remove seats
Recover from failed payments without support
Access invoices in seconds, not menus
Never see a surprise charge

Why Billing?

Usually Skipped

Collaboration features, dashboards, onboarding flows

Rarely Explored

Billing, payment recovery, admin trust

The moments users hope they never have to experience are often the highest-impact design opportunities.

Background

As Teams Scale, Billing Gets Harder to Trust

Seat counts constantly change
Invoices become difficult to understand
Payment failures create account disruptions
Support tickets increase
Administrators lose confidence in pricing

The Challenge

Create a billing experience that helps administrators…

Understand exactly what they’re paying for
Confidently add or remove seats
Recover from failed payments
Access invoices quickly
Avoid surprise charges

…while reducing support volume.

The Problem

Recurring Complaints Across SaaS Billing

Unexpected charges

Adding a teammate silently changes the bill with no warning.

Unclear seat pricing

Admins can’t tell what the next seat will actually cost.

Confusing invoices

Layouts built for accountants, not busy administrators.

Hidden proration

Mid-cycle changes produce charges nobody can explain.

Account lockouts

A failed card silently locks the whole team out.

Difficult recovery

Fixing a failed payment often requires contacting support.

Support teams reported that billing questions represented a significant share of administrative tickets.

Research

Understanding How Admins Manage Billing

Goal: understand how administrators manage SaaS billing and identify the moments that create confusion. As a concept project, research was grounded using real, publicly observable patterns rather than a live user base.

Comparative Analysis

Billing experiences across leading SaaS products

Community Discussions

Recurring billing complaints in public forums and reviews

Support Documentation

Help-center articles revealing common billing confusion

Simulated Interviews

Composite administrator personas grounded in common patterns

Personas

Three Administrators, Three Levels of Scale

S

Sarah

Operations Manager

Company size: 18 employees

I never know how much adding another employee will cost.

D

Daniel

Startup Founder

Company size: 7 employees

Our payment failed while I was traveling. Everyone suddenly lost access.

M

Maya

Finance Manager

Company size: 120 employees

I spend too much time explaining invoices to accounting.

Journey Map

Where Growth Turns Into Friction

🙂Create Account
🙂Choose Plan
😊Invite Team
😐Need More Seats
😕Unexpected Charge
😬Payment Failure
😡Account Restricted
😩Contact Support
😑Wait
😌Resolve

The biggest friction consistently occurred after teams began growing — exactly where Fintra intervenes.

Key Insights

What the Research Revealed

1

Admins fear hidden costs more than higher prices.

Transparency matters more than discounts.

2

Seat changes feel unpredictable.

People want immediate cost feedback before confirming changes.

3

Failed payments should never feel like punishment.

Users expect warnings before losing access.

4

Invoices are built for accountants, not admins.

Busy administrators need a faster, plainer summary.

Design Principles

Four Rules Every Screen Follows

Transparency

Every pricing change is visible before confirmation.

Recovery

Mistakes are recoverable without contacting support.

Confidence

Every billing action feels predictable.

Clarity

Financial jargon is reduced to plain language.

Competitive Audit

How Other SaaS Products Handle Billing

A review of five widely used B2B products, focused specifically on their billing and subscription-management flows.

ProductWhat Works WellWhere Friction Remains
Stripe (Billing)Extremely clear line-item invoices; strong developer-facing docsEnd-user admin console feels built for engineers, not admins
NotionSimple per-seat pricing displayAdding guests vs. members creates confusing cost surprises
SlackClear active-vs-billed user reconciliation at renewalDowngrade path is buried several menus deep
AsanaTransparent seat-tier breakpointsFailed payment messaging is easy to miss in-product
LinearMinimal, uncluttered billing pageNo proration preview before confirming a seat change

The common gap: almost none of them show a live cost preview before a seat or plan change is confirmed. Fintra makes that the default.

The Solution

Five Systems, One Predictable Bill

01 · Seat Management with Live Cost Preview

Problem

Adding teammates immediately changed billing without enough visibility.

Solution

A live pricing calculator updates instantly as administrators change seat counts — current seats, new seats, monthly difference, prorated amount, and next invoice preview, all before confirming.

Try it — adjust the seat count on the right.

app.fintra.io/billing/seats

Manage Seats

Changes apply immediately. You'll only pay the prorated difference today.

Seats on your plan

24

Base plan seats20
New seats24
Monthly difference$48.00
Prorated charge today (18 days left)$28.80
Next invoice on Aug 1 will reflect 24 seats at $12/seat — $288.00/mo.

Screen 01 · Live Seat Management (interactive)

02 · Billing Dashboard

Everything Visible, Nothing Hidden

A redesigned overview showing current plan, next payment, payment method, upcoming invoice, recent charges, and usage — all on a single screen, with no information buried behind a settings menu.

app.fintra.io/billing

Growth Plan

Renews Aug 1, 2026

Active

Next payment

$288.00

Seats used

24 / 24

Payment method

Visa ••4482

Upcoming invoice

24 seats · Aug 1, 2026

$288.00

Recent charges

Jul 1, 2026$276.00
Jun 1, 2026$264.00

Screen 02 · Billing Dashboard

03 · Redesigned Invoice History

From Hidden PDFs to a Searchable Ledger

Instead of PDFs buried in a menu, Fintra introduces search, filters, one-click receipt downloads, invoice status, tax breakdowns, payment method per invoice, and CSV export for finance teams.

app.fintra.io/billing/invoices
Search invoices…
InvoiceDateAmountTaxStatus
INV-1042Jul 1, 2026$288.00$14.40Active
INV-1031Jun 1, 2026$276.00$13.80Active
INV-1020May 1, 2026$264.00$13.20Past Due

Screen 06 · Invoice History

04 · Payment Failure Recovery

A Failed Card Should Never Feel Like Punishment

Old Experience

  1. 1Payment fails
  2. 2Account locks
  3. 3Support ticket
  4. 4Frustration

New Experience

  1. 1Payment fails
  2. 2Large warning banner appears
  3. 37-day grace period begins
  4. 4Email reminder sent
  5. 5Admin updates card
  6. 6Payment retries automatically
  7. 7No interruption
app.fintra.io/billing

Your last payment didn't go through

Your team keeps full access for the next 7 dayswhile you update your payment method. We'll automatically retry on Jul 29.

Grace period: 6 days remaining· Next automatic retry: Jul 29, 2026

Screen 09 · Failed Payment Banner + Grace Period

05 · First-Time Billing Setup

Guided, Not Dropped Into a Settings Page

New admins are guided through choosing a plan, adding a payment method, understanding seat pricing, and reviewing the billing cycle — with microcopy explaining every step instead of a bare form.

Click through the wizard on the right.

app.fintra.io/setup

Step 1 of 5

Choose plan

Choose the plan that fits your team size today — you can change this anytime.

Screen 11 · First-Time Billing Setup Wizard (interactive)

Additional Screens

Rounding Out the Full Flow

app.fintra.io/billing/plan

Growth Plan

Active
Seats included24
Price per seat$12.00/mo
Billing cycleMonthly
Renewal dateAug 1, 2026

Screen 02b · Subscription Overview

app.fintra.io/billing/payment-methods

Payment Methods

Visa •••• 4482
Default
Mastercard •••• 1190

Screen 08 · Payment Method Management

app.fintra.io/billing/invoices/INV-1042

Invoice INV-1042

Active
24 seats × $12.00$288.00
Tax (5% VAT)$14.40
Total$302.40

Screen 07 · Invoice Details

app.fintra.io/billing/update-card

Update Payment Method

Card number •••• •••• •••• ____
MM / YY
CVC

Your team keeps access while we retry.

Screen 10 · Update Card Flow

Upgrade to Scale Plan

You'll be charged a prorated amount today, then $18/seat/mo starting Aug 1.

Prorated charge today$86.40

Screen 04 · Upgrade Plan Modal

Confirm Downgrade

Your new plan supports 15 seats. You currently have 24 active members — 9 will lose access on Aug 1 unless you remove them first.

Screen 05 · Downgrade Confirmation

Screen 12 · Mini Design System

Built From a Small, Reusable Component Set

Pricing Card

Growth

$12/seat/mo

Status Banner

Payment failed

Primary Button

Billing Badge / Payment Status Chip

ActivePast DueTrial

Form Field / Dropdown

Company name
Monthly billing

Notification / Success Toast

Payment method updated

Empty State

No billing alerts right now

Usage Chart

Accessibility

Billing Clarity Has to Work for Everyone

High color contrast throughout
Large, forgiving click targets
Full keyboard navigation
Screen-reader labels on every control
Consistent iconography across screens
Error messages written in plain language

Edge Cases

Designing for the Scenarios That Break Billing Systems

A billing system is only as trustworthy as its handling of edge cases — the moments most billing UIs quietly ignore.

Removing seats below active users

Fintra blocks the downgrade and routes the admin to remove specific members first, rather than silently revoking access.

Expired corporate cards

A 14-day advance warning fires before expiry, not after the first failed charge.

Duplicate subscriptions

Fintra detects a second active subscription on the same workspace and prompts to merge, preventing double billing.

Tax / VAT changes

Updating a billing region recalculates and previews tax before the next invoice is generated, never after.

Admin vs. finance permissions

Finance roles can view and export invoices without the ability to change seats or plans — and vice versa.

Business Impact

Why This Isn't Just a UX Problem

Lower support costs

Self-serve transparency deflects the billing questions that make up a large share of admin tickets.

Improved subscription retention

Admins who trust their bill are far less likely to churn out of frustration or confusion.

Reduced involuntary churn

A grace period and automatic retries recover revenue that would otherwise be lost to a single failed card.

Builds durable trust

Transparent billing becomes a quiet differentiator admins mention when recommending the product internally.

Projected Outcomes

Success Metrics

If launched, these are the outcomes Fintra would be measured against — projected estimates for this concept, not measured production results.

-42%

Billing support tickets

-63%

Time to recover failed payments

+38%

Invoice download completion

-31%

Average billing task completion time

4.7/5

Admin satisfaction

Reflection

The Highest-Impact Work Is Often the Least Visible

This project reinforced that great product design isn't only about creating beautiful interfaces. Some of the highest-impact opportunities exist in moments users hope they never have to experience — billing confusion, payment failures, and account management. By designing for transparency rather than complexity, Fintra transforms billing from a support burden into a predictable, trustworthy experience.

Back to Projects