Designing the model behind modern SaaS pricing

Three years as Stigg’s sole product designer, from seed through Series A, designing across a monetization and entitlements platform and partnering with product, engineering, customers and internal stakeholders from research through post-launch refinement.

Focus
Product design, UX research, design systems
Design scope
Core platform workflowsCustomer and stakeholder researchBilling and entitlement interaction modelsDesign system established for the platform

Pricing decisions have to become product behavior

A plan may begin in a spreadsheet, but the product still has to know what every customer can access.

As SaaS companies grow, pricing decisions spread across billing, application code, sales agreements and customer experiences. Stigg creates one shared model so those decisions become reliable product behavior.

Business inputPricing strategyPlans · Packaging
→
Shared modelStiggProduct Catalog · Subscriptions · Entitlements
→
BillingCharge the customer
Product accessEnforce entitlements
Customer experienceShow plans and usage

The tools were capable. The mental model was fragmented.

As part of my research, I studied how teams described pricing decisions and how competing products represented them.

I combined customer and stakeholder conversations with a review of Stripe, Chargebee, Maxio, Metronome and Orb. The work followed one connected path: define access, package it by plan, activate it for a customer and carry the result into the product experience.

What the research established

People think in customers and plans.The system still needs products, charges, features and entitlement values.

B2B agreements need exceptions.Flexible configuration cannot make the default path feel unsafe or unpredictable.

The result must stay visible.Users need to understand the subscription they are assembling before they create it.

A pricing change touches more than billing

A product team wants to launch a plan with 25 seats, premium support and a monthly API limit. The decision begins with pricing, but billing, entitlement logic, application behavior and the customer experience must remain aligned.

The design challenge was not creating another configuration screen. It was giving every team one shared representation of that decision.

The model behind product access

The challenge was giving teams flexibility without exposing the complexity of the underlying authorization model.

I separated capabilities into Features and their rules into Entitlements, creating one interaction model for boolean access, metered usage, numeric limits and configuration values.

Hover for details

Interactive walkthrough. Best viewed on desktop.

One capability, different levels of access

The challenge was preserving one shared capability while allowing it to mean something different in every plan.

Feature Groups create the commercial layer: related features can be packaged and reused across plans while each tier retains its own entitlement values.

Interactive walkthrough

Create new feature group

Features
Support levelfeature-localizedaccess
Surge protectionfeature-surgeprotection
Bandwidthfeature-bandwidth
Real-life product view

Interactive walkthrough. Best viewed on desktop.

Turning a plan into a customer subscription

The challenge was preserving flexibility without making a high-impact workflow feel unpredictable.

I connected the customer, product and plan in one flow, keeping charges, schedule and billing decisions in context while a persistent preview made the result clear before creation.

Interactive workflow
Customers / Jared Dunn / Create subscription
Jared Dunnjared@piedpiper.com · customer-abc1234

Subscription content

Plan configuration

ChargeQuantityPrice
Base chargeRecurring platform fee
1
$20.00/month
Seatsfeature-seat
2
$39.00seat / month
API Callsfeature-api-calls
10,000
$0.01call / month
Templatesfeature-templates
3
$12.00template / month

Subscription schedule

Effective date
Ends at

Free trial

Trial period⇄

Discount

Coupon

Billing

Payment method on file · •••• 4242

Interactive walkthrough. Best viewed on desktop.

One brand system, rendered with a company’s product data

The challenge was separating presentation from data without making either side feel disconnected.

I separated presentation from Product Catalog data through reusable themes for Checkout, Pricing Table, Customer Portal and Power-up Badge, with a live preview showing the result before publishing.

Pricing table preview
Essentials

$49/ month


Includes:
  • 10,000 API calls
  • 3 templates
  • 5 seats
Growth

$149/ month


Includes:
  • 100,000 API calls
  • Unlimited templates
  • 20 seats
Scale

Customannual


Includes:
  • Custom API calls
  • Unlimited templates
  • Custom seats

Interactive walkthrough. Best viewed on desktop.

One product language, carried from customer decisions into delivery

A connected product model

Features, Entitlements, Feature Groups and Subscriptions became connected parts of one production workflow rather than separate configuration concepts.

Still at the core of the product

The workflows shipped in Stigg’s platform and supported real customer pricing, packaging and access configurations. Feature Groups and the entitlements model remain part of the product today.

Designed to evolve

Shared tokens, implementation-ready specifications and Storybook components supported delivery, while FullStory sessions guided post-launch refinements.

Complexity becomes useful when consequences stay visible

Complex systems do not need to feel simple, but the decisions within them must remain understandable.

Across each workflow, clarity came from showing relationships, keeping consequences in context and giving flexible paths a dependable default.