← All case studies
Concept · Lead generation

Turning a long quote form into a 3-step flow

A concept redesign of a solar quote form. The original asked for nine fields and a wall of legal text before giving anything back. I rebuilt it as a short, tap-first flow that starts with the easiest question.

Concept project. A redesign I made to show how I approach form optimization. It isn’t a client result, so there are no lift numbers here. Instead, below is how I would test it.
9 → 1
Questions on the first screen
The rest comes in two short steps
3 steps
Instead of one long form
With a progress bar
~60 sec
Time to finish, said upfront
So the effort feels small
Type
Concept redesign
Focus
Form optimization
Device
Mobile
Services
UX · UI · Copy
Before
Before: a 9-field quote form on mobile
After
After: step 1 of 3 with one tap-to-answer question

The Problem

The original form asked for everything at once: name, email, phone, full address, home type, roof type and the monthly power bill, followed by a consent paragraph and a grey Submit button.

On a phone that is a wall of work before the visitor gets anything back. Every field is a reason to leave, and the hardest questions (phone number, address) come first, when trust is lowest.

What I Redesigned

Every change, element by element: how it was, what I changed, and why.

01

Headline

Before

“Request a Free Quote”

After

“See how much you could save with solar”

Why: People don’t want a quote, they want to know what they’ll save. Leading with the outcome gives them a reason to start.

02

Form length

Before

9 fields on one screen

After

3 short steps, one question at a time

Why: Small steps feel easy, and every answer makes the next one more likely. Contact details move to the last step, after the visitor is invested.

03

First question

Before

First and last name

After

Monthly power bill, picked with one tap

Why: The first question should be easy and interesting to answer. The bill is also what the savings estimate needs most.

04

Inputs

Before

Free-text fields and dropdowns

After

Large tap targets

Why: Tapping is faster than typing on a phone, and there are no typos to fix.

05

Button

Before

Grey “SUBMIT”

After

Green “See my savings →”

Why: The button says what you get, not what you give. The old grey one also looked disabled.

06

Trust

Before

Legal paragraph above the button

After

Rating, “no obligation” and “no spam” near the button; consent moves to the last step

Why: Reassurance belongs where the doubt is, right before the click. The consent text is still there, just where contact details are asked.

Before and After

Drag the slider to compare the two versions.

BeforeAfter
After: step 1 of 3 with one tap-to-answer question
Before: a 9-field quote form on mobile
‹›

Drag the slider to compare before and after

How I’d Test It

50/50 split on all paid traffic, step-level tracking, run for at least two full weeks and until the result is significant.

Primary metric
Form completion rate (leads ÷ form views)
Also watch
  • Step 1 start rate
  • Drop-off on each step
  • Time to complete
Guardrails
  • Lead quality: share of leads sales can reach
  • Cost per lead
Next case study
A five-step checkout, rebuilt as one page
→

Let’s Explore How To Increase Your Conversion Rates

Review key parts of your funnel to identify quick wins.
Get actionable ideas to improve your landing pages.
Discover strategies to increase your Average Order Value (AOV)
Learn how to optimize your funnel to reduce Customer Acquisition Cost (CAC).
CXL Certified: Ecommerce Marketing
CXL Certified: Conversion Optimization
George Peric, conversion-focused designerGeorge Peric, conversion-focused designer