Segment design examples

Segment

Sign-in screen where the user authenticates to Segment using their email and password.

• Sign In

Segment

Password recovery screen where the user enters their email address to receive a reset link.

• Forgot Password

Segment

Signup page where the user enters their personal details, password, and selects whether the account is for themselves or their company to proceed to the next step.

• Sign Up

Segment

Onboarding step where the user selects data sources like Website, iOS App, or Server to connect to their workspace.

• Onboarding Checklist
• Setup Wizard

Segment

Onboarding step where the user selects between integrations or data warehouses as their data destination to finish setup.

• Setup Wizard
• Select

Segment

Onboarding screen where the user is welcomed and prompted to add their first data sources, integrations, and data warehouses to get data flowing.

• Invite Teammates

Segment

Create page where the user browses and searches a catalog of data source integrations categorized by Website, Mobile, Cloud Apps, Server, and Legacy.

• Add & Create
• Integrations

Segment

Create page where the user browses a catalog of website and mobile data sources and views setup details for a Chrome extension in a side drawer.

• Add & Create
• Browse

Segment

Empty state for the warehouses list prompting the user to connect a database like Amazon Redshift or Postgres.

• Empty State

Segment

Settings page where the user configures basic workspace details including the workspace name, URL slug, and billing email address.

• Settings
• Edit

Segment

Settings page where the user views their current plan, compares upgrade options based on MTU usage, and checks past billing history.

• Pricing
• Billing Settings

Segment

Settings page where the user can invite new team members by email and manage existing workspace members.

• Team Management
• Invite Teammates