Project phase

Rethinking KFI
Engineers

Growing KFI
Engineers

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.

Visit Website

KFI Old Website
KFI New Website
Project phase

The Challenge

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.

My Role

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.

Concept to Creation

Advanced Web Design Techniques

Creative Direction
CSS
Development
Graphic Design
HTML
Information Architecture
jQuery
Product Design
Prototyping
SEO (Search Engine Optimization)
User Experience
User Journey
UX/UI Design
Web Design
Wireframing (UX/UI)

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.

Wireframes and User Interface

The homepage starts with Get Help. Clear routes guide each audience. Short sections, large buttons, and plain headings keep people moving without guesswork.

KFI New Website

Design and Customization

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.

Development and Implementation

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.

Outcome:

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.

Visit Website

Related Projects: