• Contributed to the rebuild of Luna, Northwestern Mutual’s design system, focusing on scalable architecture, cross-platform consistency, and robust UI components built in React + TypeScript.

• Played a key role in migrating from custom CSS to Tailwind, resulting in improved styling consistency, developer efficiency, and maintainability across products.

• Integrated React Aria into Luna to build accessible UI components

• Performed accessibility audits and established best practices for semantic HTML and ARIA usage to ensure WCAG 2.2 AA conformance across the design system.

• Led internal accessibility training sessions and mentored engineers on inclusive development practices.

• Participated in on-call support, triaging issues and managing contributions from multiple teams.

• Refactored the component library to TypeScript, improving developer experience and type safety

• Authored and maintained component documentation, including usage guidelines and accessibility notes.

• Assisted in user testing and beta testing for new components, gathering feedback to drive improvements.

• Collaborated on governance and roadmap planning informed by internal needs and accessibility goals.

• Developed and maintained reusable, accessible UI components in the Saguaro Design System

• Coordinated the accessibility initiative, embedding best practices into the design system and educating engineering teams on WCAG compliance.

• Served as a technical lead between product design, engineering, and product management, translating designs into reusable components.

• Facilitated lunch-and-learns, internal talks, and documentation reviews on accessible UI patterns, design tokens, and reusability best practices.

• Migrated and refactored legacy components to align with latest system standards.

• Set up and maintained Storybook, Chromatic, and Reach UI for visual testing, documentation, and accessible patterns.

• Implemented new features using React + TypeScript and Ruby on Rails.

• Designed and prototyped product features and layouts in Figma, gathering early stakeholder feedback to optimize usability and alignment.

• Championed accessibility best-practice documentation enabling more inclusive experiences.

Enhanced product responsiveness, improving usability across devices.

• Took ownership of visual design, UI patterns, and interaction flows, maintaining brand consistency.

• Built and maintained the flagship product using Vue, Vuex, and Vuetify for an early-stage startup.

• Standardized UI presentation by defining a reusable Sass-based theming system and drafting a style guide aligned with brand standards.

• Authored and published internal documentation on design principles, development standards, and implementation patterns.

• Proposed architecture migration plans from Vue to React focusing on modularity and maintainability.

• Collaborated with designers to improve product experiences, incorporating user feedback and testing results.

• Oversaw code quality initiatives, including end-to-end testing and code reviews.

• Maintained the company marketing website, ensuring brand alignment and accessibility.