Add Trial Widget to SM Active Trial UX

Summary

Issue to define the UX changes needed to bring over the Trial Widget from gitlab.com into the Self-Managed active trial UX.

Context

Today, SM prospects that trial Ultimate do not have any form of "active trial" experience that informs them of basic information like the following:

  1. Active trial state - No UX informing them they are currently on a trial
  2. Active trial duration - No UX communicating how much time remains for their trial period
  3. Access to trial features - No UX communicating what paid tier/higher tier features they have access to as part of the trial period
  4. Trial expiration - No UX communicating the instance's trial period is near end or over and what actions are available to the user to continue to access paid features in the future

UX for the Active Trial widget in SM

🔗 Figma

Below is a breakdown of the UX for the Active Trial widget in SM.

Component Current SM State Updated SM State Changes from .com Design Link
Trial Widget

Project Page - SM - Active Trial - Current State.png

Project Page - SM - Active Trial - Updated State.png
  • Learn more links user to the SM Trial Discover Page
  • Upgrade links user to the about.gitlab.com pricing page
  • This widget should appear globally within the product for Owners due to the different nature of subscriptions in SM
  • Update header copy to GitLab Ultimate trial

🔗 Link

Requirements

  • Ensure that the UX matches what appears in gitlab.com
  • The Learn more CTA should link to the SM Trial Discover Page
  • The Upgrade CTA should link to the about.gitlab.com pricing page
  • Update header copy within widget to GitLab Ultimate trial
  • Asides from the header update and CTA updates, everything should look and function as it does in gitlab.com
  • Ensure that the widget appears globally within the product by Owners
  • Existing .com Snowplow tracking for the trial widget registers for SM instances that have it enabled when they interact with this element
Edited by Jesse Young