Cystic fibrosis is a hereditary disease that affects the lungs and digestive system. It can be life-threatening and scary for both patients and their caregivers. Eugene The Gene is here to explain the complicated science behind it through a series of comics.
![](https://cdn.myportfolio.com/2d988248f162a2cea9e1eecee78789bb/e4af6bc4-9b01-4e91-8bc4-3effad1e9882_rw_1920.jpg?h=d6e3eaf50b392c56916458b4637b7e34)
The birth of Eugene
When the client first came to us with a task asking for a downloadable PDF on the website that contains the same info on the website already. I immediately questioned, "Why?"—Why would our viewers want to download a PDF that they can print directly from the website? How does it add value to the brand?
Turns out that the client had a small budget that needed to be spent, and they went with the most straight forward solution, so I did some research and suggested that we should create a tool that will help bridge the communications between patients (age 2-17) and caregivers. Still a downloadable PDF (to keep within the budget and time constraints) but it's a downloadable comic strip that the caregivers can read with their kids with CF.
![](https://cdn.myportfolio.com/2d988248f162a2cea9e1eecee78789bb/b1aec61b-27f9-4467-b680-93d34d085d04_rw_1200.png?h=856459b72d638105ebb5b7c30067705b)
![](https://cdn.myportfolio.com/2d988248f162a2cea9e1eecee78789bb/f08ed33e-7b14-4983-8bf8-833608882014_rw_1920.png?h=b17d06e9208657dd4a04783a7f2b6322)
![](https://cdn.myportfolio.com/2d988248f162a2cea9e1eecee78789bb/9300ee38-a180-47c8-9736-1002802a707a_rw_1920.jpg?h=6c8d7bc68b0654c9d626b455f23b85ba)
![](https://cdn.myportfolio.com/2d988248f162a2cea9e1eecee78789bb/d10156da-699c-4cec-8378-272de560011a_rw_3840.jpg?h=7340c3f23ca573bae21495d14c0c9b86)
![](https://cdn.myportfolio.com/2d988248f162a2cea9e1eecee78789bb/aa77be9d-f62a-4f2c-a420-1dec2ea42d8c_rw_3840.jpg?h=99ff98ac9d86fa1ade8b80f22227ba6f)
Animation Video
With the well-received feedback from testing, Eugene is brought to live in motions as well.
(in partnership with Watermark)
![](https://cdn.myportfolio.com/2d988248f162a2cea9e1eecee78789bb/3fae0951-d226-40e6-84fa-a977e5100484_rw_1920.jpg?h=8c37856b64c80d9f3728536b57376161)
Website Implementation
A website update to make Eugene a feature
(in partnership with Dan Lee for UX)