Skip to content

Business account sign-up flow

Path: Business homepage → Sign up form → Email verification → Dashboard

  1. Sign-up Form (business-signup-wireframe.html)

    • Business name field
    • Business type dropdown (Vet, Groomer, Trainer, Boarding, Sitter, Breeder, Rescue, Other)
    • Subdomain field with real-time availability check (e.g., "happypaws.petfolio.com")
    • Work email, password fields (email/password only for MVP)
    • Password confirmation and requirements
    • Terms of service acceptance
    • Link back to login page
  2. Email Verification (email-verification-wireframe.html)

    • Confirmation message with email address displayed
    • Resend verification email option
    • Change email address option
    • Help/support link
  3. Dashboard Access (after verification)

    • User lands on business home/dashboard
graph TD
    A[Login Page] --> B[Forgot Password Link]
    B --> C[Reset Request Form]
    C --> D[Check Email Message]
    D --> E[Email with Reset Link]
    E --> F[Set New Password]
    F --> G[Password Reset Confirmation]
    G --> H[Continue to Login]
    H --> A

    classDef layer-api fill:#4a90d926,stroke:#4a90d9,stroke-width:2px
    classDef layer-domain fill:#7ed32126,stroke:#7ed321,stroke-width:2px
    classDef neutral fill:#c8c8c826,stroke:#999999,stroke-width:1.5px

    class C,F layer-api
    class G layer-domain
    class A,B,D,E,H neutral
Diagram key
  • Blue (API layer): Form input steps - reset request and new password entry
  • Green (Domain): Confirmation - successful outcome
  • Grey (Neutral): Navigation and communication steps

Wireframe