Clone Project

Split Screen Onboarding Flow

Created by
Memberstack
Similar Projects
Oops! Something went wrong while submitting the form.

0 Comments

Be the first to leave a comment.
Loading
User is typing...
No Name
Set
4 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
No Name
Set
2 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
Load More
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More
Description:  
AI Description

The Styled Onboarding – Split Screen Flow component provides a 3-step onboarding experience using a split-screen layout. The left panel showcases brand messaging with rotating testimonials and progress indicators, while the right panel contains form content for goal selection, workspace setup, and profile completion. Each step functions as a separate Webflow form that submits and redirects to the next step via URL hash, ensuring compatibility with Webflow's native form handling and Memberstack custom fields.

Key Features:

  • 3-step onboarding process with a split-screen layout.
  • Left panel for brand messaging and testimonials.
  • Right panel for user input forms including goal selection and profile completion.
  • Forms redirect to the next step using URL hash for seamless navigation.
  • Compatible with Webflow's native form handling and Memberstack.

Design Elements:

  • Split-screen layout that visually separates content for clarity.
  • Rotating testimonials to enhance brand trust.
  • Progress dots indicating the user's current step in the onboarding process.
  • Use of modern typography and icons for a clean interface.

Potential Use Cases:

  • SaaS platforms looking to onboard new users efficiently.
  • Project management tools that require user setup.
  • Collaboration software needing to gather user preferences.
  • Any service that benefits from personalized user onboarding experiences.

Conclusion: The Split Screen Onboarding Flow component is a structured and user-friendly solution for onboarding new users, making it suitable for various applications in the SaaS industry.

Description from Webflow:  
The Styled Onboarding – Split Screen Flow component is a 3-step onboarding experience using a split-screen layout. The left panel features brand messaging with rotating testimonials and progress dots that update across steps. The right panel contains the form content — goal selection, workspace setup, and profile completion. Each step is designed as a separate Webflow form that submits and redirects to the next step via URL hash, making it fully compatible with Webflow's native form handling and Memberstack custom fields.
Tags from Webflow: 
onboarding,  onboarding checklist,  user onboarding flow,  membership onboarding,  memberstack,  memberstack2,  membership,  memberships,  interactions with gsap
.