Userflow - Sign up Screen Revamp

Redesigned the Userflow signup experience for a high-traffic audience, Traffic was strong, but signup friction was high. After redesigning the flow, conversion improved significantly from 14% to 38%.

role
Product & UI/UX Design
duration
3 days (Sprint-based approach)
team
Product Manager, DOP
platform
Web & Mobile Application

Conversion Problem to Solve

The signup screen attracted high traffic but converted only 14% of visitors into trial users.Lack of clear value communication and trust signals caused hesitation at a critical decision point.

The goal was to redesign the experience to improve clarity, credibility, and user confidence.By reducing friction and reinforcing trust, the focus was on turning high-intent visitors into successful trial signups.

Understanding the problem

Research & Discovery

  • Conversion Behavior Analysis: Studied user drop-off patterns on the signup page and identified hesitation at the decision stage.
  • Competitor Benchmarking: Analyzed high-performing SaaS signup flows to understand how they communicate credibility and reduce friction.
  • Trust & Decision Psychology Research: Explored behavioral principles around first-impression trust and cognitive load in high-intent flows.

RESEARCH and outputs

Insight 1: High traffic doesn’t guarantee conversion without trust signals.
Insight 2: Users decide within seconds if the product feels credible.
Insight 3: Clear value + reduced friction directly impact signup performance.

Design Strategy

Designing

The focus was on strengthening credibility and value perception through compliance badges, clear feature listings, and a tangible preview of the product experience. These elements were integrated to reduce hesitation and make the benefit of signing up immediately visible.

Core design principles

Build Immediate Trust
Reinforce Value Perception
Value Framing
Credibility Signaling

Design Process

Wireframing & Iteration

  • Started with low-fidelity wireframes, prioritizing trust signals and value communication above the fold.
  • Tested different content hierarchies to balance compliance logos, features, and social proof without distracting from the CTA.
  • Iteratively refined spacing, visual emphasis, and CTA prominence to reduce friction and support conversion.

Visual Designs

Accessibility Considerations

  • Strong visual flow directs attention to the CTA.
  • Minimal input reduces friction and speeds signup.
  • Trust badges and product preview build credibility instantly.

Typography & Components

Typography: Clear typographic hierarchy improves readability and guides attention.
 Consistent, well-defined components ensure visual clarity and predictable interaction.

Components Library:

Text button
Input fields
Horizontal scrolling

Key Features Delivered

1. Reimagining a High-Traffic Conversion Page

This sign up screen helps first time users to commit from high traffic into conversions increase in trial conversions.

2. Value-Driven Signup Optimization

Enhanced signup experience by highlighting core benefits & reducing hesitation at high-traffic conversion touchpoint

3. Responsive for native mobile view

Designed a mobile-responsive signup experience that balances additional data capture with clarity & conversion focus,

Design Validation

Usability Testing (internal)

Participants: 6 internal team members from product, sales, & customer success (non-design roles included).

Method: Unmoderated task-based testing followed by a short structured feedback form and discussion.

Task: Review the signup page for 30 seconds, decide whether they would start a trial, and explain what influenced their decision.


99.9%

CONFIDENT SCORE

4.2+

VALUE CLARITY

90%

CTA ATTENTION RATE

Final Solution

Developer Handoff

Delivered high-fidelity designs with detailed spacing, typography, component specifications to ensure implementation accuracy. Provided responsive breakpoints and interaction states for seamless cross-device consistency. Collaborated closely with developers to clarify edge cases and maintain visual and functional integrity during build.

Qualitative Feedback

“It feels much clearer what I’m signing up for now. I don’t have to guess the value.”

- Product Manager

“The benefits and trust badges make it feel reliable. I’d feel comfortable starting a trial.”

- Product Manager

Business Value

Higher Conversions

Increased Trial Signups

Improved User Trust

UP NEXT

Clicknrec-demo maker

Explore Case Study