Drughelp.care Website
+ Brand Identity
Create a website that quickly connects those with substance abuse disorders with life-saving treatment options.
THE CHALLENGE
DATE
CLIENT
Drughelp.care
Spring 2019-2020
OVERVIEW
My involvement with Drughelp.care began as a student project at Cleveland State University. I worked with my team to conduct user research and design a website that connects those with substance abuse disorders to treatment options.
I was then hired by the Drughelp.care team to create the brand identity and worked with a multidisciplinary team to create the current website more intuitive and user-friendly.
User Research
Branding
Information Architecture
Visual Design
ROLE
PHASE 01 :
USER RESEARCH
Creating a KWL table at the beginning of the project allowed us to organize our thoughts and put structure to our research process.
KWL TABLE
Our team distributed surveys to those with substance abuse issues. Our goal was to learn more about why users are visiting the site, and what their potential state of mind is while using it. This allowed us to make better decisions.
SURVEYS
SAMPLE QUESTIONS
What resources were you searching for when first seeking help?
How did you go about searching for these resources? What keywords did you search for?
In your opinion, what aspect of substance abuse disorders does NOT get enough attention?
Throughout your recovery process, from experience, what did you find to be the most challenging part?
What experiences made the recovery process easier?
KEY TAKEAWAYS
Importance of talking to and listening
De-stigmatization of substance abuse
Getting help FAST
We also sat down with family members of those with substance abuse disorders. Hearing the stories of those in our audience allowed us to develop a deeper understanding of what people go through.
NARRATIVE INQUIRY
PHASE 02 :
BRAND IDENTITY
I was asked to create an identity for Drughelp.care that is approachable, understanding, and knowledgable.
BRAND IDENTITY
The Drughelp.care website is a place where people can go to find lifesaving treatment. The “map marker” helps to identify Drughelp.care as a destination for treatment.
The font used has soft, round edges helping to make the overall brand feel more approachable.
LOGO
COLOR PALETTE
This is a bright color combination that utilizes soft blue tones that give a sense of reassurance, along with warm pops of orange and yellow to give a sense of positivity and optimism.
PHASE 03 :
INFORMATION ARCHITECTURE
The old search filter options to find treatment services were complicated and overwhelming for users who are potentially in a crisis state of mind.
SEARCH FILTER UPGRADE
The filtering options were arranged on the left side of the screen, in a dropdown format. Someone in a panic-like state of mind looking at the number of options would possibly be overwhelming and cause them to abandon the site and not seek treatment.
TOO MANY OPTIONS
Categorizing the filters helps simplify the options users have by allowing them to make quick, easy decisions when filtering treatment options.
MY UPGRADE SUGGESTIONS
PHASE 04:
VISUAL DESIGN
LANDING PAGE
NEW FILTERING SYSTEM
PHASE 05 :
CONCLUSION
Overall, the project has been very successful. Drughelp.care continues to receive funding from Centers for Disease Control and Prevention and registers more and more treatment providers on the site every day.
CONCLUSION
MORE PROJECTS
Brand Identity + Packaging
Online Retail
2019
Brand Identity + Packaging
Jewelry
2022
Logo Concept
2021
Agriculture