Project phase

Rethinking Know
the Dangers

Growing Know
the Dangers

The Know the Dangers website needed a powerful reimagining—not simply cosmetic adjustments. It was crucial to provide clear, accessible information about opioid misuse, directly connecting users to life-saving resources and support. The transformation went beyond aesthetics; it was about clarity, trust, and immediacy.

Leveraging detailed user insights—including behavioral analytics, heatmap studies, in-depth interviews, and comprehensive SEO audits—the redesign strategically reshaped user interactions. The result? Dramatically increased engagement, more effective information delivery, and significantly improved user conversions, turning the website into a critical tool in Minnesota’s fight against opioid misuse.

Visit Website

Know the Dangers - Older Version
Project phase

The Challenge

Initially, Know the Dangers faced significant usability barriers: complex navigation structures, outdated and inconsistent content, and poor mobile experience. These issues collectively made critical opioid awareness information difficult to locate and consume effectively, creating frustration for users when urgency mattered most.

My Role

Leading both design and development, every detail of the Know the Dangers website was meticulously crafted through custom HTML, CSS, JavaScript, Bootstrap, and jQuery coding. This fully responsive, custom-built platform seamlessly matched the DHS vision, prioritizing clear navigation, intuitive user interactions, and powerful calls-to-action.

Concept to Creation

Advanced Web Design Techniques

Know The Dangers - Mobile Mockup
Creative Direction
CSS
Development
Graphic Design
HTML
jQuery
Product Design
User Experience
UX/UI Design
Web Design
Wireframing (UX/UI)

The result was more than a refreshed website—it was a vital lifeline, intuitively guiding users toward critical support and information.

Know the Dangers - Older Version

Wireframes and User Interface

Initially hindered by confusing layouts and unclear navigation, Know the Dangers required decisive UI improvements. The redesigned interface prioritized clarity and ease, prominently featuring critical CTAs such as “Find Naloxone” and “Get Help Now,” significantly increasing user interaction and engagement.

Design and Customization

Driven by meticulous data analysis, the design transformation prioritized responsive mobile layouts, strategic content organization, and optimized CTAs. Enhancements like a sticky header, reorganized, scannable content, and clear action paths dramatically increased engagement, ensuring users found information quickly when every second counted.

Development and Implementation

Development focused intensely on mobile responsiveness and intuitive interactions—particularly crucial on high-importance pages like the Naloxone Finder. Each enhancement was strategically executed to ensure maximum usability, directly connecting individuals with critical resources exactly when needed.

Outcome:

The transformation of Know the Dangers demonstrates the value of effective UX design and ongoing development. By addressing initial issues and leveraging data insights, we built a platform that not only improves user experience but also furthers the organization’s mission to support individuals affected by opioid misuse.

Visit Website

Related Projects: