SIGN_UP Category

SIGN_UP Category

The SIGN_UP category is designed for user registration and account creation flows. Use this category when collecting user information to create new accounts, register for services, or onboard new users.

Category Specification

Code
{
  "flowCategories": ["SIGN_UP"]
}

Use Cases

Perfect for SIGN_UP

• Account Creation - New user registration
• Service Registration - Signing up for services or platforms
• Membership Enrollment - Joining programs or memberships
• Profile Setup - Initial user profile configuration
• Onboarding Flows - New user welcome and setup processes

Not Suitable for SIGN_UP

• Login processes - Use SIGN_IN instead
• Contact forms - Use CONTACT_US instead
• Survey collection - Use SURVEY instead
• Booking systems - Use APPOINTMENT_BOOKING instead

Recommended Components

Essential Components

• TEXT_INPUT - Name, email, phone number collection
• OPT_IN - Terms acceptance, privacy consent, marketing preferences
• FOOTER - Account creation submission
• CAPTION - Explanatory text and legal notices

Optional Components

• PHOTO_PICKER - Profile picture upload
• DROPDOWN - Country, industry, or category selection
• CHECKBOX_GROUP - Interest selection, feature preferences
• DATE_PICKER - Date of birth, subscription start date
• DOCUMENT_PICKER - Identity verification, business documents

Implementation Examples

Basic Account Registration

Code
{
    "flowName": "basic_account_registration",
    "flowCategories": ["SIGN_UP"],
    "flowJson": {
        "screens": [
            {
                "id": "REGISTRATION_FORM",
                "terminal": true,
                "success": true,
                "title": "Create Your Account",
                "layout": {
                    "children": [
                        {
                            "type": "TEXT_HEADING",
                            "text": "Welcome! Let's create your account"
                        },
                        {
                            "type": "TEXT_INPUT",
                            "label": "Full Name",
                            "name": "full_name",
                            "required": true
                        },
                        {
                            "type": "TEXT_INPUT",
                            "label": "Email Address",
                            "name": "email",
                            "required": true,
                            "inputType": "EMAIL"
                        },
                        {
                            "type": "TEXT_INPUT",
                            "label": "Phone Number",
                            "name": "phone",
                            "required": true,
                            "inputType": "NUMBER"
                        },
                        {
                            "type": "CAPTION",
                            "text": "By creating an account, you agree to our Terms of Service and Privacy Policy"
                        },
                        {
                            "type": "OPT_IN",
                            "label": "I agree to the Terms of Service and Privacy Policy",
                            "name": "terms_accepted",
                            "required": true
                        },
                        {
                            "type": "OPT_IN",
                            "label": "Send me product updates and promotional emails",
                            "name": "marketing_consent",
                            "required": false
                        },
                        {
                            "type": "FOOTER",
                            "label": "Create Account",
                            "onClickAction": {
                                "name": "COMPLETE"
                            }
                        }
                    ]
                }
            }
        ]
    }
}

Multi-Step Business Registration

