Sections
  1. Hero
  2. Macro flow
  3. Form 1 mockup
  4. Dashboard mockup
  5. Form 2 tab
  6. Form 2.5 tab
  7. Form 3 tab
  8. Pre-fill chain
  9. Pricing demo
  10. Consequences examples
  11. Not in v2
  12. Implementation phases
Sooner

Forms v2 — Proposed Design

6,000+ borrowers will see this. Form 1 standalone, dashboard for Form 2 + 2.5 + 3.

Forms
4
F1 · F2 · F2.5 · F3
Questions after redesign
34
Down from 66
Time to quote
~3 min
Was ~10
Brand-aligned
100%
Manrope + Sooner Yellow

Macro flow

Form 1 is a standalone marketing page that captures intent. After contact submit, the borrower lands in a Dashboard with Form 2 / Form 2.5 / Form 3 as tabs.

flowchart LR traffic["Marketing
Partner
Direct"] form1["Form 1
Standalone
~2 min · 9 Qs"] gate{"Eligible?"} decline["Decline screens
Residency / income / criteria miss"] cta["Continue to Dashboard
CTA after contact submit"] subgraph dashboard["Dashboard"] direction TB form2["Form 2 tab
Active on entry"] form25["Form 2.5 tab
Gated by has_co_applicant"] form3["Form 3 tab
Gated by SCS >= 55"] end reliable["Reliable Mortgages
submission"] traffic --> form1 form1 --> gate gate -->|No| decline gate -->|Yes| cta cta --> form2 form2 -->|has_co_applicant = yes| form25 form2 -->|SCS >= 55| form3 form25 -->|joint data complete| form3 form3 --> reliable classDef source fill:#FFFFFF,stroke:#1C1B17,stroke-width:1px,color:#1C1B17; classDef form1 fill:#E2F55C,stroke:#1C1B17,stroke-width:1.2px,color:#1C1B17; classDef form2 fill:#F5F4F0,stroke:#1C1B17,stroke-width:1.2px,color:#1C1B17; classDef form25 fill:#F4F9B4,stroke:#1C1B17,stroke-width:1.2px,color:#1C1B17; classDef form3 fill:#E5E4E0,stroke:#1C1B17,stroke-width:1.2px,color:#1C1B17; classDef decline fill:#F8ECEC,stroke:#8A1414,stroke-width:1.2px,color:#1C1B17; classDef end_ok fill:#E9FE0F,stroke:#1C1B17,stroke-width:1.2px,color:#1C1B17; class traffic source class form1 form1 class form2 form2 class form25 form25 class form3 form3 class decline decline class cta,reliable end_ok style dashboard fill:#FFFFFF,stroke:#1C1B17,stroke-width:1px,rx:8,ry:8

Form 1 — Lead qualification

Live preview from sooner-form1-preview.pages.dev — the production-ready Form 1 with new copy + canonical calculator + rejection flow.

Live preview · production-ready

Try it: enter a property budget to see the canonical Dubai closing-cost calculator and the new "You can save AED X upfront" CTA.

Sooner
Form 1 hands off into a dashboard shell that keeps progress, fee state, and unlock logic visible at all times.
Dashboard shell

Dashboard

After Form 1 contact submit, the borrower lands here. Form 2 stays active first. Form 2.5 and Form 3 unlock from live state, not from a separate flow.

Next up F2
Prefill discipline
Ask once

Form 1 captures contact and intent. The dashboard confirms it, then deepens only what is needed for pricing and decisioning.

Pricing logic
15%

CFF only keeps the initial fee at 15%. Discovery and Brokerage bring it down live.

Unlock logic
Form 2 live

Co-applicant and document collection stay gated until the borrower makes those choices.

Property context
Still browsing

Form 1 step 3 branches between target-market language and a specific-property confirmation state.

Co-applicant
Not added yet

Turn this on in Form 2 to unlock Form 2.5 and the joint-score branch.

Indicative SCS
Pending Form 2

Complete the employment, income, debt, savings, usage, and AECB band questions to unlock Form 3.

Dashboard tab 1

Form 2 — Pre-approval

21 questions after redesign. Five are confirmations from Form 1. The rest deepen pricing, scoring, and routing without duplicating Form 1.

Indicative SCS

Decision state before documents

The Moaziz-style center card keeps approval momentum, fee tier, and next-step clarity above the question stack instead of below it.

SCS --
Form 2 completion 0%
What you'll see
NameConfirmed
PhoneVerified
BudgetAED 2,000,000
Timeline0-3mo

Confirmed-from-Form-1 grid so the borrower understands what the dashboard already knows.

What you'll see
OTP required
4821

Phone re-verification happens once, then Form 3 reflects the verified state.

Phone OTP prompt at the top of the dashboard, before deeper underwriting questions.

What you'll see
CFF Discovery Brokerage
15% fee tier

Toggle services and the fee chip updates in place.

Live fee tier chip preview so pricing changes feel native to the dashboard shell.

Eligibility
Q1-Q5

Pre-fill confirmation panel

confirmed via Form 1
Full name Borrower name confirmed ✎ Edit
Email borrower@example.com confirmed ✎ Edit
Phone +971 50 000 0000 confirmed ✎ Edit
Property budget AED 1,500,000 confirmed ✎ Edit
Timeline 0-3mo confirmed ✎ Edit
Q6

Phone OTP verification

new

Research-driven addition before deeper underwriting. The borrower re-confirms the phone they submitted in Form 1.

+971 50 000 0000 Verified
4
8
2
1

The entry state is already completed here, so Form 3 can later show "Verified" instead of asking again.

Finances
Cost replay

Cost breakdown + Sooner reveal

re-displayed
Down payment (20%)AED 300,000
DLD transfer fee (4%)AED 60,000
Agency commission (2%)AED 30,000
Bank fees + valuationAED 6,000
Total upfrontAED 396,000

Same canonical simplification as Form 1. This replay keeps the borrower anchored before service selection changes the fee tier.

Sooner reveal

What changes with Sooner

live
Sooner upfront
AED 150,000
Monthly collection
AED 4,125

Pricing stays service-led. Add Discovery and/or Brokerage and the fee badge updates immediately.

Q7

Service selection + live fee tier

15%
CFF only 15% fee on Closing Fee Financing.
Employment
Q8-Q10

Employment profile

branches Form 3
Employment type
Tenure with current employer
Q11-Q13

Household setup + income

joint path
Has co-applicant?
Q14-Q17

Debt snapshot

4 yes/no only
Existing mortgage?
Pay rent?
Personal or car loans?
Credit cards?
Property
Q18-Q21

Savings, usage, funding, AECB

decision input
Liquid savings band
Property usage
Down payment source
AECB band
Indicative SCS reveal

Decision moment before documents

Pending
--
Need inputs 15% fee

Complete the live inputs above to compute the indicative score and unlock Form 3.

Form 3 stays disabled until the borrower has an indicative SCS and fee tier to react to.