Fullstory design examples

Fullstory

Sign-in screen where the user authenticates with their email and password.

• Sign In

Fullstory

Password recovery screen where the user enters their email address to receive a reset link, overlaid on a solid blue background with a full marketing navigation bar.

• Forgot Password

Fullstory

Grid Subscription management

Fullstory

Pricing page displayed immediately after account creation, prompting the user to check their email for an activation link while showing available subscription tiers and frequently asked questions.

• Sign Up
• Pricing

Fullstory

Signup page where a returning user creates a password to finish setting up their account and begin a 14-day free trial.

• Sign Up
• Trial

Fullstory

Onboarding step where a welcome modal prompts the user to continue to setup over a skeleton list view.

• Welcome
• Setup Wizard

Fullstory

Settings page where the user copies their JavaScript recording snippet during onboarding, highlighted by a product tour.

• Setup Wizard
• Settings

Fullstory

Onboarding screen where a modal confirms the user is all set after installing the script, while the background dashboard awaits the first user session.

• Confirmation
• Setup Wizard

Fullstory

List view empty state where the user is waiting for the first recorded session to appear after installing the tracking script.

• Empty State
• Dashboard

Fullstory

Dashboard Sidebar navigation

Fullstory

Detail page where the user watches a recorded session replay alongside a timeline of visited pages and clicked elements.

• Media Detail
• Timeline

Fullstory

Settings page where the user browses available third-party integrations like Slack, Bugsnag, and Google Analytics to connect to their workspace.

• Integrations