Establishing a Unified UI Pattern Librar

Unified Codebase for Integrated Applications

Overview

As part of the UX Design team, I contributed to a large-scale initiative to unify the codebase and design systems across three core applications—ExposureIQ (EIQ), TreatyIQ (TIQ), and Risk Modeler (RM)—within Moody’s Intelligent Risk Platform. These applications had grown independently, leading to inconsistent UI patterns, redundant functionality, and maintenance overhead.

Our goal was to create a cohesive, integrated experience for users while improving technical efficiency through shared components and workflows.

In this project, I worked closely with cross-functional partners to align the design direction across all three applications. My responsibilities included:

Conducting a comprehensive UI/UX audit to identify inconsistencies, usability gaps, and redundancies
Documenting findings and helping develop a roadmap for aligning functionality, UI patterns, and design principles
Contributing to the creation of a centralized design system, including standardized modals, tables (RadGrid, AG Grid), notifications, and navigation patterns
Defining design tokens for visual consistency across platforms (color, typography, spacing)
Collaborating with engineers during implementation to ensure smooth handoff and alignment between design and code
Supporting usability testing and validation efforts to ensure the new experience met user expectations and improved usability across the suite

My Role

UI/UX audit

Our Solution

We focused on creating a shared design and technical foundation to unify the product suite, improve usability, and reduce redundant effort across teams. Key components of our solution included:

Design System & Component Standardization

Established a centralized, scalable design system
Standardized key UI components such as modals, tables, and nav structures
Defined design tokens for consistency in color, spacing, and typography

Unified Codebase

Partnered with engineering to refactor and consolidate diverging codebases
Replaced legacy components with shared ones across EIQ, TIQ, and RM
Enabled shared features like program sharing and cross-application workflows

UX Alignment & Testing

Conducted extensive UX audits to prioritize fixes and opportunities
Validated improvements through usability testing and A/B experiments
Ensured each product felt like part of a unified ecosystem while preserving critical workflows

Continuous Rollout & Feedback Loop

Defined a phased deployment plan to gradually roll out the new system
Collected and incorporated user feedback to drive iterative improvements

Impact

This initiative had a measurable impact across product, design, and engineering outcomes:

Consistency Score Improved – Significant reduction in UI and interaction inconsistencies across platforms
Development Efficiency – Fewer duplicated efforts across design and engineering teams due to shared components
User Experience – Improved usability and navigation flow, leading to fewer user-reported issues
Maintenance Effort Reduced – A unified codebase simplified bug fixes and feature updates across the product suite

This project reinforced the power of scalable systems thinking and demonstrated the value of cross-functional alignment in improving both internal workflows and external user experience.

Process and Challenges

We began with a comprehensive audit of all three applications, identifying areas of UI drift, inconsistent workflows, and duplicate components. From there, we created a roadmap focused on design and code alignment.

Key steps in our process included:

Mapping all shared and unique features across the three products
Creating side-by-side comparisons of similar components and patterns
Collaborating with engineers to evaluate feasibility and technical debt
Defining a scalable design system that supported both current and future needs
Running usability validation sessions and post-rollout surveys to gauge success

Challenges included:

Balancing product-specific needs with the desire for consistency
Navigating technical debt and legacy code differences across applications
Aligning multiple teams across time zones and disciplines
Driving adoption of new standards while preserving user trust in familiar workflows

Despite the complexity, we stayed focused on our goals and delivered a scalable, unified solution that continues to evolve.

Continue