“Utah Naloxone is committed to increasing access to naloxone to prevent opioid overdose death in Utah”
Utah Naloxone is a nonprofit organization based in Salt Lake City, Utah and has been in-operation since 2015. Jen Plumb, a pediatric emergency physician at Primary Children’s Hospital, founded this organization after she lost her brother Andy to an opioid overdose.
Naloxone, also known by its brand name NARCAN, is an opioid receptor antagonist used to reverse an overdose caused by opioids (and opiates). When administered in a timely manner, it will restore breathing & consciousness in the victim and continue to block the effects of opioids for 30 to 90 minutes. It is safe to administer to anyone—pets and children included—even if the victim isn’t actively experiencing an overdose (i.e. Naloxone is an essential medicine that will not hurt, even when administered to a person that does not need it).
Visit UtahNaloxone.org to view the orginal site.
The issue is…
According to our research, users found it difficult to navigate the site and therefore could not readily access Naloxone.
I kept these users in mind while designing:
-
Those wanting to donate or contribute need to feel the site is trustworthy and professional.
-
Users with loved ones who are struggling with addiction need education and easily accessible information about Opioid addiction and how Naloxone can help.
-
Users who are battling an opioid addiction need very simple, easy access to Naloxone.
How I designed a trustworthy brand
When looking to donate or volunteer, users needed to first be able to trust the site they landed on. The current website didn’t hold much brand unity, and therefore made a less professional impression on users.
Their billboard advertisements, on the other hand, were consistent with their colors, typefaces, and design. These advertisements are a key recognition point for users, so I they would be the foundation for branding the website.
I adopted colors they used in their advertisements, typefaces used in marketing and in the website, and designed a simple logo in line with their brand personality.
A safe, professional logo. The purpose of this icon is to immediately communicate a trustworthy organization. 
The brand colors are arguably the most important part of brand recognition for Utah Naloxone. These four colors would guide us in unifying the brand between marketing and their website. 
Typography was streamlined down to just two typefaces. Hanken Grotesk served as a slightly more sturdy and trustworthy replacement for the sans-serif body font they were previously using. How I organized a skyscraper of text
Upon auditing the information architecture of the original site, it was clear that there had to be a clearer flow for users to learn crucial information. As it stood, the site would require the user to dig deep and scroll far to find what they needed.
My redesign would make it so users would need to do the least amount of work possible to learn about Naloxone.
Take a look at the following to compare between the landing page of the original site and the landing page of my redesign.
ORIGINAL SITE - Users are greeted by blocks of text and a sidebar of endless links to pages, with seemingly no ordering system.
REDESIGN - Notice the navigation bar and highlighted "learn more" and "other ways to help" links to guide users.
ORIGINAL SITE - Mobile version
REDESIGN - Mobile version
How I made it one step easier to obtain a Naloxone kit
Previously, users would find that there is no button or page that directly allows users to obtain Naloxone. There is information posted on the “Contact Us” page, but it gives no direction as to how to access a kit.
I added a “Get Naloxone” button to the front page, considering Naloxone access to be one of the highest priorities of the organization. That link takes users to a page where they can learn how to access Naloxone kits.
After multiple rounds of testing our prototype, users were surveyed on their satisfaction of the redesign.
Here are some words they used to describe the final product:
This redesign was the result of hours of user surveying and interviewing, analyzing findings, testing, implementing feedback, and iterating. Data suggests our redesign was successful! The next step would be to hand our functional prototype off to a developer to publish the site.