Skip to content
All work
Fight the New Drug desktop navigation with Learn, Get Help, Get Involved, and Presentations sections.
Fight the New Drug homepage headline: Revealing the harmful effects of porn. Empowering real change.
Ask FTND assistant button.
Fight the New Drug mobile About page describing its nonprofit mission.
Fight the New Drug mobile About page describing its nonprofit mission.
Fight the New Drug mobile homepage, from the introduction to research cards explaining the issue.
Fight the New Drug Redesign

Rebuilding around the visitor.

By 2022, Fight the New Drug's website had outgrown the categories it was built around. As new programs, articles, and resources were added, they competed for space in the main navigation. The site increasingly reflected how we organized our work rather than how visitors looked for information and help.

The redesign needed to go beyond a visual refresh. I started with a simpler question: What did people come here to do? That meant understanding the questions and misconceptions bringing visitors to the site, moving beyond legacy content categories and internal programs, and creating clearer paths to what people were actually looking for.

The Problem & Opportunity

When I took over the website in 2016, its content was organized around Brain, Heart, and World: the effects of pornography on individuals, relationships, and society. It was a useful framework for explaining the issue, but not necessarily how visitors looked for information or help. As our articles, resources, and educational programs expanded, so did the requests for space in the navigation. The menu was trying to do too much, and adding another link wasn't going to make it more useful.

Research & Strategy

I reviewed Google Search Console queries, social media comments, and recurring questions from contact forms to understand what brought people to the site. I also looked at analytics and internal site-search data to see what they looked for once they arrived.

Three audiences stood out: concerned partners, people looking to quit, and parents seeking guidance. Despite different circumstances, they shared two needs: understanding the issue and finding help.

Homepage & Interface Design

Navigation wasn't the only place we needed to be more direct. The name Fight the New Drug doesn't immediately tell first-time visitors who we are or what we do. The homepage needed to make that clear from the start.

I distilled the organization's mission and vision into a nine-word headline. A Learn More button led into the explainer below, while Donate reinforced our nonprofit identity and gave visitors a clear way to support the work.

I distilled the organization's mission and vision into a nine-word headline.

Moving from curiosity to understanding

With so much research and educational content to share, the challenge was making the site approachable without sacrificing depth. I built the redesign around interactive flip tiles, using eye-catching headlines and graphics to draw visitors in while keeping more detailed information just a flip away.

Flip tile
headlines and graphics invite exploration, with deeper explanations and supporting research just a flip away.
Flip tile - flipped
The flip reveals deeper context, linked research citations, and a path to a related article.
Flip tile - flipped with tooltip
Citation tooltips appear on hover (or tap on mobile), with options to view the original source or copy the citation.

On the homepage, I used this approach to create a carefully sequenced introduction to the issue. Starting with a concern nearly anyone could relate to, each tile built on the previous one, gradually introducing more complex and nuanced ideas without overwhelming visitors.

I developed the content progression, proposed the topics, and designed the visuals and interactions, while research colleagues selected the supporting evidence.

An earlier Fight the New Drug website.
The site redesign was based around interactive flip tiles.
A good way to comminicate without overwhelming the visitor
Fight the New Drug mobile About page describing its nonprofit mission.
Tiles naturally reflow for mobile and can pack content and functionality into a small screen.
Flip tiles kept information digestible without sacrificing depth, with a responsive layout that made the most of smaller screens.

Results & Impact

The most encouraging feedback wasn't about how the new site looked. It was about finding things.

After the rebuild, contact-form messages began shifting from questions about where to find resources to questions about the resources themselves. Visitors also told us the site was easier to use.

Reflections & Learnings

This project reminded me that familiar to the team doesn't always mean intuitive to a visitor. After years working on a site, you know where everything lives because you helped put it there. Shifting focus from where our content belonged to what people came to do led to clearer navigation, a more direct homepage, and landing pages built around their needs.

✳ Let’s make something useful

Got a good
"What if..."?

A role you think I’d fit. A project that needs figuring out. A conversation worth having. I’d love to hear from you.

A rough idea is plenty to start with.