Mobile-first educational site making HPV vaccine information accessible and actionable
Year
2022
Discipline
Website
01 · Context
HPVcancerbye.com is an educational website with a mission: teach people about HPV and drive vaccination. Unlike typical educational sites, we prioritized mobile-first design to reach users on their devices and remove barriers to action.
02 · System
The site needed to solve specific user problems: visitors struggled to find information in the same page with different campaign messages. We rebuilt the information structure and improved content discoverability.
The site's diverse user personas—people with different symptoms and concerns—made it hard to pinpoint a single ideal user. We simplified categorization so everyone could find key details upfront.
03 · Experience
Mobile-first educational site making HPV vaccine information accessible and actionable
04 · Outcome
Result
We designed unique icons for each symptom, used across the site for familiarity. Flat illustrations break monotony and reduce content complexity. Pastel colors (green, brown, yellow, beige) create contrast with text.
HTML5 Lottie animations optimize information delivery and CTAs, helping users learn about HPV health and vaccination through engaging infographics.
Next project
SIMFOView case study