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

Onboarding Data management

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

List view where the user manages connected data sources and can add new ones via a grid or right-hand action panel.

• Browse
• Add & Create

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