Code
{
    "flowName": "business_registration_multi_step",
    "flowCategories": ["SIGN_UP"],
    "flowJson": {
        "screens": [
            {
                "id": "PERSONAL_INFO",
                "terminal": false,
                "success": false,
                "title": "Personal Information",
                "layout": {
                    "children": [
                        {
                            "type": "TEXT_HEADING",
                            "text": "Personal Information"
                        },
                        {
                            "type": "CAPTION",
                            "text": "Step 1 of 3: Tell us about yourself"
                        },
                        {
                            "type": "TEXT_INPUT",
                            "label": "First Name",
                            "name": "first_name",
                            "required": true
                        },
                        {
                            "type": "TEXT_INPUT",
                            "label": "Last Name",
                            "name": "last_name",
                            "required": true
                        },
                        {
                            "type": "TEXT_INPUT",
                            "label": "Email Address",
                            "name": "email",
                            "required": true,
                            "inputType": "EMAIL"
                        },
                        {
                            "type": "FOOTER",
                            "label": "Continue",
                            "onClickAction": {
                                "name": "NAVIGATE",
                                "next": "BUSINESS_INFO"
                            }
                        }
                    ]
                }
            },
            {
                "id": "BUSINESS_INFO",
                "terminal": false,
                "success": false,
                "title": "Business Information",
                "layout": {
                    "children": [
                        {
                            "type": "TEXT_HEADING",
                            "text": "Business Details"
                        },
                        {
                            "type": "CAPTION",
                            "text": "Step 2 of 3: Tell us about your business"
                        },
                        {
                            "type": "TEXT_INPUT",
                            "label": "Company Name",
                            "name": "company_name",
                            "required": true
                        },
                        {
                            "type": "DROPDOWN",
                            "label": "Industry",
                            "name": "industry",
                            "required": true,
                            "dataSource": [
                                {"id": "technology", "title": "Technology"},
                                {"id": "healthcare", "title": "Healthcare"},
                                {"id": "finance", "title": "Financial Services"},
                                {"id": "retail", "title": "Retail"},
                                {"id": "other", "title": "Other"}
                            ]
                        },
                        {
                            "type": "DROPDOWN",
                            "label": "Company Size",
                            "name": "company_size",
                            "required": true,
                            "dataSource": [
                                {"id": "1-10", "title": "1-10 employees"},
                                {"id": "11-50", "title": "11-50 employees"},
                                {"id": "51-200", "title": "51-200 employees"},
                                {"id": "200+", "title": "200+ employees"}
                            ]
                        },
                        {
                            "type": "FOOTER",
                            "label": "Continue",
                            "onClickAction": {
                                "name": "NAVIGATE",
                                "next": "PREFERENCES"
                            }
                        }
                    ]
                }
            },
            {
                "id": "PREFERENCES",
                "terminal": true,
                "success": true,
                "title": "Preferences",
                "layout": {
                    "children": [
                        {
                            "type": "TEXT_HEADING",
                            "text": "Set Your Preferences"
                        },
                        {
                            "type": "CAPTION",
                            "text": "Step 3 of 3: Choose your preferences"
                        },
                        {
                            "type": "CHIPS_SELECTOR",
                            "name": "interests",
                            "label": "Areas of Interest",
                            "required": false,
                            "maxSelectedItems": 5,
                            "dataSource": [
                                {"id": "marketing", "title": "Marketing"},
                                {"id": "sales", "title": "Sales"},
                                {"id": "product", "title": "Product Development"},
                                {"id": "support", "title": "Customer Support"},
                                {"id": "analytics", "title": "Analytics"}
                            ]
                        },
                        {
                            "type": "OPT_IN",
                            "label": "I agree to the Terms of Service",
                            "name": "terms_accepted",
                            "required": true
                        },
                        {
                            "type": "OPT_IN",
                            "label": "Send me weekly industry insights",
                            "name": "newsletter_consent",
                            "required": false
                        },
                        {
                            "type": "FOOTER",
                            "label": "Complete Registration",
                            "onClickAction": {
                                "name": "COMPLETE"
                            }
                        }
                    ]
                }
            }
        ]
    }
}

Profile Setup with Photo

