Environmental Health & Safety Department

Project Goal:

Redesign the Environmental Health and Safety website to create a more intuitive, accessible, and user-centered experience. The project focused on improving information architecture, simplifying navigation, and ensuring critical safety resources were easy for the NC State community to find.

Step 2: Design

Rebuilt information architecture, implemented UX best practices, created wireframes, and refined the user experience.

Developed the site, ensured content met ADA and WCAG accessibility standards, and estasblished long-term content governance strategy.

Step 3: Build & Launch

Step 1: Research

Audited existing content, analyzed user needs to identify gaps, outdated information, and opportunities to improve the site's structure.

Before the Redesign: Homepage

The previous homepage served as a repository for Environmental Health and Safety information, but it presented users with a large voluate of content that competed for attention.

A series of gray content blocks grouped popular pages into similarly styled containers. This created a heavy visual appearance that made it difficult for users to quickly identify the information most relevant to their needs.

The redesign process began by evaluating the site's information architecture, content hierarchy, and user pathways.

My ultimate goal with this page was to reduce cognitive load, create clear visual priorities, and help users accomplish tasks more efficiently.

This prior page can be viewed here via The Wayback Machine.

After the Redesign: Homepage

The redesigned homepage applies UX best practices to guide users through a more intentional experience.

A streamlined hero section features a dynamic image slider that rotates through high-priority content. This highlights the site's most popular pages, while also providing multiple entry points into the site.

Strategic use of whitespace, consistent typography, and clearly defined content sections improves readability and establishes a strong visual hierarchy.

The new homepage provides quick access to commonly used resources, stronger calls to action, and a more structured layout. This helps users locate critical safety information with fewer clicks, creating an experience that is more intuitive and accessible for the NC State community.

This page can be viewed here via The Wayback Machine.

Before the Redesign:
Department Sub-pages

The prior website featured individual sub-pages for each department that operates within the EHPS umbrella. These pages prioritized presenting information but offered little guidance on where users should begin.

Long blocks of text, dense navigation, and similarly styled content sections required visitors to spend more time scanning the page to locate the resources they needed.

Important actions and supporting information competed for attention, making it difficult to distinguish primary tasks from secondary content.

The redesign focused on simplifying page structure and improving content organization.

This prior page can be viewed here via The Wayback Machine.

After the Redesign:
Department Sub-pages

The redesigned department pages organize content around the tasks users are most likely to complete, making critical resources easier to discover at a glance.

A clean page layout, stronger visual hierarchy, and consistent use of headings and spaces allow visitors to scan information quickly instead of reading through lengthy text.

Related resources are grouped together, navigation is predictable, and important forms, training, and guidance are surfaced throughout the page to reduce the number of clicks needed to accomplish common tasks.

The result is a more accessible, user-centered experience that supports the needs of both first-time visitors and returning users.

This page can be viewed here via The Wayback Machine

Project Gallery

Featured Project: