Hopkins Cystic Fibrosis banner

How do you empower the patient and family?

Johns Hopkins Cystic Fibrosis Center

Most people with cystic fibrosis (CF) are diagnosed early in life. Therefore, the ability to address parents or guardians as well as speak to a young audience and support them as they reach adulthood were important objectives of the website. This online resource needed to be informative, easy to understand, less intimidating, and hopeful.

Ion Channels - Hopkins CF

The Solution

Clarity through the visualization of content

Utilizing our design team’s background in biocommunications and medical illustration and animation, we were able to take complex information and make it easier to understand. We conveyed different aspects of CF including explaining pioneering research findings on the structure and function of the CFTR protein, describing novel therapies to clear airways and control infections, and communicating new ways to manage CF. Illustrations and animations tell what a thousand words cannot. The content was also communicated to children through online interactive modules. This friendly approach eased the anticipation one might feel when first visiting the center. Videos and social media were also distributed to help parents, teens, and adults better understand how to live with cystic fibrosis.

Gene infographic - Hopkins CF
Custom Medical Illustrations
Interactive anatomy graphic - Hopkins CF
Interactive Learning Modules
Ball Exercises - Hopkins CF
Integration of Videos and Social Media
UX - John Hopkins Cystic Fibrosis


Website design
Website development




General public
Patients from children to adults
Family of patients

W3 Awards: Silver Award for Health Website – Johns Hopkins Cystic Fibrosis Center

How can we help?

Call us to learn more about our work and how we can customize a solution for you.