AXA One Claims UI
Organization-wide design system for AXA Switzerland featuring 50+ accessible, reusable components built with Atomic Design principles.
Overview
AXA One Claims UI is the unified React component library built from scratch for AXA Switzerland. The library standardizes UI/UX across all product teams using Atomic Design methodology, delivering 50+ accessible and reusable components that power the enterprise portal.
Key Features
- 50+ reusable components built with Atomic Design (atoms, molecules, organisms)
- WCAG-compliant interfaces ensuring accessibility across all product teams
- Storybook documentation with interactive examples and usage guidelines
- CVA (Class Variance Authority) for type-safe component variant management
- Automated visual regression testing integrated into the CI pipeline
Technical Highlights
Built within a scalable Nx Monorepo structure enabling efficient multi-package sharing and reducing developer friction across teams. The component library uses React, TypeScript, Next.js, and Tailwind CSS as its core stack, with Storybook for documentation and Playwright for E2E testing. Collaborated directly with the Product Triad (PM, Designers, Engineering) to bridge technical gaps and ship production-ready, WCAG-compliant interfaces.