HPVcancerbye

Visit website
Mobile-first educational site making HPV vaccine information accessible and actionable
Year
2022
Category
Website

Introduction

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.

Background and Design Challenges

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.

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.

Have a new Project in mind?

Explore your project with us! Schedule a 30-minute discovery call and leave with valuable insights and great advice.

Schedule Your Discovery Call