Case Study 02 Aviva Canada · Consumer Insurance

Home Quote Journey
End-to-End Redesign

Redesigning a 15-step insurance quote flow to eliminate jargon, rebuild accessibility from the ground up, and give users the confidence to complete a purchase — not abandon it.

My Role
Senior UX Designer
Duration
2-week sprint + design audit
Type
UX Audit · Experience Redesign
Platform
Web · Mobile · Responsive
+13%
Completion Rate
-4%
Drop-off Rate
10→6
Steps Reduced
-30%
Manual Inputs
🏆
Toronto Star Diamond 2021

Context & Problem Space

A revenue-critical journey with dangerous friction

Aviva's home insurance quote journey is a primary revenue driver — but internal analytics showed high drop-off between property details and coverage selection, long completion times of 6–9 minutes, and low mobile completion rates.

I was tasked with a rapid UX audit and strategic redesign. The core insight: users weren't failing because of complexity — they were failing because the system spoke insurance language, not human language.

"Insurance is complex by nature. But the quote journey didn't have to be."

Users encountered terms like "replacement cost," "sewer backup," and "comprehensive coverage" with zero explanation. Many didn't know whether they were choosing the right coverage — so they gave up. My goal: rebuild their confidence, one step at a time.

Key UX Issues

Six friction points driving abandonment

Through Nielsen's heuristic evaluation and competitive benchmarking, I identified the critical failure points across the 15-step quote journey.

🧠

Cognitive Overload

29+ fields, many repetitive. High form fatigue caused abandonment before coverage selection.

📖

Jargon Anxiety

"Roof construction type," "rebuild value," "liability limit" — no explanations. Users guessed or quit.

No Real-Time Validation

Errors only shown after submission. Retrace steps to fix — massively frustrating on mobile.

🛒

Premature Upsells

Add-ons appeared before users understood core coverage. Created distrust and decision paralysis.

🔒

Forced Account Creation

Required after quote generation — a friction wall at the highest-motivation moment.

📱

Poor Mobile Experience

Forms were desktop-designed. Low completion on mobile despite high mobile traffic.

Existing flow — drop-off points highlighted

Address Lookup Home Type Property Details ⚠ Policy Holder ⚠ Credit Check ⚠ Coverage ⚠ HIGH DROP Account Creation ⚠ Payment

"Users weren't struggling with insurance — they were struggling with the language of insurance. That was the real gap."

— Surbhi Mahendru, Senior UX Designer

My Process

Audit-first, user-validated redesign

01

Heuristic Eval

Nielsen's 10 heuristics across all 15 steps

02

Benchmarking

AllState, Admiral, TD Insurance — best practices

03

Content Audit

Collaborated with Legal + Underwriting on rewrites

04

Redesign

Flow consolidation, accessible components, validation

05

A11Y Audit

WCAG 2.1 AA, ARIA, NVDA screen reader testing

The Solution

Six redesign decisions that changed the outcome

01

Plain-Language Rewrites + Contextual Help

Collaborated with Legal and Underwriting to simplify 20+ high-friction questions without losing regulatory compliance. Every confusing term now has a "What this means" tooltip with a plain-language explanation and a real-world example. Users choose coverage with confidence, not anxiety.

Plain languageContextual tooltipsLegal-approved copyMicrocopy
❌ Before
What is your property's rebuild value?
No guidance, no examples. Users guessed or abandoned.
✓ After
How much would it cost to rebuild your home from scratch?
+ Tooltip: "Different from market value — cost of materials & labour to rebuild."
❌ Before
Select your deductible amount
No explanation of what a deductible is or how it affects premium.
✓ After
How much would you pay first if something happened?
+ "Higher amount = lower monthly cost. Lower amount = more protection upfront."
02

Flow Consolidation — 10 Steps → 6

Merged related questions into single screens based on user mental models. Removed non-value-add screens. Progressive disclosure — complex options only shown when needed.

Progressive disclosureMental model alignment
03

Address Intelligence — Auto-Populate Property Data

Postal code lookup auto-populates property details — lot size, year built, neighbourhood data. Reduced manual inputs by ~30%, shortening completion time to under 3 minutes.

Address APIAuto-populate-30% inputs
04

Coverage Tier Comparison — "Most Popular" Nudging

3-tier comparison (Basic / Standard / Premium) with social proof — "Most selected for homes like yours." Add-ons delayed until after primary selection to build confidence first.

3-tier comparisonSocial proofDelayed upsell
05

Real-Time Validation + Error Recovery

Inline validation as users type — no waiting until submission. Error messages in plain language with specific recovery guidance: "Enter a 6-digit postal code (e.g. M5V 3A8)."

Inline validationRecovery guidance
06

Guest Flow — Save Quote Without Account

Removed mandatory account creation. Quote emailed automatically with one click. Account creation optional — preserving the high-motivation purchase moment.

Guest checkoutQuote emailOptional account

Accessibility-First Component Rebuild

All components rebuilt to WCAG 2.1 AA: clear focus states, ARIA labels, radio groups, progress indicators. Tested with NVDA screen reader — complete flow works without mouse.

