Freddie Mac

Overview

My most recent tenure was an extended four-year engagement with Freddie Mac, where I served as a UX Engineer and Senior UX Developer on the team responsible for the organization’s public-facing digital ecosystem.

UX Engineering & Digital Experience Modernization

Working closely with UX designers, developers, product owners, and stakeholders, our team was responsible for designing, prototyping, building, and maintaining the user experiences that powered Freddie Mac’s web presence. Over the course of the engagement, we helped modernize the platform, improve accessibility, establish scalable design patterns, and transition the organization from TeamSite to Drupal.

My Role

As a UX Engineer, I operated at the intersection of design and development.

My responsibilities included:

Translating UX and visual design concepts into production-ready interfaces
Building reusable front-end components and design patterns
Creating interactive prototypes for stakeholder review
Enhancing accessibility and WCAG compliance
Modernizing JavaScript interactions and UI behavior
Developing responsive layouts across multiple screen sizes
Collaborating within Agile workflows using Jira
Supporting the migration of legacy experiences into Drupal

Because our team was relatively small during the early phases of the project, we were heavily involved in creating the foundational systems that would later scale across the platform.

Design System & Component Architecture

Our team developed a scalable library of reusable components that became the foundation of Freddie Mac’s digital experience.

Using Drupal, Twig templates, Paragraphs, and Atomic Design principles, we created flexible modules that could be assembled into complete pages while maintaining consistency, accessibility, and performance.

Each component was designed to be responsive, content-aware, and adaptable to different business and content needs.

Accessibility & Modernization

Accessibility was a major focus throughout the project.

We improved keyboard navigation, semantic markup, screen reader support, form usability, and overall WCAG compliance while modernizing interactions, animations, and front-end functionality to create a more intuitive user experience.

Drupal Migration

One of the largest initiatives during my tenure was Freddie Mac’s migration from TeamSite to Drupal.

While third-party partners helped establish Drupal standards and training, our internal team led much of the UX and front-end implementation, rebuilding layouts, migrating components, and ensuring a seamless transition to a more scalable platform.

Forms & User Workflows

Complex forms were a critical part of the platform.

I helped build and enhance form experiences that included real-time validation, accessibility support, responsive layouts, and intuitive interaction patterns designed to reduce friction and improve completion rates.

Impact

Over four years, I contributed to the modernization of Freddie Mac’s public web platform by:

Building reusable design system components
Improving accessibility across the site
Supporting a major CMS migration to Drupal
Modernizing front-end interactions and user experiences
Creating scalable solutions for long-term growth

What began as a one-year contract evolved into a four-year engagement, providing the opportunity to help shape and improve one of the nation’s largest financial services websites.

Technologies: Drupal, Twig, HTML5, CSS/SCSS, JavaScript, Accessibility (WCAG), Responsive Design, Jira, UX Prototyping, Atomic Design, Agile Development

Media Panel

Card with Image

Card no Image – Single and Double Author (Drupal Advanced Views)

Article Header – Double Author

Media Panel and Offset Media Panel – Left, right, single & double buttons, multiple color options

Leaders Information Page (Resolve bug in a faulty Drupal view by forcing high-resolution image rendering and corrected the close-button functionality)