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
whiteboard notes on filtering system

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