top of page

Designing New Features for Existing Modules

Reverse-engineering legacy UI to enable scalable, seamless integration

Role
Lead Product Designer — UX Auditing, Systems Thinking, Pattern Extraction
​
Challenge
Legacy modules had grown organically for years, resulting in inconsistent layouts, spacing, behavior, and messaging. Without a formal design system, new features risked feeling bolted-on, confusing, or misaligned with user expectations.
​
My Contribution
  • Conducted deep UI audits across modules to uncover hidden rules

  • Created annotated reference files documenting spacing, hierarchy, interactions

  • Identified inconsistencies and restructured reusable UI patterns

  • Partnered with engineering and PMs to align constraints and ensure accurate implementation

Impact
  • Delivered new features that felt native within legacy modules

  • Reduced redesign churn by defining implicit UI rules and patterns

  • Enabled engineering to ship new functionality faster with fewer inconsistencies

  • Laid foundation for a future formal design system

​

Outcome

A set of extracted UI patterns, rules, and interaction behaviors that allowed new features to integrate seamlessly and scale across the product.

Audit Existing Modules
IMG_9740.png.avif
Established Visual Heirarchy
IMG_1051.png.avif
Standardized UI Patterns
bottom of page