WVU Well-being

We worked with the WVU Health Sciences Communications team to organize and present the University’s health and wellness resources across several related microsites. Building upon the WVU Health design system, we unified the digital experiences for promoting awareness and helping students, staff, and patients find the appropriate resources.

Disciplines: Design lead; Visual design; Motion design; Front-end development
Tools: HTML/CSS; JavaScript; GSAP; Umbraco CMS
Timeline: October 2022

See the Pen on CodePen.

WVU’s well-being tagline, “Be Well. Be Mindful. Be Active.”, is uniquely presented in a fun animated divider component.

An engaging carousel component is used to highlight the various wellness services offered at WVU.

Showcasing the multi-dimensional Well-being Wheel was a must-have, and a previously used circular component was a perfect fit to create an engaging and interactive component.

On the Paths to Well-being page, visitors are able to search and filter more than 100 health and wellness resources by name, audience, priority, and service. To create the most robust results possible, analytics are used to identify common search words and clicked items.

The cards at the top of this page are updated seasonally to highlight the most popular resources, each linking to a pre-filtered list of resources.