NIMHD Redesign
The National Institute on Minority Health and Health Disparities (NIMHD) needed a complete website overhaul to better align with modern web standards, improve accessibility, and deliver a more intuitive user experience. I joined the project as the Lead UX/UI Designer, and led efforts to conduct a content audit, restructure the information architecture (IA), and develop a custom child design system based on the U.S. Web Design System (USWDS) to create responsive designs for the site. The primary goals were to meet the 21st Century Integrated Digital Experience Act (IDEA), ensure Section 508 Compliance, and enhance usability for diverse audiences, which included researchers, public health professionals, and community organizations.
NIMHD Redesign
Cover to Cover is an independent publishing company. We were commissioned to rebrand the company with its new mission of penetrating the E-books market.
Overview
The National Institute on Minority Health and Health Disparities (NIMHD) needed a complete website overhaul to better align with modern web standards, improve accessibility, and deliver a more intuitive user experience.
As the Lead UX/UI Designer, I led efforts to conduct a content audit, restructure the information architecture (IA), and develop a custom child design system based on the U.S. Web Design System (USWDS). The primary goals were to meet the 21st Century Integrated Digital Experience Act (IDEA), ensure Section 508 Compliance, and enhance usability for diverse audiences, including researchers, public health professionals, and community organizations.
CLIENT
National Institute on Minority Health and Health Disparities
ROLE
Lead UX/UI Designer
CATEGORY
UX/UI Design
Web Design
NIMHD Redesign
Reimagining accessibility and engagement for diverse public health audiences.
Previous Design
The Challenge
The NIMHD website faced critical issues: complex navigation structures, accessibility shortcomings, and a lack of responsive design, which made it difficult for users to engage effectively across devices. These issues created barriers to communication with key user groups and highlighted the need for a comprehensive, user-centric redesign.
The Process
RESEARCH & DISCOVERY
We began with a comprehensive content audit and user analysis, developing detailed personas to represent key user groups, such as researchers and underserved communities. Google Analytics data revealed high bounce rates, while an accessibility audit identified over 435 pages with WCAG compliance issues. These insights shaped our approach to IA restructuring and content prioritization.
DESIGN & IMPLEMENTATION
I adapted the USWDS to create a tailored child design system, focusing on responsive, mobile-friendly, and accessible design elements. The design process followed an iterative approach, using wireframes and prototypes tested through usability sessions. Collaboration with content strategists, developers, and stakeholders ensured that each phase met user needs and strategic goals. Detailed annotations and organized Figma files facilitated a seamless handoff to the development team.
The Process
RESEARCH & DISCOVERY
We began with a comprehensive content audit and user analysis, developing detailed personas to represent key user groups, such as researchers and underserved communities. Google Analytics data revealed high bounce rates, while an accessibility audit identified over 435 pages with WCAG compliance issues. These insights shaped our approach to IA restructuring and content prioritization.
DESIGN & IMPLEMENTATION
I adapted the USWDS to create a tailored child design system, focusing on responsive, mobile-friendly, and accessible design elements. The design process followed an iterative approach, using wireframes and prototypes tested through usability sessions. Collaboration with content strategists, developers, and stakeholders ensured that each phase met user needs and strategic goals. Detailed annotations and organized Figma files facilitated a seamless handoff to the development team.
DESIGN & IMPLEMENTATION
I adapted the USWDS to create a tailored child design system, focusing on responsive, mobile-friendly, and accessible design elements. The design process followed an iterative approach, using wireframes and prototypes tested through usability sessions. Collaboration with content strategists, developers, and stakeholders ensured that each phase met user needs and strategic goals. Detailed annotations and organized Figma files facilitated a seamless handoff to the development team.
The Process
RESEARCH & DISCOVERY
We began with a comprehensive content audit and user analysis, developing detailed personas to represent key user groups, such as researchers and underserved communities. Google Analytics data revealed high bounce rates, while an accessibility audit identified over 435 pages with WCAG compliance issues. These insights shaped our approach to IA restructuring and content prioritization.
DESIGN & IMPLEMENTATION
I adapted the USWDS to create a tailored child design system, focusing on responsive, mobile-friendly, and accessible design elements. The design process followed an iterative approach, using wireframes and prototypes tested through usability sessions. Collaboration with content strategists, developers, and stakeholders ensured that each phase met user needs and strategic goals. Detailed annotations and organized Figma files facilitated a seamless handoff to the development team.
RESEARCH & DISCOVERY
We began with a comprehensive content audit and user analysis, developing detailed personas to represent key user groups, such as researchers and underserved communities. Google Analytics data revealed high bounce rates, while an accessibility audit identified over 435 pages with WCAG compliance issues. These insights shaped our approach to IA restructuring and content prioritization.
DESIGN & IMPLEMENTATION
I adapted the USWDS to create a tailored child design system, focusing on responsive, mobile-friendly, and accessible design elements. The design process followed an iterative approach, using wireframes and prototypes tested through usability sessions. Collaboration with content strategists, developers, and stakeholders ensured that each phase met user needs and strategic goals. Detailed annotations and organized Figma files facilitated a seamless handoff to the development team.
The Process
RESEARCH & DISCOVERY
We began with a comprehensive content audit and user analysis, developing detailed personas to represent key user groups, such as researchers and underserved communities. Google Analytics data revealed high bounce rates, while an accessibility audit identified over 435 pages with WCAG compliance issues. These insights shaped our approach to IA restructuring and content prioritization.
DESIGN & IMPLEMENTATION
I adapted the USWDS to create a tailored child design system, focusing on responsive, mobile-friendly, and accessible design elements. The design process followed an iterative approach, using wireframes and prototypes tested through usability sessions. Collaboration with content strategists, developers, and stakeholders ensured that each phase met user needs and strategic goals. Detailed annotations and organized Figma files facilitated a seamless handoff to the development team.
The Process
The Process
This is a paragraph area where you can add your own text. Just click “Edit Text” or double click here to add your own content and make changes to the font. It's a great place to tell a story about your business and let users know more about you.
Briefly introduce yourself and share something interesting with website visitors. Double click to edit the text.
Briefly introduce yourself and share something interesting with website visitors. Double click to edit the text.
The Solution
This is a paragraph area where you can add your own text. Just click “Edit Text” or double click here to add your own content and make changes to the font. It's a great place to tell a story about your business and let users know more about you.
Write your title here. Click to edit.
Design Highlights & Takeaways
This is a paragraph area where you can add your own text. Just click “Edit Text” or double click here to add your own content and make changes to the font. It's a great place to tell a story about your business and let users know more about you.
