Drug Prevention Nonprofit Website

Desktop | Phone | Tablet | UX Design | Development| SEO | Migration | Launch

A redesign and development of an old and outdated WP website. Navigation on the old site was confusing with many hidden and hard-to-find pages. The new site is user-friendly, faster, and updated.

Prevention Links Website

Project Summary

This was a full redesign and for a NJ drug and alcohol prevention website and nonprofit agency that was over ten years old. The original site had been built on WordPress, but the server was running an outdated version of PHP.  The old site also had many components and plugins that were no longer supported in the WP repository. The server was upgraded and a new site was completely built on a staging platform and then migrated over.

Old Prevention Links Site

Old Site

Project Details

Client Name

Prevention Links

Project duration

2 Months


I built the new website on a staging platform on my own server. The site was rebuilt with navigation in mind for a more intuitive and user-friendly experience. SEO was infused on each and every page, something that was missing entirely from the old site. Once the new site was mostly complete, I updated the PHP on the client’s server in order to handle the newer WP CMS system and migrated the site over, keeping a copy of the old site on the server.

UX Design

Divi was used to create a custom UX design through the theme builder.  An easy-to-use navigation system was put into place and a proper hierarchy of information was created to sort articles and categories.

Visual Design

Divi was the theme used to customize the look. I used the original color palette from the former site in a slightly muted tone.



Dark Purple
Dark Purple


dark grey
Dark Grey







Bebas Neue 32pt

Bebas Neue 24pt

Bebas Neue 16pt

Bebas Neue 14pt

“Bebas Neue is a display family suitable for headlines, captions, and packaging, designed by Ryoichi Tsunekawa. It’s based on the original Bebas typeface. The family is suitable for pro users due to its extended character set and OpenType features.”  – From Google Bebas Neue

Body Text




Assistant 32pt

Assistant 24pt

Assistant 16pt

Assistant 14pt

“Assistant is a Hebrew and Latin type family, with a contemporary sans serif Hebrew design. The family contains 6 upright styles, from ExtraLight to Black. Hebrew type family was designed by Ben Nathan, to complement the Latin Source Sans Pro that was designed by Paul Hunt at Adobe Type. The Assistant project is led by Ben Nathan, a type designer based in Tel Aviv, Israel. ”   From Google Assistant Font

Mobile Design


All pages were provided a friendly mobile design including a custom hamburger menu and clickable call links. Contact forms and information was optimized for the mobile user.

The owner of this website has made a commitment to accessibility and inclusion, please report any problems that you encounter using the contact form on this website. This site uses the WP ADA Compliance Check plugin to enhance accessibility.