Development | May 10, 2012

19 Best Nonprofit Websites (And Why They’re Awesome)

19 Best Nonprofit Websites (And Why They’re Awesome)

Non-Profits are often faced with a unique challenge when redesigning their websites.  Like other websites, they need to clearly communicate the mission of the organization, have a clear call to action, and engage their audience.  We’ve selected 19 best non-profit websites that we think best accomplish this goal.  Some of them use innovative design, some use multimedia, and some use humor.  All of them accomplish the most important thing: When you leave, you know what they do and how you can help.

How to Measure Social Media ROI for Nonprofits
How to Measure Social Media ROI for Nonprofits
This free download for teaches you how to plan measurable social media campaigns. It applies to any organization, but it’s specifically created for nonprofits.

Name*

Email*

Company

Are you interested in working with social driver?

Please leave this field empty.



Please leave this field empty.

Acumen Fund

The Acumen Fund has one of the most innovative designs we’ve seen.  The homepage clearly tells their story, with sections on “What We’ve Accomplished”, “What We’ve Learned”, “Where We’re Headed”, and “How You Can Help”.  Each section features information told in an infographic style to keep the visitor engaged throughout their entire story.  And most importantly, the big black Donate button follows you the entire way down the page.  We love this site.

 

A Pine Ridge Story

Pine Ridge Story Best Nonprofit Website
Pine Ridge Story uses photographs to tell the story of the Pine Ridge Reservation.  Their interactive timeline lets visitors dive deep into the history of the Oglala Lakota and Teton Sioux.

 

Counterspill

Counterspill Best Nonprofit Websites
Counterspill recently won three Webby awards and it’s no surprise.  Upon landing, you are greeted with a dark, almost foreboding map that highlights the worst non-renewable energy disasters in the world.  Users can also watch a featured video that explains the cause of the website.  The average time spent on this site must be enormous.

 

Livestrong

Livestrong’s bright yellow and black branding is instantly recognizable by millions of people around the world, so it makes sense for that to be the main design element of their homepage.  We like that there are very clear calls to action for visitors – Get informed. Find Support. Take Control.

 

Girl Effect

Girl Effect Best Nonprofit Website

Girl Effect uses an infographic feel and video to quickly communicate their message, mission, and what you can do to support.  We love the landing page of this website because it immediately invited us to participate and engage with the cause.

 

Invisible Children

Invisible Children Best Nonprofit Website

Invisible Children uses film and social action to end the use of child soldiers in Joseph Kony’s rebel war.  Their message is clear and the gritty design of the website completely complements their mission of raising awareness of a tragic and disturbing reality in Africa.

 

IHadCancer

I Had Cancer Best Nonprofit Websites

I Had Cancer is a social network for people fighting cancer, cancer survivors, or supporters of people affected.  The homepage is clear, with a video explaining how the website works and easily paths for visitors to join.

 

Sesame Workshop

Sesame Workshop Best Nonprofit Website

Who doesn’t love Sesame Street?  Sesame Workshop uses Sesame Street to promote education in over 150 countries.  We loved the large image scroller and fun, quirky design that stays true to the Sesame Street brand.

 

Amnesty International

Amnesty International Best Nonprofit Website

Amnesty International’s yellow and black color scheme is different from most other websites, and that’s why we like it.  The call to actions are clear: Donate, Join, or Take Action.

 

Charity:Water

Charity:Water Best Nonprofit Website

Charity:Water’s website has all the essentials right above the fold.  Without scrolling, you are able to read a paragraph describing what they do, share the website on your social networks, signup for the email newsletter, and dive into more stories about the organization.  We can tell that this organization clearly thought about who they were trying to reach and what action they wanted them to take.

 

American Youth Policy Forum

American Youth Policy Forum AYPF Best Nonprofit Website

AYPF is a nonprofit that supports policy leaders with resources and professional development opportunities.  The design is professional without being stodgy and the navigation is easy to use.

 

Change.org

Change.org Best Nonprofit Website

While Change.org isn’t technically a non-profit, they help non-profits spread their message through an intuitive petition engine.  We like that they clearly lay out the process of using their website: 1) Start a Petition, 2) Mobilize Support, 3) Win Change.  Who knew it was so easy?

 

Kiva

Kiva Best Nonprofit Website

Kiva utilizes crowdfunding to support people around the world.  Many websites make the mistake of talking too much about themselves and not enough about the people that they are trying to help.  Kiva dedicates the largest area of its homepage to the people, with a wall of head shots and stories.

 

Greenpeace

Greenpeace Best Nonprofit Website

Greenpeace is known for their aggressive stance on environmental issues and their website is consistent with that message.  Their design is clean and simple, with most of the focus on a large slider that directs visitors to learn more and take action against environmental transgressors.

 

ONE

ONE Best Nonprofit Website

ONE is a grassroots advocacy and campaign organization.  The modern design uses lots of white space and a well-designed slider to highlight its most important initiatives.

 

MacArthur Foundation

MacArthur Foundation Best Nonprofit Website

The MacArthur Foundation’s website is simple and that’s why we like it.  Users are immediately drawn to their most important press releases and news items and can easily navigate their grantmaking by program, topic, and location.

 

Shining Hope for Communities

Shining Hope SHOFCO Best Nonprofit Websites

SHOFCO is a non-profit organization started at Wesleyan University that combats gender inequality and extreme poverty in the Kibera Slum.  Their homepage features infographics, clear buttons to Donate, and an animated video that tells their story.

 

Messages for Japan

MESSAGES FOR JAPAN Best Nonprofit Websites

Messages for Japan used Google Translate to help thousands of people send videos and messages to Japanese tsunami victims.  The approach was innovative and the website lets users see the messages on a world map.

 

Gasland

Gasland Best Nonprofit Websites

Gasland is a film that documents the boom in domestic natural gas drilling or “fracking”.  We love the action center on the homepage and right sidebar that lets users contact elected officials, take part in protests, and donate to the cause.

By: Devon Hopkins
  • Pingback: Web Design Misc | Pearltrees()

  • Pingback: The 10 Commandments for Nonprofit Websites « J Campbell Social Marketing : Marketing & Social Media Strategy()

  • Pingback: The 10 Commandments for Nonprofit Websites | Freeex Blog()

  • Pingback: VNIM: The 10 Commandments for Nonprofit Websites | Viet Nam Internet MarketingViet Nam Internet Marketing()

  • Pingback: Nonprofit Organizations: Who are the best website designers/developers for non-profit organizations? - Quora()

  • Pingback: Essentials of an Effective Nonprofit Website | Heffernan Insurance Non Profit Blog()

  • Pingback: jfd98ayhcim()

  • Pingback: 19 Amazing Non-Profit Website Designs Inspire | Design Revolution | Scoop.it()

  • Pingback: follow me()

  • Pingback: gurtredlop()

  • Pingback: dorgerturburt()

  • Reuben

    Hey Devon, just saw your post. Great lineup here…I’m especially fond of the MacArthur foundation and some of its amazing fellows like Chris Thile and the late DFW. I’d like to shoot you a note about the new blog I’ll be launching on Monday that will focus on nonprofit websites. Drop me a line on any channel so we might collaborate, and thanks for the post.

    Reuben

    Director of BizDev
    Tw: @IVVCodeDelivers
    facebook.com/ReubenIVVCode
    reuben@ivvcode.com

    • devonhopkins

      Thanks Reuben! Feel free to drop me a line devon at socialdriver dot com.

  • MayinAusten
  • http://www.humancaresyria.org/ hamza

    thanks for those designs. what do you think of http://www.humancaresyria.org/ please?

  • Vikram

    Thanks for post. I liked most of the designs that you have mentioned in your post. Just out of curiosity I wanted to know why most of the website do not have a responsive webpage layout? The webpages have a fixed width, Is there any specific reason for that?

  • David Kang

    Amazing this will be great examples for my kids! Thanks for sharing! :)

  • Natasha

    I work for a non-profit that’s looking to redesign our webpage. We have a very tight budget but are very dependent on our website for advocacy/information sharing. Are there companies that design these pages? Grants to fund development?

    • https://www.gtechdesigns.com/ GTECH Designs

      Hello Natasha,

      GTECH Designs specializes in online marketing for non-profits. Branding, web design, web development, social media strategy, internet advertising and even mobile apps for non-profits organizations. We have helped numerous non-profits to communicate their message and build their presence online. You can see who we have helped here: http://gtechdesigns.com/clients/
      Don’t hesitate to contact us even for a consulting over the phone. We would be glad to help anyway!

    • Vamsi Krishna

      Hi Natasha,if it is for a good cause i will do it for free.I am a web developer.Leave me a message

      • Arakunrin Abbey Gbemisola

        Hello Vamsi. I am working on a new non for profit organization aimed at encouraging enterprenuers. I would love to hear from you shogogreenluxury@gmail.com . You can help us with a great website!

  • Businge Carlos

    I have a non profit but we don’t have website .any one who can help. please.we are a start up non-profit.we are located in Uganda.nansana wakiso district

  • abileweb

    http://zozothemes.in/geekapp/

    GeekApp is a Creative App Landing page based on bootstrap
    framework. Perfect mobile app showcase for iPhone, Android and other mobile devices.
    By zozo shortcode generators you can customize easily to suit your wishes as
    all files are well commented, also it was 100% mobile responsive design to
    perfect look on any devices.

  • Clare

    Hi there,

    We are a UK based digital agency who specialise in creating websites and film & animation content- predominately within the not for profit sector. All of our websites are built to be fully responsive and we use an adaptive CMS which means all the aspects of websites we build are flexible and dynamic.

    Feel free to drop me an email clareb@brickwall.uk.com if you want to find out more about how we design & build websites.

    And many thanks fro the article, its always good to benchmark what else is out there.

  • Vamsi Krishna

    Hi Natasha,if it is for a good cause i will do it for free.I am a web developer

  • Gaby Levy

    Thanks for the post. I would like to add to the list (if I may) a great crowdfunding platform (non-profit) that promotes girls’ and women’s empowerment worldwide: Women’s Worldwide Web (w4.org)