Steep design examples

Steep

Sign-in screen where the user authenticates with Google, Apple, Microsoft, or company SSO.

• Sign In

Steep

Interstitial screen where the user selects a workspace to enter or creates a new one.

• Workspace Switcher
• Account Setup

Steep

Home page empty state prompting the user to connect a data source or try demo data, with a secondary card offering help and teammate invitations.

• Empty State
• Home

Steep

Sign-in and sign-up screen where the user authenticates with Google, Apple, Microsoft, or Company SSO.

• Sign Up

Steep

Onboarding step where the user names their new workspace and optionally uploads an organization logo.

• Add & Create
• Form

Steep

Onboarding step where the user names their new workspace and optionally uploads an organization logo before continuing.

• Account Setup

Steep

Onboarding step where the user names their new workspace and uploads an organization logo.

• Account Setup
• Upload & Download

Steep

Home screen in an empty state prompting the user to connect a data source or try demo data to begin using the analytics platform.

• Getting Started
• Empty State

Steep

Dashboard empty state where the user is prompted to connect a data source to unlock self-service analytics, with a secondary card offering help resources like inviting teammates or scheduling a demo.

• Empty State
• Dashboard

Steep

Dashboard displaying key business metrics including order volume, registrations, NPS, and financial performance across different teams.

• Dashboard
• Charts

Steep

Dashboard showing key business metrics including order volume, registrations, NPS, and COGS across different teams with a prompt to continue setup using real data.

• Dashboard
• Home

Steep

Dashboard where the user views key metrics like order volume, registrations, and NPS for the Nicelydone workspace, and can customize team-specific widget areas.

• Dashboard
• Charts