[UX] Review Gitlab.com Billing page for Ramped Subscription data
Problem
In order to support the new Zuora Orders and Ramps objects, we need to think through how ramped subscriptions should be displayed for the customers in the UI. For this issue, we need to review the current Billing page.
Notice the following:
-
💚 Subscription start date
andSubscription end date
are shown correctly (for the 3 year term) -
⚠ Seats in subscription
are showing 10, which is the correct count for Year 1, but not for Year 2 and 3
Sample Data
Here's an example from Zuora API Sandbox (copying data from Tyler's comment):
- Order: O-00062755
- Subscription: A-S00176042
- Account: A00382979
What is in Zuora :
The subscription displays the end state of the
Saas - Premium - 1 Year
charge (Quantity of 30). Technically, the Start Date shown (January 5, 2022
) doesn't reflect the quantity of 30, which does not begin until 2024.
- Ramp Period 1: 2022-01-05 to 2023-01-04, Quantity 10
- Ramp Period 2: 2023-01-05 to 2024-01-04, Quantity 20
- Ramp Period 3: 2024-01-05 to 2025-01-04, Quantity 30
Proposal
We are already showing the full ramp and ramp interval details in CDot, and replicating that here is unnecessary. We've already established a pattern where the GitLab.com billing page is just an overview of the subscription, and CDot holds all the nitty-gritty details, so we should continue that pattern for ramps.
We should focus on just showing the current subscription details in this view and updating the buttons to make sure that ramped customers can't change their subscription.
- Make sure that the
subscription start date
andend date
are for the entire multiyear subscription term (this ensures that customers don't panic thinking that their subscription is ending at the end of interval 1) - Make sure the the
seats in subscription
reflects the current number of seats in subscription (ie, if you're in interval 2 time wise, it reflects the number of seats in interval 2`) - On the subscription card, hide the
Upgrade
andAdd seats
button since customers with ramped subscriptions can't change their subscription. TheManage
button should remain visible, since that will take them to CDot to see all the details of their subscription. - If plan is Premium, hide the
Upgrade
button on the Ultimate card. TheContact sales
button should remain visible.