Our goal was to take a complex topic, mental health and well-being in the workplace, with over 219 references, and find a way to present the evidence-based research in a friendly, approachable way. We turned a wall of text into a digestible digital experience that any member of the public could read and understand.

For this project, I collaborated with the senior design researcher to establish a framework and with visual designers to develop a compelling and engaging digital experience. Finally, I implemented the scroll-based animation, fading background images, and delivered the page to launch alongside the printed version of the Workplace Well-Being and Mental Health Advisory.

Achievements

• users averaged over 5 minutes and 30 seconds for time on page, whereas across all HHS pages, users averaged about 2 minutes; on the workplace mental health and well-being page, users averaged as high as 8 minutes for time on page
• high level of conformance to federal best practices, including WCAG (Web Content Accessibility Guidelines), Section 508 guidelines, plain language guidelines, and best practices of USWDS

For this project, I was tasked with visualizing self-reported data and third-party data with customized combinations and filters. The goal was to balance high data density with narrative and storytelling.

I delivered designs for visualizing weekly self-reported data and third-party data, collaborating closely with client project managers, client engineers, and client designers.

Recommendations included:

• when to use bar, column, and line charts,
• how to compare multiple data sets,
• how to approach labels and legends,
• options for colorblind-friendly color palettes including qualitative and sequential palettes, and
• how to follow their internal narrative-driven design principle for data visualizations.

To speed up the feedback loop between stakeholders and designers, I quickly created prototypes of various data visualizations using mock data.