<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>mutable.co.uk</title>
	<atom:link href="http://mutable.co.uk/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://mutable.co.uk</link>
	<description>We can help you make your website</description>
	<lastBuildDate>Fri, 13 Nov 2009 12:32:13 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Quick Guide to Creating a Successful Non-Profit Website</title>
		<link>http://mutable.co.uk/?p=3</link>
		<comments>http://mutable.co.uk/?p=3#comments</comments>
		<pubDate>Wed, 14 Oct 2009 23:08:43 +0000</pubDate>
		<dc:creator>claratee</dc:creator>
				<category><![CDATA[web design]]></category>
		<category><![CDATA[charity]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[web design. non-profit]]></category>

		<guid isPermaLink="false">http://www.claratodd.com/mutableblog/?p=3</guid>
		<description><![CDATA[Here are a few points to take into account when creating a site for your charity.  This list is partially distilled from other sources, which are included at the bottom.
Have a clear idea of the purpose of the site


Before starting, make sure that 	you are clear on the goals of the site. Talk to [...]]]></description>
			<content:encoded><![CDATA[<p><!-- 		@page { margin: 2cm } 		P { margin-bottom: 0.21cm } 		H1 { margin-bottom: 0.21cm } 		H1.western { font-family: "Arial", sans-serif; font-size: 16pt } 		H1.cjk { font-family: "MS Mincho"; font-size: 16pt } 		H1.ctl { font-family: "Tahoma"; font-size: 16pt } 		H3 { margin-bottom: 0.21cm; page-break-before: auto } 		H3.western { font-family: "Verdana", sans-serif; font-size: 12pt; font-style: normal } 		H3.cjk { font-family: "MS Mincho" } 		A:link { so-language: zxx } -->Here are a few points to take into account when creating a site for your charity.  This list is partially distilled from other sources, which are included at the bottom.</p>
<h3>Have a clear idea of the purpose of the site</h3>
<ul>
<li>
<p style="margin-bottom: 0cm;">Before starting, make sure that 	you are clear on the goals of the site. Talk to everyone. In the 	long run, good planning is a lot cheaper than changes later on, so 	make sure that you are on track before you start.</p>
</li>
<li>
<p style="margin-bottom: 0cm;">Find out who the users are, and 	make the site for people like them. This will require some research 	and interviews to help generate &#8216;personas&#8217;. Getting to know your 	audience will help focus the look, feel and voice of the site.</p>
</li>
</ul>
<h3>Be nice to donors</h3>
<ul>
<li>
<p style="margin-bottom: 0cm;">Provide a simple and easy path to 	donating money. Link prominent on front page, and every page.</p>
</li>
<li>
<p style="margin-bottom: 0cm;">Make the process as painless and quick as 	possible. Don&#8217;t ask for too much information on the forms.</p>
</li>
<li>
<p style="margin-bottom: 0cm;">&#8216;Package&#8217; donations up to levels, 	and what to expect from each level.</p>
</li>
<li>
<p style="margin-bottom: 0cm;">Transparency – show where money 	is going, what a difference it makes.</p>
</li>
</ul>
<p style="margin-bottom: 0cm;">
<h3>Be nice to the journalists</h3>
<ul>
<li>
<p style="margin-bottom: 0cm;">Make it easy for journalists to 	find information</p>
</li>
<li>
<p style="margin-bottom: 0cm;">List the contact details of the 	key people in the organization</p>
</li>
<li>
<p style="margin-bottom: 0cm;">Allow easy download of images from 	the site so that journalists don&#8217;t have to make a request and wait 	for a response</p>
</li>
<li>
<p style="margin-bottom: 0cm;">Include press-friendly quotes and 	soundbites on your site.</p>
</li>
</ul>
<p style="margin-bottom: 0cm;">
<h3>Be nice to volunteers</h3>
<ul>
<li>
<p style="margin-bottom: 0cm;">Provide multiple means of contact</p>
</li>
<li>
<p style="margin-bottom: 0cm;">Show different ways to volunteer, 	different ideas.</p>
</li>
</ul>
<p style="margin-bottom: 0cm;">
<h3>Be nice to the casual visitor</h3>
<p>There are many reasons why people might be visiting your site. They don&#8217;t always have a clear idea of what you do. Make sure that people can get oriented easily.</p>
<ul>
<li>
<p style="margin-bottom: 0cm;">Shortened mission statement on 	page</p>
</li>
<li>
<p style="margin-bottom: 0cm;">summary of types of work/projects</p>
</li>
</ul>
<p style="margin-bottom: 0cm;">
<h3>Focus on content</h3>
<ul>
<li>
<p style="margin-bottom: 0cm;">Use graphics  to support content</p>
</li>
<li>
<p style="margin-bottom: 0cm;">The layout should be 	flexible/adaptable enough for changing content</p>
</li>
<li>
<p style="margin-bottom: 0cm;">Make sure each page can be scanned 	easily</p>
</li>
</ul>
<p style="margin-bottom: 0cm;">
<h3>Make it easy to share</h3>
<p style="margin-bottom: 0cm;">Many social content/networking tools can get your message to the people who need to hear it. You can find out what people are saying about your organization. It&#8217;s a cheap way to connect with current supporters, and get in touch with new ones. Journalists use social media to get story ideas, so you should place yourself there.</p>
<ul>
<li>
<p style="margin-bottom: 0cm;">Include links to popular bookmark 	sites/services on article pages on your site</p>
</li>
<li>
<p style="margin-bottom: 0cm;">Have a Facebook  and Twitter 	presence</p>
</li>
<li>
<p style="margin-bottom: 0cm;">Leave comments on other people&#8217;s 	blogs and feeds to engage and to link back to your site.</p>
</li>
</ul>
<p style="margin-bottom: 0cm;">
<h3>Have a news/blog component</h3>
<p style="margin-bottom: 0cm;">Fresh content keeps visitors coming back.  Rich and varied content is good for search engines.</p>
<ul>
<li>
<p style="margin-bottom: 0cm;">Use Wordpress to manage news</p>
</li>
<li>
<p style="margin-bottom: 0cm;">Include summary of latest or 	featured news on your front page</p>
</li>
</ul>
<p style="margin-bottom: 0cm;">
<h3>Be mindful of branding</h3>
<ul>
<li>
<p style="margin-bottom: 0cm;">Make sure the site is consistent 	with the brand and other promotional materials.</p>
</li>
<li>
<p style="margin-bottom: 0cm;">Just because you are excited about 	your new site doesn&#8217;t mean your visitors are. When they visit for 	the first time, they don&#8217;t care that the site is new, or in beta, or 	under construction. The brand, not the construction of the brand, is 	what you should show. What you do, how you do it, how they can help.</p>
</li>
</ul>
<p style="margin-bottom: 0cm;">
<p style="border-style: none none solid; border-color: -moz-use-text-color -moz-use-text-color #000000; border-width: medium medium 1px; padding: 0cm 0cm 0.07cm; margin-bottom: 0cm;">
<h3>Examples of best practices</h3>
<ul>
<li>
<p style="margin-bottom: 0cm;"><a href="http://www.nature.org/">http://www.nature.org/</a></p>
</li>
<li>
<p style="margin-bottom: 0cm;"><a href="http://www.wfp.org/">http://www.wfp.org/</a></p>
</li>
<li>
<p style="margin-bottom: 0cm;"><a href="http://www.maplevalleycc.org/">http://www.maplevalleycc.org/</a></p>
</li>
<li>
<p style="margin-bottom: 0cm;"><a href="http://www.greenpeace.org/international/">http://www.greenpeace.org/international/</a> (apart from the pop-up at the start)</p>
</li>
</ul>
<p style="margin-bottom: 0cm;">
<h3>References / further reading</h3>
<p style="margin-bottom: 0cm;"><a href="http://www.smashingmagazine.com/2009/05/14/non-profit-website-design-examples-and-best-practices/">Smashing Magazine</a> Cameron Chapman, May 14th, 2009</p>
<p style="margin-bottom: 0cm;"><a href="http://www.nolo.com/legal-encyclopedia/article-30184.html">Nolo</a> (Legal Information), Iiona Bray</p>
<p style="margin-bottom: 0cm;"><a href="http://www.frogloop.com/care2blog/2009/2/5/why-every-nonprofit-should-embrace-the-web-20-world.html">Frogloop</a> (Care2&#8217;s marketing blog for non-profits), Adrienne Royer, Feb 2009</p>
]]></content:encoded>
			<wfw:commentRss>http://mutable.co.uk/?feed=rss2&amp;p=3</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
