The Styled Onboarding – Card Wizard Flow component is a 4-step onboarding wizard presented as a centered card on a tinted background. A horizontal progress bar fills across all four steps, providing clear advancement feedback. Each step collects different types of input — role selection, interest tagging, referral source tracking, and a completion screen with next-action cards. All selections are designed to map directly to Memberstack custom fields via standard Webflow form elements.

Key Features:

• 4-step onboarding process with a clear progress bar indicating advancement.
• Customizable input fields for role selection, interest tagging, and referral source tracking.
• Integration with Memberstack for user data management.
• Responsive design suitable for various devices.

Design Elements:

• Centered card layout with a tinted background for emphasis.
• Horizontal progress bar that visually indicates the user's progress through the steps.
• Use of icons and descriptive text to enhance user understanding and engagement.

Potential Use Cases:

• SaaS platforms looking to onboard new users effectively.
• E-commerce websites wanting to personalize user experiences based on interests.
• Membership sites that require user role identification during signup.

Conclusion: The Card Wizard Onboarding component provides a structured and visually engaging way to guide users through an onboarding process, making it suitable for various applications in user engagement and data collection.