Multi-step Insurance Quote Flow

Demonstrates: progressive disclosure, conditional branching (auto vs property), inline validation, keyboard navigation, and a deterministic mock quote estimator. Built with React hooks only — no backend, no data submission.

Step 1 of 4 — Coverage25%

What are you looking to insure?

Choose the coverage that applies to you. You can bundle later.

🏠 Home

Dwelling, property, and liability

🚗 Auto

Vehicle, collision, and liability

🛋 Renters

Personal property and liability

📦 Home + Auto

Bundle and save — estimated 15% off

What is this prototype designed to answer?

Can a 4-step flow reduce abandonment vs. a single long form?
Does conditional branching feel intuitive or confusing?
Is the instant quote moment (step 4) enough to drive conversion?

What's real vs. simulated

✅ Real: form state, validation, branching logic, a11y
🎭 Mocked: quote estimator (illustrative formula)
🎭 Mocked: submit (no backend; data stays in-browser)