⫷ Home

Workspace Billing

The Billing Center is purposefully designed to streamline billing management, elevate overall financial operations, and provide insights into customer growth within the Workspace.

0000 0000 0000 0000

Why?

1
Scale the business model from selling site plans to selling account tiers to better suit the customer’s needs
4
Reconstruct the 3 legacy dashboards into the New Generation Workspace with accelerated performance and streamlined user experience
5
Consider avoiding development on the Legacy Dashboards to mitigate the risks of slow development speed, prolonged time-to-market, and general instability
2
Advance the concept of Workspace to provide customers with business-grade tools and services
3
Transform our hard-coded plans into configurable licenses to make billing more flexible and customizable for enterprise users
6
Unify the data model across the business, making it easier to measure and understand customer growth

Business Pain Points

Monthly:
20%
of time spent by account managers on solving billing clarification issues
Monthly:
60%
of time spent by dedicated support team on solving only overages
Monthly:
300+
Sites have traffic overages in volume
Monthly:
90+
Sites of traffic overage revenue is generated by Enterprise Customers
Monthly:
40%
of the overage revenue generated by Enterprise Customers are exempted and lost
Annually:
600+
dispute tickets related to True-up and Site Traffic Overage
Annually:
15%
of tickets result in credit memo generation
Annually:
$0.5 Million
worth of credit memos are issued

Meet Tyler

Project Details

Timeline 2020-2022

Information Architecture

Discover
&
Define

Research Focused

All the artifacts, decisions, and consensus are derived from the extensive research I conducted, including

  • a heuristic evaluation of the legacy product, user entitlements and account hierarchy (Account Hierarchy Report, Entitlement Map)

  • user interviews to gain deeper insights into customer pain-points and needs

  • competitive analysis of other enterprise products

  • engineer workshops to understand their vision and exchange ideas for product development.

Design Solution

1. Navigation

Workspace billing will live under the workspace setting tab within the secondary navigation "Billing Overview".

Benefit:
Easily access billing information specific to the current workspace.

2. Subscriptions

User has a comprehensive view of all subscriptions, including site plans and account tiers.

Benefits:
Tabular view of launched sites with site plan details, renewal dates, and easy pagination, filtering, and search options.
All actions are consolidated into one dropdown menu, eliminating the need to navigate between multiple locations (Legacy User Dashboard, Legacy Site Dashboard, Site Plan Checkout, Site Plan Cadence Wizard).

3. Invoices

User can access a complete invoice history, effortlessly download invoices as PDFs, and conveniently search by invoice number, date, and payment method.

Benefits:
Invoices are now decoupled from payers, sites, and payment methods, and are exclusively stored in the backend under the Workspace.

4. Payment Methods

Users can effortlessly add payment methods without making a purchase, access card information, readily identify expired cards, and easily remove them as needed.

Benefits:
Payment Methods are now decoupled from specific payers and sites, collectively handled under the Workspace. This eliminated the learning curve of payment-site-payer association.

User Testing

As the designer in this project, I was fortunate enough to partner with our sales engineers to hand select 10 customers (both of credit card customers and contracted customers).
I set up hour-long calls with each, and alongside my product manager, we used this time to conduct moderated usability testing. We shared the clickable prototype, and observed them as they navigated the interface and gave their feedback.

All of our notes from these sessions (including the script, and our analysis) are captured in a sheet like the one below.


This process took a few weeks. At the end, we analyzed our notes and we presented the findings to the entire product team and  finance team.

Test Findings

All the questions I had were answered easily in the interface?"

- Financial Administrator
10/10

All 10 participants from the finance and accounting department found the design to be highly intuitive, easy to navigate, and self-explanatory.

8/10

Out of the 10 participants, 8 were able to locate the billing information within a span of 60 seconds.

5/10

Among the participants, 5 out of 10 individuals mistakenly clicked on the User Avatar, assuming that the billing information would be located under the "Account" section in top navigation.

Billing Admin?

Based on my previous research, I discovered that in larger organizations, the individual responsible for billing may not necessarily be Tyler. It could be an accountant who logs in only for billing audits.

This raised two key questions in my mind:
How would users react if all administrators had access to and used all payment methods within a Workspace?
Does Pantheon need to introduce or modify existing roles for this project?

With these questions in mind, I promptly conducted another round of research with 6 selected customers.

1. We conducted a Card Sorting exercise where participants were provided with cards representing different permissions. Their task was to categorize the cards into predetermined groups (Admin, Team Member, Developer, Unprivileged) or create new groups as necessary.

2. In the Hypothetical User Scenarios, participants were presented with mockups of situations and asked behavioral questions to gauge their thoughts and identify potential issues for their team.

Conclusion

The majority of participants (5 out of 6) emphasized the importance of a dedicated Billing Admin role for large organizations to effectively handle their billing processes.

However, the absence of a Billing Admin role in the next 6 months is not considered a critical obstacle as participants have successfully implemented workarounds for the past 10 years.

Introducing an additional role has the potential risk to expand the project scope and cause delays, requiring increased engineering effort.

Out of Scope

- Transition the pricing and packaging framework from selling Site Plans to selling Account Tiers
- Redesign the Checkout Flow to allow users to purchase account tiers and site plans for their Workspaces
- Develop a Pantheon Internal Tool for Customer Success Engineers to view Zuora accounts and subscriptions
- Introduce Billing Admin/Billing Manager as a role into Workspace Roles and Permissions.
- Introduce Billing Center for Enterprise customers

MVP Release

In November 2021, we launched the new Billing Center for all credit card customers. Over the next four weeks, our scrum team diligently reviewed and discussed customer feedback, enabling us to initiate bug fixes and implement improvements. Additionally, we leveraged the new Billing Center to incentivize users to transition to the new Workspace dashboard, establishing a mental model of the Workspace-centered architecture.

Early Adoption

Enterprise Invoice

Given the intricate nature of the Billing architecture, the Enterprise Billing Center was deemed out of scope. However, this does not mean it was overlooked.

Following the November release, my Product Manager and I conducted a thorough review and determined the Enterprise Invoice as the next priority, considering the limitations in available resources during the holiday season.

Takeaway