[Engineering] Implement a shared boilerplate layout for the First Mile
Overview
To reduce the complexity of our code, designs, and user experiences, we'd like to standardize the layout for the First Mile (registration), trial, and in-app flows.
More information on the problem and proposal are discussed in #323086 (closed)
This Engineering issue is tackling a subset of the work described in #323086 (closed), specifically the creation of the boilerplate layout and implementing it within the First Mile. It does not include the in-app checkout flow.
Specs Breakdown
- Main Container ->
Max-width: 990pxwith15pxpadding on both side. - Gutter ->
30px
This grid layout and breakpoints are based on Bootstrap 4.5 grid system.
Scope of work
-
Implement the new header, background, and grid design in #323086 (closed) 🔎 Design file-
Use our default Bootstrap grid to get us up and running
-
Deploy the layout in the First Mile
Running experiments that need to be accounted for
| Experiment | Description | Where it iterates with first-mile experience | Status |
|---|---|---|---|
| MVC trial onboarding | defaulting trial signups to issue board onboarding | Final page of first mile (last page before entering the product) | Experiment is live, awaiting product analyst review |
| Optional step to invite colleagues during signup | Provides new signups the (optional) opportunity to invite colleagues before entering the product | Dedicated page after group creation | Experiment is live, awaiting final team approval on results |
| Continuous onboarding | New location in-app to manage onboarding experience | Final page of first mile (last page before entering the product) | Experiment is live, went live in 14.0 |
| Optional step to start trial during free signup | Provides users with an optional step to start a trial during free signup (first mile) | On group creation page | Experiment successful, cleanup scheduled for 14.0 |
| Add reassurance to trial signup form | Adds reassurance/social validation to trial signup form | new user SaaS trial signup page | Experiment engineering work scheduled for 14.0 |
| Ensure net new users are required to complete onboarding steps (first mile) | Ensures users can't exit the first mile by clicking 'back' 'skip trial' or leaving/resuming the sign process at a later time | Recording what steps in the first-mile have or have not been completed | Engineering work scheduled for 14.0 |
| JTBD collection | collect the JTBD of the user in First Mile | First page after email validation and log in | Live |
Edited by Michael Karampalas