DOL Beta Redesign

I led UX strategy and design efforts supporting the Department of Labor’s website redesign, focused on creating a clearer, more accessible, and user-centered digital experience for a wide range of audiences.

Year
2025 - 2026

Client
Department of Labor (through Insignia Federal Group)

Discovery

The discovery phase focused on gaining a deep understanding of how users currently navigate and experience DOL content. By synthesizing documentation and understanding user pain points and gaps, I was able to identify key design opportunities.

Low-Fidelity Wireframes

With discovery insights in place, I moved into low-fidelity wireframes to explore layout, hierarchy, and user flows without the distraction of visual design. These wireframes focused on validating structure, content prioritization, and navigation patterns, allowing for rapid iteration and early stakeholder feedback before progressing to higher-fidelity design.

UI Styling and Design System

Following wireframing, I led UI styling and design system efforts to translate structure into a cohesive, visual language. This phase focused on establishing consistent design patterns, scalable components, and clear interaction styles—ensuring the experience could support multiple agencies while remaining flexible, usable, and compliant with federal accessibility standards.

A color palette chart displaying various shades categorized as primary, secondary, tertiary, grayscale, and special state colors. Each category contains color swatches with hex codes and names.
A webpage screenshot displaying various examples of typography styles, including headers, subheaders, paragraphs, lists, and highlighted text with different font styles and colors, titled 'Typography'.
A digital graphic displaying iconography and illustration categories, including custom duo-tone icons, social media icons, a large collection of USWDS icons, and file icons.
A template for organizing accordion content with sections for unbordered, bordered, and multiple bordered items, each with placeholders for titles and content.
Guide showing different alert styles including informational, warning, error, and success messages, with variations using icons, no icons, and slim alerts, as well as examples of contextual alerts for password change policies.
A webpage layout with a blue header labeled 'Breadcrumb' and two sections labeled 'DESKTOP' and 'MOBILE'. The desktop section contains a breadcrumb navigation structure with nested links, while the mobile section displays a vertically arranged breadc
A webpage showing design elements for buttons and links, including button styles in different states and filter tags with default, hover, and active states.
A digital template for presenting various cards, with sections for agencies, card titles, notes, and different categories of cards including research, programs, and initiatives, designed with blue highlights and placeholder text.
Screenshot of a webpage titled 'Collection' displaying multiple blog, event, forms, press release, and program sections, each with headings, dates, and placeholder text.
Screenshot of the U.S. Department of Labor's policy and regulations webpage, showing navigation menus, links, and mobile view of the site.
Screenshot of the U.S. Department of Labor website showing the footer section with contact information, social media icons, and links in both desktop and mobile views.
Screenshot of a website search page with a dark blue header labeled 'Search', a site search input box, and a global search field with a larger search box, topic and agency filters, and a list of checkbox options for various government offices and boa

You can view the live Department of Labor beta site here.