WCAG 2.1 AAARIANVDA testedFocus states

Accessibility Leadership

WCAG 2.1 AA — inclusive by design

I led the accessibility initiative across Aviva's entire digital department — not just this one journey. 1 in 5 Canadians live with a disability. 10% of internet users rely on assistive technologies.

🎨

Colour Contrast — 4.5:1 minimum

Updated every component to meet WCAG AA contrast ratios. Eliminated colour-only feedback — added icon + text alternatives for all states.

⌨️

Keyboard Navigation — Full Coverage

Defined 2px focus rings for every interactive element. The entire 6-step quote flow is fully keyboard-navigable without mouse or touch.

🔊

Screen Reader — ARIA + NVDA Tested

Implemented ARIA labels, roles, and live regions with the development team. Progress, validation messages, and options all announced correctly.

All 5 Component States Defined

Inactive · Focus · Hover · Selected · Disabled — all states communicate through colour, icon AND text. Never colour alone. Full WCAG 1.4.1 compliance.

Before & After

A journey that finally speaks human

BEFORE
  • 10 steps with 29+ fields, many repetitive
  • Insurance jargon — zero definitions or guidance
  • Errors shown only on form submission
  • Add-ons before core coverage is chosen
  • Mandatory account creation before purchase
  • 6–9 minute average completion time
  • No mobile optimisation
AFTER
  • 6 steps — 40% fewer screens, same data
  • Plain-language rewrites + contextual tooltips
  • Real-time inline validation as users type
  • Add-ons introduced after core coverage chosen
  • Guest quote + purchase flow — account optional
  • ~3 minutes with address intelligence auto-populate
  • Mobile-first form patterns, full keyboard support

Impact & Results

Measurable outcomes and industry recognition

+13%

Quote Completion Rate

Across the redesigned home insurance quote journey, measured against the baseline.

-4%

Drop-off Rate

Significant reduction in user abandonment between property details and coverage selection.

10→6

Steps Reduced

40% flow reduction while capturing the same required data — no compliance trade-off.

🏆

Toronto Star Diamond 2021

Aviva named Readers' Choice Diamond winner in both Home Insurance and Car Insurance.

-30%

Manual Input Fields

Address intelligence auto-population reduced required manual inputs by approximately 30%.

AA

WCAG 2.1 AA Compliant

Full accessibility compliance across all 6 steps, all components, all devices — NVDA tested.

Key Learnings

"The biggest wins came from rewrites, not redesigns."

1

UX Writing is Design

The largest conversion gains came from changing what the elements said, not where they were placed. Legal-approved plain-language rewrites moved the completion rate more than any visual change.

2

Accessibility = Conversion Optimisation

They're the same goal: both remove barriers for real people. WCAG compliance and higher completion rates are not in tension — they reinforce each other.

3

Collaborate with Legal Early

Insurance has strict compliance requirements. Bringing Legal in during ideation — not at review — prevented late-stage rework and built trust with the team.

4

Progressive Disclosure is Power

Hiding complexity until users need it — not hiding it forever — is the key insight. The information is still there; the timing is what changes the experience.

Final Reflection

"When users feel confident, they complete. When they feel confused, they leave."

The Home Quote Journey taught me that UX writing is as important as visual design — sometimes more so. The biggest gains came from changing what the elements said, not how they looked. Working within Legal and Underwriting constraints to simplify language was genuinely hard, but the results — plus 13% completion — proved every difficult conversation was worth it.

Project Screens

Design Screens & Deliverables

Click any placeholder to upload your project screenshots. Images preview instantly — replace with <img src="..."> in HTML for permanent use.

Full-Width Screen

Quote Journey — Full Flow
Click to upload screenshot

JPG · PNG · WebP · up to 10MB

Two-Column Screens

Coverage Selection Screen
Click to upload

JPG · PNG · WebP

Property Details Screen
Click to upload

JPG · PNG · WebP

Three-Column Screens

Mobile Screen
Click to upload

JPG · PNG · WebP

Accessibility States
Click to upload

JPG · PNG · WebP

Additional Screen
Click to upload

JPG · PNG · WebP

💡 Tip: For permanent images, replace each .img-slot div with <img src="your-image.jpg" alt="description" style="width:100%;border-radius:12px;">

Design Files

Project Assets & Files

Design deliverables for the Aviva Home Quote Journey. Update links below to point to your actual Figma files or prototypes.

Figma Design File

Full 6-step quote journey with all screen states, component library, and accessibility annotations.

Request Access

Interactive Prototype

Clickable Figma prototype covering the complete 6-step quote journey including mobile breakpoints.

Request Access

Case Study PDF

Full case study documentation including heuristic evaluation findings and redesign rationale.

Request Access

Accessibility Spec

ARIA annotation file, focus state documentation, and NVDA testing checklist for the dev team.

Request Access

Heuristic Evaluation Report

Full audit across all 15 steps with severity ratings and prioritised opportunity list.

Request Access

Add Your File

Replace this card with a link to your Figma, Notion doc, or any other project asset.

Add Link

Contact surbhi.contactme@gmail.com to request access to specific files.