SSD Consulting | Behavioral Health & Suicide Prevention Training

SSD Consulting empowers first responders and communities through comprehensive behavioral health training and support services. Our platform offers specialized courses, insights, and resources designed to build resilience and provide critical support in behavioral health crisis situations. As co-owner, I led the design and development of this Next.js application focused on creating accessible, interactive training experiences. The new enhanced website is currently under development, showcasing the latest improvements in user experience and training delivery.

SSD Consulting | Behavioral Health & Suicide Prevention Training

My Role

  • Co-Owner
  • Lead Web Developer
  • UX Strategist

Timeline

Feb 2020 – Present

Technologies

Next.jsReactTailwind CSSRadix UIFirebaseAdobe XDGoogle Analytics
Review Website (Under Development)

The enhanced website is currently under development with improved features and user experience.

The Problem

First responders and communities lack accessible, comprehensive behavioral health training and suicide prevention resources. Traditional training methods are often fragmented, difficult to navigate, and don't provide the interactive, engaging experience needed for effective learning in critical behavioral health situations.

The Solution

We developed a comprehensive Next.js application with interactive video-based learning modules, progress tracking, and expert insights from behavioral health professionals. The platform features secure user authentication, mobile-first responsive design with Tailwind CSS, and accessibility compliance through Radix UI components. We implemented course completion monitoring, resource filtering, and streamlined access to critical behavioral health information.

Design Process & Visuals

The design process involved several stages, from low-fidelity wireframing to high-fidelity, interactive mockups and detailed user flow mapping.

Wireframe designs
Low-Fidelity Wireframes
High-fidelity mockups
High-Fidelity Mockups
User flow diagram
User Flow Diagram

Results & Takeaways

  • Successfully launched interactive training platform for first responders and communities.
  • Implemented comprehensive progress tracking and course completion monitoring system.
  • Achieved WCAG 2.1 AA accessibility compliance through Radix UI integration.
  • Developed mobile-first responsive design ensuring access across all devices.
  • Created secure user authentication and management system.
  • Integrated expert insights and resources from behavioral health professionals.
  • Built interactive video-based learning modules for enhanced engagement.
Malik W. Dixon, M.S. | Portfolio