← Back to projects
02

Redesigned signup experience

Rethinking UXCam's entire signup and onboarding flow to reduce friction, build user confidence, and get teams to value faster.

UX Design Onboarding UXCam
uxcam.com / signup
UXCam sign up page with Google sign up, email input, and analytics dashboard preview

Overview

UXCam's existing signup flow was functional but generic. Users created an account, landed in an empty dashboard, and were left to figure things out on their own. The redesign introduced a guided, multi-step onboarding that collects the right information at the right time and gives users a clear sense of progress toward their first project.

The Challenge

The old signup experience had several problems driving drop-off:

  • No progressive onboarding. Users were dumped into a blank dashboard after signup
  • Critical setup steps like project creation and SDK integration were buried in settings
  • Users had no visibility into what the product would look like once configured
  • No personalization. Every user got the same default experience regardless of role
uxcam.com / onboarding / company
Tell us about your company step with organization name input and workspace setup preview
Workspace setup: collecting the organization name while the right panel previews the workspace being configured with quick setup progress
uxcam.com / onboarding / profile
Tell us about you step with name, phone number, and department fields for role-based personalization
Profile personalization: collecting role and department to tailor dashboards. The preview shows how usage data will be broken down by team

Design Approach

The core design decision was the split-screen layout. The left side collects information through simple, focused forms. The right side shows a contextual preview that evolves with each step, giving users a live sense of what they're building toward.

Each preview is specific to the step. The signup page shows session and duration metrics. The company step shows workspace configuration progress. The profile step shows role-based dashboard breakdowns. This reduces anxiety and builds confidence that the setup is going somewhere meaningful.

uxcam.com / onboarding / discovery
One last thing step asking how the user heard about UXCam, with a channel breakdown chart preview
Attribution step: a single discovery question with a preview showing top acquisition channels, keeping the step lightweight

Project Setup Flow

After account creation, users move into a three-step project setup wizard. This is where the product becomes real. Users name their project, choose a data region, connect their app, and configure environments, all within a guided flow with clear progress indicators.

uxcam.com / setup / project
Step 1 of 3: Welcome screen with project name input and data storage region selection (US, EU, UAE)
Step 1: Project name and data storage region (US, EU, UAE). The preview shows Dashboard, Session Replay, Heatmaps, and Funnels ready to go
uxcam.com / setup / app
Step 2 of 3: What app do you want to track with App Store and Google Play search inputs
Step 2: Connecting the app via App Store or Google Play. The preview shifts to show touch heatmap tap zones for mobile
uxcam.com / setup / environments
Step 3 of 3: Environment selection with Production and Testing options, showing data pipeline status
Step 3: Choosing environments (Production, Staging, Testing) with data pipeline health and latency displayed in the preview
uxcam.com / setup / configuring
Setting up your project loading state with step-by-step configuration progress icons
Final provisioning screen: a step-by-step progress animation while the project is being configured in the background

Outcome

The redesigned signup flow reduced onboarding friction by giving users clear direction at every step. The contextual preview pattern built user confidence and reduced the perceived complexity of setup. The three-step project wizard made what was previously a buried settings task into a natural continuation of the signup experience.