The site started as a small Minnesota resource about drug risks. It was hard to read on phones and key help links were buried. People who needed help could not find it fast.
I worked with the team to center quick paths to help. Find naloxone, get treatment info, read real stories. Pages are easy to scan and the voice is calm and direct.
Turn a basic info site into a place that helps people in real time. Serve different groups at once. Someone in crisis. A parent. A community partner. Keep reading level low and make the first step clear.
I led UX, UI, and front end from kickoff to launch. I reviewed analytics, mapped journeys, and built wireframes in Figma. I designed screens in Figma and prepared images in Photoshop and icons in Illustrator. I built a custom WordPress theme and wrote HTML, CSS, and JavaScript with a light touch of jQuery.
More people find help in fewer steps. Visits and key actions grew. Time on help pages went up and exits dropped. The site now meets people where they are and gives them a clear next step.
The homepage starts with Get Help. Clear routes guide each audience. Short sections, large buttons, and plain headings keep people moving without guesswork.
Warm colors, high contrast, and large type make the site easy to read. Photos show real people and real recovery. Simple graphics explain risks and steps without fear.
Built on WordPress so the team can update content fast. Custom templates replace heavy plugins. Images are compressed and code is trimmed so pages load quickly on any connection. Menus work by keyboard and screen reader. The naloxone finder uses a map tool with a simple search field. Key actions are tracked to see what helps.
More people find help in fewer steps. Visits and key actions grew. Time on help pages went up and exits dropped. The site now meets people where they are and gives them a clear next step.