Project Showcase: Our Bodies Ourselves. The coolest stuff Strategy session Logo redesign Wireframes Design mockups First impression testing Mobile responsive.

Project Showcase:Our Bodies Ourselves

The coolest stuff

•Strategy session •Logo redesign•Wireframes •Design mockups•First impression testing•Mobile responsive coding•Custom content types and taxonomies•Plugins for increased functionality•Content migration and reorganization• Integration with Blue State Digital

Out with the old

Old proprietary CMS for the main site +Unbranded WordPress blog+Campaign microsite

In with the new

SuperchargedWordPress+Blue State Digital+ Tons of work=Powerhouse!

Cool Thing #1: First Impression Testing

First Impression Testing: The Tasks

Imagine that you come to this site and don’t immediately see what you want on the homepage. Where do you go to search?

You just received an email from the organization, asking you to make a donation, and you’d like to do that on the website. Where would you click?

You’d like to learn more about breastfeeding. Where do you click?

You just heard that the organization has created a petition to expand access to midwifery care. Where would you go to view the petition?

Where would you click to follow this organization on Facebook or Twitter?

You want to find out about “Our Bodies, Ourselves” in other languages. Where would you click for that information?

Content Discoverability

Fundraising

Content Discoverability

Advocacy

Engagement

Outreach

TESTING TASK PRESENTED TO TEST SUBJECT

Cool Thing #2: Mobile Responsive

Cool thing #3: Custom content types

& taxonomy

That’s acategory link

That’s a taxonomy term page

Custom content types & taxonomy

Those are subcategories

Custom content types & taxonomy

Cool thing #4: Plugins:Advanced Custom Fields

Not just related content, specific related content

Plugins: WordPress Popular Posts

WordPress Popular Posts, heavily customized to:

• Smoosh together its “most popular” and WordPress standard “latest”

• Show 4 views instead of one

Plugins: AddThis

• Provide social sharing icons on right margin

• Offer articles “Recommended for you”

Plugins: Category and Related Term Taxonomy Order

• Gives OBOS the ability to give each post a weight, thus ordering it in these boxes

Plugins: Widget Context

• Complete control over sidebar widgets

Plugins: Others

• Contextually Related Posts for related posts throughout

• DreamPress’ Varnish for caching

• Gravity Forms for contact and submission forms

• Blue State Digital for Stay Informed and Donate

About Cornershop CreativeWe’re a small, passionate web services team that helps nonprofits with:• Website design• Strategic planning• Campaign

implementation• Content strategy• Usability studies• Gardening ;)

Thank you

Want to learn more about how we helped Our Bodies Ourselves, or how we can help you?

Email us at [email protected] us at Booth 323 at the Science Fair

BEN BYRNE

LESLEY MOLECKE

IRA HOROWITZ