Overcoming Pornography

Another project I had the pleasure of working on was the Overcoming Pornography site. You can see the real one here. Below are some of the wireframes/finished mockups I did while I was assigned to that project.

Wireframe homepage.

Homepage mockup: Color and cleaned up the layout a bit.

Wireframe for the Individual. Allows for them to drill deeper into what content they specifically need.

Mockup: Added color and pictures.

I also created a second, tree of information where users could drill down to the information they desired. More question based, and less confusing than the cards.

Mockup of an individual article. Movie option in the header and related content in the article.