Web / mobile application · design system · UI kit
A mobile-first customer auto insurance journey for COOP Auto Insurance, built as a reusable white-label product system for modern insurers.
The experience carries customers from vehicle and driver setup to real-time quoting, payment, policy confirmation, pink slip access, and document delivery.
Project type
Web / mobile application
System scope
Design system + UI kit
Product model
White-label insurance platform
Experience arc
Quote to policy delivery
Platform premise
The platform was designed so each insurer can replace logo, name, and colour palette from one configuration while keeping the same reliable customer journey.
Reusable mobile patterns create consistency across deployments while still allowing each white-label brand to feel distinct and production-ready.
The journey is optimized for iOS and Android viewports, with focused steps, compact confirmation states, and reduced cognitive load for customers.
The front-end experience carries customers from vehicle entry through coverage selection, payment, and instant policy delivery with underwriting support from Co-operators General Insurance Co.
Customer journey
The source journey is organized into four practical stages. Each stage uses focused mobile screens, green confirmation patterns, and clear review moments so customers can understand what has been added, what affects their premium, and what happens next.
Vehicle information
The first part of the flow reduces manual entry by helping customers add one or many vehicles without losing context.
VIN lookup auto-populates make, model, and trim details.
Multi-vehicle support allows four or more vehicles to be added in a single session.
Confirmed vehicle cards expose clear inline edit and delete controls.
The OEM Connected Advantage introduces a visible 5% discount moment.
Drivers and assignments
The driver section separates personal details, licence information, and primary vehicle assignment so complex policies remain understandable.
Single-purpose screens keep profile creation and licence data entry easy to scan.
The same confirmed-card pattern helps customers review and manage multiple drivers.
Dedicated assignment screens map each vehicle to a primary driver for accurate rating.
Quote and coverage
The quote workspace makes premium, billing cadence, discounts, and coverage decisions visible before the user moves into checkout.
A prominent green price card presents an instant quote at $161.45 per month.
Monthly and yearly billing options sit beside applicable discount review.
Per-vehicle controls expose liability, collision, comprehensive, and accident-benefit choices.
Discount questions dynamically adjust the premium without hiding what changed.
Payment and policy delivery
The final stage keeps the transaction paperless and transparent, then gives customers immediate access to insurance documents.
Credit and debit payment are handled directly inside the mobile flow.
Financing fee and auto-charge details are disclosed before submission.
The confirmation state completes with downloadable pink slip and policy documents.
Supporting screens
Final experience
The finished journey gives insurers a flexible white-label foundation while giving customers a direct mobile path through quote, customization, payment, and policy access.
Return to work index