Skip to content

UX Implementation for duo pro

Serhii Yarynovskyi requested to merge 432302-code-suggestions-trial-ux into master

What does this MR do and why?

This is only the UX part without actual trial endpoint.

Design user experience flows for Duo Pro trial for SaaS (gitlab.com). Includes MVC concepts for:

  1. CS Trial registration experience
  • Logged-in experience (/-/trials/duo_pro/new path)

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

desktop mobile
Screenshot_2024-01-18_at_16.24.34 Screenshot_2024-01-18_at_16.24.59
Screenshot_2024-01-18_at_16.25.16 localhost_3000_-trials_code_suggestions_new_namespace_id_748_iPhone_14_Pro_Max
Screenshot_2024-01-18_at_16.25.52 Screenshot_2024-01-18_at_16.25.58
Screenshot_2024-01-18_at_16.27.23 Screenshot_2024-01-18_at_16.27.16

How to set up and validate locally

  • Setup GDK to simulate SaaS.
  • Sign up. Visit /-/trials/duo_pro/new.
  • Make sure it returns 404.
Feature.enable(:duo_pro_trials)
  • Visit /-/trials/duo_pro/new. Submit the form.
  • Make sure you are offered to create new group.
  • Create a group. Visit Settings -> Billing page.
  • Click Start a free Duo Pro trial. Submit the form.
  • Make sure you have group selected on the next page.

Related to #432302

Edited by Serhii Yarynovskyi

Merge request reports