Skip to content

Case Study

Enterprise Insurance System

AXA · 2023 — 2024

Scalable React/TypeScript claim processing UI improving operational efficiency by 40% with 15% fewer UI defects.

ReactTypeScriptREST APIsEnterprise Systems

Problem Statement

Legacy insurance claim workflows suffered from fragmented UI, slow re-renders, and poor form validation at scale. The team needed a maintainable component system and predictable data flow.

Component-Driven Enterprise UI

I worked on a component-driven enterprise ui where:

  • Shared design system for form, table, and wizard patterns
  • Type-safe API client layer with centralized error handling
  • Optimistic UI updates for claim status transitions
  • Role-based rendering for adjusters vs customers
  • Automated regression coverage for critical claim flows
Browser (React + TS)
BFF / Gateway
Claims Core Services
Policy & Underwriting DB
Audit + Reporting Layer

My Contributions

  • Designed scalable React + TypeScript UI architecture
  • Built reusable form and data-table components used across 6 modules
  • Improved data-fetching reliability with retry + caching strategy
  • Introduced lazy-loaded routes to reduce bundle churn
  • Mentored 2 junior engineers on TS best practices and PR reviews

Engineering Trade-offs

  • Chose TypeScript strictness upfront over short-term velocity
  • Accepted heavier initial bundle to minimize runtime refactor cost
  • Picked optimistic updates over simpler request-response model

Impact

40%
improvement in claim processing throughput
15%
decrease in UI defect escape rate
6
product modules standardized on shared UI
2x
faster onboarding for new engineers