Case Study - Large-scale web overhaul on a tight timeline

Transformed a sprawling federal website by integrating USWDS & building custom CMS tools.

Project
OPM.gov
Year
Service
UX, Web development, CMS
Services for Agencies landing page on OPM.gov, with reusable components like a hero image with text, a call to action text and button, and cards with icons.

Overview

OPM.gov is the primary public-facing website for the U.S. Office of Personnel Management, responsible for disseminating critical information to millions of federal employees, retirees, and agencies. With 40M users a year and a wide-ranging audience base, the site required a full modernization to align with updated brand standards and meet modern accessibility, usability, and maintainability benchmarks.

I led the UI/UX strategy and implementation for this high-visibility project, overseeing a comprehensive redesign and content refactor under an aggressive four-month timeline.

Active users
24%
Organic search traffic
21%
User engagement
26%
Mobile/tablet traffic
23%

My Roles

  • UX Strategy
  • User Research
  • Custom CMS
  • Accessibility
  • Frontend (JQuery)
  • ASP.NET Razor
  • USWDS
  • SASS

Goals

  • Align the site with updated OPM brand standards
  • Refactor legacy templates and content into the U.S. Web Design System (USWDS)
  • Improve editing and content management flexibility
  • Enhance accessibility and searchability of core information
  • Reduce support volume by empowering both editors and site users

Strategy & Execution

Full-Site Redesign & Refactor

We audited and modernized more than 10,000 legacy pages, refactoring them with USWDS. The result was a consistent, accessible, and responsive experience across the site.

  • Visual and structural overhaul based on updated OPM branding
  • Integrated USWDS v3 components across all templates and content types
  • Performed extensive content QA and accessibility testing at scale using automated and manual methods
  • Headlesss / client-rendered navigation, reducing server load

Custom CMS + Site Building Tools

These new tools are the secret sauce I didn't know I was missing. I feel like I'm a developer now.
Content editor

To empower content owners and reduce developer bottlenecks, I extended the CMS with custom reusable design patterns and flexible layouts.

  • Enabled editors to easily create interactive, accessible pages
  • Developed CMS tools to enable content owners to convert dense PDFs into richly featured, indexable web pages, making information easier to find and navigate
  • Built granular, role-based workflow tools tailored to specific program office needs
  • Created a comprehensive training site, style guide, and help center for editors, significantly reducing CMS-related support tickets
Custom site-building components showing a hero, call-to-action with image layout, and a carousel with keyboard navigable options.
Custom site-building components w/carousel
Wireframe with card and block components
Wireframe with component options of a text banner, blocks, and cards.

Retirement Support Center

We launched a Retirement Services Support Center to increase retiree self-service and reduce support burdens:

  • Conducted user studies to validate contact preferences and improve discoverability of key information
  • Delivered plain-language answers to common retirement questions in an accessible, centralized format
  • Offered multiple contact methods while guiding users toward a smart contact form, leading to reduced call center volumes
  • Designed the form to require and validate claim numbers before proceeeding, significantly decreasing unactionable inquiries
A step-by-step help guide of how to access your annual summary of payment, with a feedback button asking Was this Helpful?
Step-by-step help w/feedback
Contact form showing help text for required formatting on the claim number field.
Secure contact form with validation

Results & Impact

  • Delivered a full-site refresh and refactor in just 4 months
  • Increased CMS adoption and usage by non-technical staff
  • Boosted access to high-value content through searchable, interactive pages
  • Met federal accessibility standards across thousands of updated pages
  • Reduced support requests via self-service options

Analytics showed substantial year-over-year increases in key metrics, including search engine referrals, device usage, engagement and users, validating the goals of the project.