Project
• Internal web app for auto-insurance claim adjusters
• Goal: speed + accuracy in claim adjudication
Primary Personas
• Junior adjuster (0-2 yrs exp) handling ~50 open claims/day
• Supervisor who audits complex claims
Core Modes (2)
Task-Based Flow View ← think TurboTax wizard :contentReference[oaicite:0]{index=0}
■ Five steps: Verify Coverage → Determine Liability → Contact Parties → Gather Evidence → Set Reserve & Close
■ Show only facts relevant to the active step (dynamic fact filtering) :contentReference[oaicite:1]{index=1}
■ Progress header: “Step X of 5” + horizontal progress bar
■ “Next” disabled until required fields are valid; inline tooltips for guidance
■ Auto-save after every field change
■ Error state: red outline + tooltip
Holistic View :contentReference[oaicite:2]{index=2}
■ Full fact list in collapsible sections (Coverage, Liability, Vehicle, Injuries, Notes, Photos)
■ Audit-trail sub-row: source, verification status (Verified / Pending / Flagged), timestamp
■ Filters: by task, by verification status, by discrepancy
■ Visual discrepancy highlight (yellow banner in row)
Key Screens to Generate
• Claims Queue (table list, sortable by SLA, severity, last-touched)
• Task-Based Flow – Step 2 “Determine Liability” (demonstrative)
• Holistic View – full claim context
Global UI Guidelines
• Clean, distraction-free, white canvas; headline accent color #7836FF (Root brand vibe)
• 12-column layout, 8 / 16 / 24 px spacing scale, 8 px radius, soft shadows
• Typography: Inter 18 / 16 / 14 px
• Primary CTAs: filled accent button; secondary: outline
• Icons: Lucide
• Keep copy short, verb-first (e.g., “Add Photo”, “Flag Fact”)
Instrumentation Hooks (add invisible layers/tags)
• Capture time-to-task-completion per step
• Log validation errors and mis-steps
• Record toggle frequency between Task Flow and Holistic View
Prototype Requirements
• Clickable links between the three screens
• Placeholder data and avatars OK
• Deliver frames sized 1440 × 1024
• Name frames: “Queue”, “Task-Flow-Liability”, “Holistic”
I'll create a comprehensive auto-insurance claim adjuster web app with the three key screens you specified. This will include the Claims Queue, Task-Based Flow for liability determination, and Holistic View with full claim context.
I've created a comprehensive auto-insurance claim adjuster web app with all three requested screens:
#7836FF accent colorThe app is fully functional with realistic placeholder data and follows all your specified UI guidelines. Each screen demonstrates the core workflows for junior adjusters and supervisors in claim adjudication.