Please help me to design the Activation Wizard (10–15 min, guided, skippable) based on all the context provided in the PDF
I'll help you design the Activation Wizard for Chekin's AI context collection system. This is a comprehensive onboarding flow that needs to be both thorough and user-friendly. Let me start by generating design inspiration for this multi-step wizard interface.
Now I have a comprehensive design brief for the Activation Wizard. Let me create the wizard interface based on the 10-step flow outlined in your document and the design specifications.
Now I'll create the Activation Wizard based on the comprehensive plan from your document. I'll build a modern, step-by-step wizard that follows the 10-step flow you outlined, with proper design tokens and a user-friendly interface.
I've created a comprehensive Activation Wizard for Chekin's AI context collection system based on your detailed specification. The wizard includes:
Key Features:
- 10-step guided flow matching your document exactly (Brand Defaults, Policies, Access, House Manual, Upsells, Contacts, Hotels Only, Languages, Review & Gaps, Safety & Data)
- Progress tracking with visual indicators and completion percentages
- Responsive design that works on desktop, tablet, and mobile
- Smart validation and real-time feedback
- Professional hospitality aesthetic with rose/pink accent colors
Notable Implementation Details:
- Each step is a separate component for maintainability
- Form data persists across steps with auto-save functionality
- The Review & Gaps step provides an AI readiness score and identifies missing information
- Hotel-specific features are conditionally shown
- Multi-language support with translation settings
- Comprehensive safety and data protection controls
- Visual progress indicators and completion badges
The wizard follows your 10-15 minute target timeframe with clear step estimates and allows users to skip sections while highlighting the impact on AI capabilities. The interface balances comprehensive data collection with user-friendly design patterns that hospitality professionals will find intuitive.
can you change a bit the colours and make it look like more shadcn ish? with mostly white and some soft blue. Similar to the style we have at Chekin attached
I can see the Chekin interface with its clean design - primarily white backgrounds, vibrant blue header, and soft pastel accent colors for the metric cards. Let me update the activation wizard to match this shadcn-style aesthetic with the blue color scheme.
Now I'll update the color scheme to match the Chekin design with clean whites and soft blue accents, following the shadcn aesthetic shown in the screenshot.
I've updated the activation wizard to match Chekin's clean, shadcn-style design aesthetic. The color scheme now uses primarily white backgrounds with soft blue accents (#4f46e5 for primary, #3b82f6 for secondary blues), clean slate grays for text, and subtle borders. The design maintains the professional, minimal look shown in your Chekin interface screenshot while keeping all the functionality intact.