Image & Video Onboarding
This onboarding flow introduces users to Elevenlabs' Image & Video generation feature (beta). Users progress through sequential modals accepting beta terms of service, configuring data-sharing preferences, and completing security verification (hCaptcha). The flow showcases a generative AI interface with carousel previews of sample outputs (Surreal Landscape, Steampunk City) and a prompt-based input system. A long-running generation task demonstrates asynchronous processing feedback, making this ideal for studying consent patterns, feature gate architecture, and progressive disclosure in genera
Guided — step-by-step modals with consent gates and progress feedback.
- Navigate to Image & Video feature
- Accept beta terms of service
- Choose data sharing preference
- Complete security verification
- Enter generation prompt
- View generated output
- Onboarding
- AI Features
- Content Creation
- Permissions
- Minimal
- Dark Mode
- Card-heavy
- Flat Design
- Modal Progression
- Consent Flow
- Skeleton Loading
- Auto-Transition Carousel
- Loading
- Active / Selected
- Progress Indicator
- Expanded
- Beta Feature Modal Dialog
- Terms of Service Acceptance Modal
- Data Sharing Preference Toggle
- Image & Video Prompt Input
- Generation Progress Indicator
- Auto-Transition Carousel
- hCaptcha Challenge Container
- Split Content Panel
Signup + Onboarding
Complete signup and onboarding flow for ElevenLabs voice generation platform. User registers with email and password validation, completes hCaptcha verification, selects platform preference (ElevenCreative vs. standard), selects use cases via carousel (speech-to-text, voice cloning, voice overs, dubbing, sound effects, music, audiobooks), enters profile information with adult age verification, and encounters pricing plan options with currency selection before accessing the voice synthesis editor with speed and stability controls.
Guided—step-by-step progression with validation feedback and platform selection before core feature access.
- Enter email and password with validation
- Complete hCaptcha security challenge
- Select platform preference
- Choose use cases from carousel
- Enter profile details and verify age
- Review pricing plans and continue
- Onboarding
- Sign-up
- Sign-in
- Profile
- Feature Discovery
- Minimal
- Light
- Card-heavy
- Rounded
- Progressive Disclosure
- Inline Validation Feedback
- Multi-step Form Stepper
- Carousel Selection Pattern
- Loading
- Focus State
- Active / Selected
- Progress Indicator
- Disabled
- Email Input Field
- Password Input Field with Validation Checklist
- Primary CTA Button
- hCaptcha Challenge Modal
- Platform Selector Card Grid
- Use Case Multi-Select Carousel
- Pricing Plan Comparison Card
- Form Stepper with Progress
- Adult Age Verification Checkbox
- Voice Settings Slider Control