Aon

Immersive Assessment Platforms

Design systems
SaaS product strategy
UX engineering
Front-end development
Data visualization

Overview

Architecting global talent assessment systems requires balancing high data density with strict accessibility thresholds and global client requirements. The central objective at Aon was to direct UX strategy and frontend engineering for an enterprise SaaS platform processing millions of candidate assessments and calculated reporting benchmarks.

Challenge

Consolidating isolated legacy applications into a singular framework introduces complex UX obstacles when merging intricate talent experiences and data-dense results analytics without triggering severe cognitive overload in end-users.

Solution

Modernize front-end application architecture using Angular to refactor candidate assessment flows, while designing administrative dashboards, establishing a flexible token-driven client theme engine, and standardizing cross-functional design templates to accelerate product delivery.

Role

At Aon I was a Principal Experience Designer and Lead UX Engineer, executing hands-on design work for business stakeholders, supporting clients and end users. I was a direct contributor on all my assignments and simultaneously managed others. I collaborated with leadership, product management, and engineering.

Enterprise SaaS B2B admin dashboard and client-branded reporting interface — Enterprise SaaS B2B admin dashboard and responsive, B2B2C client-branded reporting interface

Mobile-first interactive simulation interface with accessible Angular components — Mobile-first interactive simulation interface powered by refactored, accessible Angular component structures

Modified Triple Diamond product development lifecycle diagram — Modified Triple Diamond product development lifecycle with templates for UX research and strategy facilitating stakeholder and backlog alignment

01 / User Research & Product Strategy

Led expansive qualitative research and stakeholder workshops to synthesize global skills-based pay insights, mapping human capital data directly to corporate product roadmaps.

Thematic Mapping

Synthesized stakeholder interview logs into centralized insights to isolate recurring operational challenges and workforce data dependencies.

Persona Ecosystems

Conducted collaborative cross-regional workshop to build target user archetypes and crystallize problem statements.

Strategic Feature Prioritization

Translated qualitative discoveries into definitive, high-impact product development strategies and roadmapping.

Affinity map and theme synthesis from global stakeholder interviews — Affinity map and theme synthesis compiled from global stakeholder interviews

Collaborative workshop output defining user persona ecosystems — Collaborative workshop output redefining user persona ecosystem and interrelated problem statements

Presentation mapping research insights to product development strategies — Comprehensive presentation mapping research insights to product development strategies

02 / Adaptable Design System & Theme Governance

Extended and transformed an enterprise design system to be a token-based adaptable theme engine, enabling automated UI restyling to dynamically match bespoke client branding across global applications.

Architectural Token Mapping

Structured an intricate style governance framework mapping core atomic foundations (color, typography, spatial scales) to reusable global variables and functional component definitions.

Automated Theme Overrides

Programmed SCSS variable-driven style layers that instantly adapt component colors, typography, and imagery without modifying or disrupting core structural foundations.

No-Code Brand Editor

Designed and co-engineered an administrative "Theme Editor" control panel, providing non-technical enterprise administrators a visual interface to seamlessly generate code-ready token suites from client assets.

Token-based design system architecture mapping variables to client-branded components — Expansion of global design system to a token-based architecture mapping variables to client-branded components

Variable-driven SCSS theme structure for automated styling — Variable-driven styling architecture demonstrating automated SCSS theme structure

Administrative Theme Editor interface for asset publishing and color token generation — Administrative Theme Editor interface designed for real-time asset publishing and accessible color token generation

Theme Editor output applying client branding to token-based components — Theme Editor output showcasing application of client branding to token-based components

03 / Accessible Simulations & Core Application Refactoring

Refactored a desktop assessment into an accessible, mobile-first single-page application optimized for diverse candidate capabilities and redesigned a legacy roleplay simulation increasing support for new features and complex data types.

Mobile-First Immersive Simulations

Migrated desktop-only situational judgment tests to mobile-first application design, extending product inclusivity to users who don't own a computer.

Universal & Accessible Design

Integrated native web accessibility standards directly into audio visual components using closed captioning and adaptive controls, adopting universal design methodology.

Cognitive Load Optimization

Engineered an immersive candidate test materials microsite featuring mock email threads, timeline data visualizations, and interactive attachments structured to streamline scanning during live role-play evaluations.

Mobile-first situational judgment test interface — Mobile-first user interface for the immersive situational judgment test, optimized for fluid scaling across viewport sizes and device constraints

Immersive simulation interface with closed-captioning — Immersive simulation interface demonstrating integration of closed-captioning for increased accessibility

Interactive candidate simulation microsite with reference data and communication feeds — Interactive candidate simulation microsite containing time-sensitive reference data and example communication feeds with live notifications for roleplay scenarios

04 / Enterprise Framework Consolidation & Reporting Ecosystems

Led structural analyses to merge isolated applications into a unified SaaS framework, designing data-dense admin project management panels and collaborative B2B2C reporting modules to optimize information consumption for both clients and consumers.

Multi-Platform Architecture Analysis

Conducted comparative architectural structural analyses to evaluate data differences and component dependencies when consolidating isolated systems into a single master framework.

B2B Project Governance Panels

Maintained consistency across multi-column project management tables, grids, and charts, empowering administrators to manage client organizational architecture and evaluate concurrent assessment metrics at a glance.

Analytical Feedback Architecture

Formatted comprehensive, client- and candidate-facing accessible evaluation reports using clean visual hierarchies, radar charts, and progress gauges to distill multifaceted competency metrics.

Technical architecture comparison for platform consolidation — Technical architecture comparison detailing client directory structures and content management strategies for platform consolidation

Client governance admin interface for organizational structures — Client governance admin interface simplifying complex organizational structures and facilitating streamlined customer relationship management workflows

B2B project dashboard modules for global assessment pipelines — B2B project dashboard modules used by corporate administrators overseeing simultaneous global assessment pipelines

Client-branded assessment reports across varied viewports — Client-branded assessment reports visualizing test results across varied viewports

05 / Product Integration & Design Operations

Scaled organizational design workflows and cross-functional product operations frameworks, authoring proprietary templates to accelerate team onboarding and optimize the design-to-engineering pipeline.

Cross-Functional Process Design

Adapted Triple Diamond product methodology to formalize cross-functional touchpoints, securing a tight operational partnership between engineering, product, and design teams.

Systemic Feature Prioritization

Built a comprehensive product lifecycle pipeline mapping design ideation to user value and effort estimation.

Strategic Roadmapping

Structured standardized, modular product phases to systematically group feature backlogs into defined production stages and iterative release versions for MVP and beyond.

Triple diamond product delivery lifecycle with design and development checkpoints — Adapted triple diamond product delivery lifecycle mapping strategic integration checkpoints between design and development workstreams

Feature prioritization process templates for product backlogs — Standardized feature prioritization process templates utilized to funnel ideation into product backlogs