Interactions

An innovative harm reduction web application designed to provide users with comprehensive information on the interactions of various recreational drugs, ensuring safer usage practices and informed decision-making.

View Site

Client

Internal Project

Collaborators

Good Night Out

Slime Studio

Aspects

Visual

UX&UI

Systems

Project Overview

Interactsions is an innovative harm reduction web application designed to provide users with comprehensive, evidence-based information about recreational drug interactions. This platform addresses a critical gap in public health resources by offering accessible, non-judgmental information that helps users make safer, more informed decisions about substance use.

Interactions serves as a valuable resource for individuals seeking reliable information about drug interactions, particularly in festival and event contexts where harm reduction is crucial and people may be trying new substance combinations for the first time.

NOTE : This project is on the web but is private due to the sensitive nature of the content until we can retain legal counsel. If you are interested in seeing the whole project in its current state please contact me.

No items found.

UX&UI

No user experience or interface design work was done by Muro Studio on this project.

No items found.

User Experience Design Strategy

The interface was designed with clarity and ease of use as primary objectives, recognizing that users might be accessing this information in sensitive situations where confidentiality is important. The design prioritizes intuitive navigation and immediate access to critical safety information.

Mobile-First Design Approach

Built with a mobile-first responsive design for accessibility on any device, the interface ensures users can access vital information regardless of their device or internet connectivity. The design accommodates the primary target audience of festival-goers who may be using certain drugs for the first time and need quick, reliable access to safety information.

Accessibility & Usability Features

Key design decisions include intuitive drug selection interface with search and category filtering, clear color-coded interaction warnings with severity levels, and offline functionality for situations with limited internet access. The interface is specifically designed to run on iPad and be accessible from harm reduction booths in festival or event contexts.

User-Centered Content Strategy

All content follows harm reduction principles, providing factual information without encouraging or discouraging use. The app includes detailed interaction matrices for common recreational substances, safety guidelines and risk mitigation strategies, emergency contact information and overdose response protocols, and links to local harm reduction services and support resources.

Systems

No system design work was done by Muro Studio on this project.

No items found.

Data Integration & API Management

The data is taken from the TripSit database synchronized through their API and stored in Airtable for collaborative review. This ensures access to reliable, up-to-date information about drug interactions. The system includes real-time search functionality with predictive text and regular content updates based on latest research and guidelines.

Privacy-Focused Architecture

Built with a secure, privacy-focused architecture with no user data storage, the application ensures complete anonymity for users seeking sensitive health information. The system includes anonymous usage with no data collection or user tracking, recognizing the sensitive nature of the information being accessed.

Visual

No items found.

Visual Design & Brand Identity

Max Ammo from Slime Studio created the illustrations while I handled the rest of the visual elements in the UI. The visual design needed to convey trust, reliability, and accessibility while maintaining a non-judgmental approach to sensitive health information.

Interface Design Elements

The design features clear, color-coded interaction warnings with severity levels that allow users to quickly assess risk levels. The visual hierarchy prioritizes safety information while maintaining an approachable, non-intimidating aesthetic that encourages users to seek out important safety information.

Accessibility-Focused Design

The visual design prioritizes accessibility with high contrast ratios, clear typography, and intuitive iconography. The color-coded warning system uses universally recognizable visual cues to communicate risk levels quickly and effectively, ensuring users can make informed decisions even in challenging circumstances.

No visual design work was done by Muro Studio on this project.

Sound

No items found.

No sound work was done by Muro Studio on this project.

Contact Me

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.