Highlight tier in free namespaces at Group/Project overview along with options on what they can do next
Summary
We believe it can be hard for users in multiple groups and/or projects to understand what tier those groups/projects are in. In this experiment, we will test providing additional context at the point where we list a group or project name indicating that group/project is in a free tier. If the user hovers over this badge then they are presented with a flyover pitching the value of the paid products along the CTAs on how to proceed.
Design
In the control the users will get the same experience that exists today where we do not highlight the paid tier. In the experiment as seen below we will highlight the tier on the project, group overview pages as well as on the group/project list pages.
current state | Future state |
---|---|
This type experience should appear in both the project and group overview pages |
Design specs
Final copy for the flyout:
- Text: Free
-
Header:
🚀 Enhance team productivity - Copy: This namespace uses the Free GitLab tier. Want to enhance team productivity and access advanced features like Merge Approvals, Push rules, Epics, Code Review Analytics, and Container SCanning? Try all GitLab has to offer for free for 30 days. No credit card required.
-
Primary CTA:
Start a free trial
-
Link destination:
gitlab.com/-/trials/new?glm_source=gitlab.com&glm_content=overview-free-tier-highlight
-
Secondary CTA:
Compare all plans
-
Link destination:
gitlab.com/groups/{group_URL_path}/-/billings
Tracking Details
-
json schema used in
gitlab-experiment
tracking. - see taxonomy for a guide.
- dimensions on
namespace_id
anduser_id
category | action | Label | Notes (reference for this issue, not an actual snowplow event property) |
---|---|---|---|
default from page fired on | render_badge |
tier-badge |
Event fires when the badge is displayed in the UI to a user |
default from page fired on | render_flyout |
tier-badge |
Event fires when a user hovers over the badge and triggers the flyout to appear |
default from page fired on | click_start_trial_button |
tier-badge |
Event fires when a user clicks start a trial |
default from page fired on | click_compare_plans_button |
tier-badge |
Event fires when a user clicks compare plans |
Edited by Sam Awezec