Code
{
    "flowName": "profile_setup_with_photo",
    "flowCategories": ["SIGN_UP"],
    "flowJson": {
        "screens": [
            {
                "id": "PROFILE_SETUP",
                "terminal": true,
                "success": true,
                "title": "Complete Your Profile",
                "layout": {
                    "children": [
                        {
                            "type": "TEXT_HEADING",
                            "text": "Complete Your Profile"
                        },
                        {
                            "type": "BODY",
                            "text": "Add some personal details to complete your profile setup."
                        },
                        {
                            "type": "PHOTO_PICKER",
                            "name": "profile_photo",
                            "label": "Profile Picture (Optional)",
                            "description": "Upload a profile photo",
                            "photoSource": "BOTH",
                            "maxFileSize": 2097152,
                            "minUploadedPhotos": 0,
                            "maxUploadedPhotos": 1
                        },
                        {
                            "type": "TEXT_INPUT",
                            "label": "Display Name",
                            "name": "display_name",
                            "required": true
                        },
                        {
                            "type": "TEXT_AREA",
                            "label": "Bio (Optional)",
                            "name": "bio",
                            "required": false,
                            "maxLength": "200"
                        },
                        {
                            "type": "DATE_PICKER",
                            "label": "Date of Birth",
                            "name": "birth_date",
                            "required": true,
                            "maxDate": "2006-01-01"
                        },
                        {
                            "type": "DROPDOWN",
                            "label": "Country",
                            "name": "country",
                            "required": true,
                            "dataSource": [
                                {"id": "us", "title": "United States"},
                                {"id": "ca", "title": "Canada"},
                                {"id": "mx", "title": "Mexico"},
                                {"id": "other", "title": "Other"}
                            ]
                        },
                        {
                            "type": "FOOTER",
                            "label": "Complete Setup",
                            "onClickAction": {
                                "name": "COMPLETE"
                            }
                        }
                    ]
                }
            }
        ]
    }
}

Legal and Compliance Considerations

GDPR Compliance (EU Users)

• Explicit consent - Use OPT_IN for data processing consent
• Purpose limitation - Only collect data necessary for account creation
• Data portability - Inform users of their data rights
• Consent withdrawal - Provide mechanisms to withdraw consent

Required Consents

Code
{
  "type": "OPT_IN",
  "label": "I consent to the processing of my personal data for account creation",
  "name": "data_processing_consent",
  "required": true
}

Optional Marketing Consent

Code
{
  "type": "OPT_IN", 
  "label": "I want to receive marketing communications (you can unsubscribe anytime)",
  "name": "marketing_consent",
  "required": false
}

Validation Best Practices

Email Validation

Code
{
  "type": "TEXT_INPUT",
  "label": "Email Address",
  "name": "email",
  "required": true,
  "inputType": "EMAIL",
  "pattern": "^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$",
  "errorMessage": "Please enter a valid email address"
}

Phone Number Validation

Code
{
  "type": "TEXT_INPUT",
  "label": "Phone Number",
  "name": "phone",
  "required": true,
  "inputType": "NUMBER",
  "pattern": "^\\+?[1-9]\\d{1,14}$",
  "errorMessage": "Please enter a valid phone number"
}

Password Requirements

Code
{
  "type": "TEXT_INPUT",
  "label": "Password",
  "name": "password",
  "required": true,
  "inputType": "PASSWORD",
  "pattern": "^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)[a-zA-Z\\d@$!%*?&]{8,}$",
  "errorMessage": "Password must be at least 8 characters with uppercase, lowercase, and number"
}

Success Metrics

Key Performance Indicators

• Completion Rate - Percentage of users who complete registration
• Drop-off Points - Where users abandon the flow
• Time to Complete - Average time for full registration
• Validation Errors - Most common input errors

Optimization Strategies

• Progressive disclosure - Collect essential info first
• Social proof - Show number of existing users
• Clear value proposition - Explain benefits of registration
• Minimal friction - Reduce required fields to essentials

Common Patterns

Email Verification Flow

After initial registration, send verification email:

Code
{
  "type": "CAPTION",
  "text": "We've sent a verification email to your inbox. Please click the link to verify your account."
}

Welcome Message

Include welcoming language:

Code
{
  "type": "TEXT_HEADING", 
  "text": "Welcome to [Platform Name]!"
},
{
  "type": "BODY",
  "text": "We're excited to have you join our community. Let's get your account set up."
}

Progress Indicators

For multi-step flows:

Code
{
  "type": "CAPTION",
  "text": "Step 2 of 4: Business Information"
}

Related Categories

• SIGN_IN Category - For login and authentication
• LEAD_GENERATION Category - For prospect capture
• CONTACT_US Category - For general inquiries

---

SIGN_UP flows should focus on collecting essential information while minimizing friction and ensuring legal compliance