intro image to the journey toward treatment

About the Project

Journey Towards Recovery
Examining America’s Hurdles to Opioid Treatment

Coming on the heels of the recently passed Comprehensive Addiction and Recovery Act (CARA) passed by congress on July 14th. Among some of the things that this act provides is expanded support for medication-assisted treatment for opioid addiction. Recovery Brands worked to put out a one page website highlighting the severity of the problem of opioid addiction and some of the statistics around treatment. This page also describes some of the hurdles that people need to be aware of when looking to get into treatment.

Project Specifics and Restrictions

overview of the journey toward treatment

The Journey Toward Recovery was only meant to be a one page website with a strong call to action. The call to action would then open a modal for the user to see more centers that provide medication-assisted treatment. The modal would also contain another CTA to drive traffic to The concept behind the page was the viewer would follow a character though out the process of finding and getting into treatment. The kicker for this project was a tight deadline. We only had two weeks to design and dev the page in time to launch it for Overdose Day which is on August 31st.

Visual Inspiration

visual inspiration for the project

The Visual direction for this page was fairly straight forward. It needed to look like it was part of the Recovery Bands site with an addition of a character. The character needed to be gender neutral and non stigmatizing. With that in mind I decided to make a character that is similar the characters on the Dumb Ways to Die PSA. Using the blue colors from the Recovery Brands website as an anchor, I decided to make the character a bright complimentary orange. This way the color pallet feels new but is familiar to the viewer and insures that the brand feel in consistent.

Wire Frames

Journey toward treatment wireframe

The wireframes helped to page to take shape and define where the character would live. I decided that the character should not overpower or distract from the viewers reading. Instead I wanted the character to act more as an anchor point for viewers to understand what each section would talk about at a glance. The character also creates a signpost for returning viewers to find what they need while scrolling. Whitespace around each section creates clear breaks in the content.

Character Development

All of the opioid illustrations together

The character needed to have character! To avoid having the a clipart feeling, I wanted to flood the character with movement and expression. I focused the user on the motion and facial features by limiting the details in the arms and legs. Instead I would only use the character’s limbs to amplify it’s actions. Adding a backpack and boots help to give the character realistic properties and would help give the cylindrical body direction and weight. It was important to keep in mind the seriousness of what this character is going through. The character couldn’t have a happy go lucky smile while they struggle to find help with their addiction. Although most images show the concern and determination of the character, I tired to find opportunities for the character to feel relatable. I felt the ugly picture on the insurance card, the concerned expression as they pull money from a wallet, and the struggle scene with others are places where the viewer can connect with the character.


final designs for the journey toward recovery webpage

Bringing all the components together to create a cohesive feeling. Subtle changes in value and drop shadows keep the content grouped together. Clear typography creates an easy to understand hierarchy of information and signifiers allow the users to know what areas are interactive. Repetition and rhythm is created through the framing of the images and how each section title is layout out opposite of the one before it. The Call to action is clear and eye catching at the bottom of the page.


The Journey Toward Recovery Page was launched on time for Overdose Day although some functionality had to be omitted. At the time of this writting, the modal had to be removed do to problems with pulling the correct information from out database. Despite this set back, we are still able to serve our customers with valuable information in their search for treatment and lead them with the call to action to You can see the full site here.


A huge thank you to Jenny Bormacoff for being the front end developer on this project and making my designs and illustrations look so good.