How to Build an Awesome Non-Profit Website
-
Upload
red-sage-communications-inc -
Category
Business
-
view
479 -
download
1
description
Transcript of How to Build an Awesome Non-Profit Website
![Page 1: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/1.jpg)
How to Build an Awesome Non-‐Profit
Website
![Page 2: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/2.jpg)
You can download this presentation at www.slideshare.net/ellendid4
Please connect with me! www.RedSageOnline.com
twitter.com/ellendidier twitter.com/RedSageAL
facebook.com/redsage linkedin.com/in/ellendidier
![Page 3: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/3.jpg)
What We’ll Cover Today:
1. Planning your awesome website
2. Developing awesome content
3. Programming realiBes and opBons
4. Awesome Apps
![Page 4: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/4.jpg)
What We’ll Cover Today:
1. Planning your awesome website
2. Developing awesome content
3. Programming realiBes and opBons
4. Awesome Apps
![Page 5: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/5.jpg)
Look at other non-profit websites: What do you like? Home page, content, navigation – write down your favorites
![Page 6: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/6.jpg)
Write down what you want on
your home page
![Page 7: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/7.jpg)
![Page 8: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/8.jpg)
![Page 9: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/9.jpg)
Plan your navigation carefully – what pages and where?
![Page 10: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/10.jpg)
What you need to include:
![Page 11: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/11.jpg)
Make a site map (outline) that shows your navigation
Home About
• History • Board • Staff
Programs • After School • Parenting Classes
![Page 12: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/12.jpg)
Make a list of any applications you want and add them to your site map
Photo gallery Events Calendar Online Donation Facebook or twitter feed Videos Blog Image Banner
![Page 13: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/13.jpg)
PROVIDING
1. A defined # of pages 2. List of applications you want 3. Links to examples you like
EQUALS…
![Page 14: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/14.jpg)
More accurate quotes and much smoother project flow
Very happy programmers
![Page 15: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/15.jpg)
What We’ll Cover Today:
1. Planning your awesome website
2. Developing awesome content
3. Programming realiBes and opBons
4. Awesome Apps
![Page 16: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/16.jpg)
Write your content in one Word document - sitemap followed by
content for all pages in order Keep it simple - short text sections broken
up by sub headers, bullet lists are great Make a note of what photos would be used
on that page Make a note of any links or downloads to
include on that page How will you use header or sidebar area?
![Page 17: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/17.jpg)
PEOPLE DON’T READ.
![Page 18: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/18.jpg)
Avoid long paragraphs – use bullets
![Page 19: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/19.jpg)
Talk about your goals and progress
![Page 20: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/20.jpg)
Talk about your programs or success stories – show pictures of people impacted (if possible)
![Page 21: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/21.jpg)
Use videos (testimonials at a minimum) Load on YouTube
![Page 22: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/22.jpg)
Tell your stories visually, educate, explain the impact
![Page 23: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/23.jpg)
![Page 24: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/24.jpg)
![Page 25: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/25.jpg)
![Page 26: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/26.jpg)
Charitywater.org
![Page 27: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/27.jpg)
Link to great interactive content if you can’t create your own
![Page 28: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/28.jpg)
Use Good Quality Photography
Hire a professional – or get one to donate in exchange for a sponsorship
ThinkStock.com
![Page 29: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/29.jpg)
What We’ll Cover Today:
1. Planning your awesome website
2. Developing awesome content
3. Programming realiBes and opBons
4. Awesome Apps
![Page 30: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/30.jpg)
Note that I did not say awesome options.
![Page 31: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/31.jpg)
Who will program your site?
Everything we covered up to now will help you get a realistic price from a programmer
Don’t let your uncle’s neighbor’s son’s girlfriend do it – unless you have them build it on a platform of your choice!
Ad Agencies/Web Development companies, Freelancers (will they be there for you after it is built?)
You!
![Page 32: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/32.jpg)
Low budget? Look at “Build Your Own” Web Sites
Benefits: low cost with a lot of features Stays up to date with technology –
if you use a reputable company Mobile options
![Page 33: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/33.jpg)
Low budget? Look at “Build your own” Web Sites
Drawbacks: depends on your time and writing
skills Can still be very technical and
intimidating
![Page 34: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/34.jpg)
How to choose a platform Start with the list of platforms provided
in this presentation (next slides) Take test drives of each – usually
online demos or free for 1 month Choose based on design, features,
easy to use, support, and price
![Page 35: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/35.jpg)
Good Build-Your-Own Website Options
www.web.com www.squarespace.com www.weebly.com www.webstarts.com
![Page 36: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/36.jpg)
If you hire a company Make sure they are using a (CMS) Content
Management System like Joomla or Wordpress NOT Dreamweaver, php, asp, or Flash
Make sure the hosting is reliable, secure and backed up – the risk of hacking is real
Expect to pay $3,000+ for a reputable company
![Page 37: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/37.jpg)
Responsive Design – adapts the layout for each kind of device
![Page 38: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/38.jpg)
What We’ll Cover Today:
1. Planning your awesome website
2. Developing awesome content
3. Programming realiBes and opBons
4. Awesome Apps
![Page 39: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/39.jpg)
EventBrite for Event Registration
![Page 40: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/40.jpg)
SupporterWall.com – a creative way to get donations
![Page 41: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/41.jpg)
![Page 42: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/42.jpg)
MobileCause.com – mobilize mobile for donations and marketing
(not free)
![Page 43: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/43.jpg)
Wordle.com – create your own FREE word cloud graphic
![Page 44: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/44.jpg)
Animoto.com/cause – create videos from photos, video clips and music
![Page 45: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/45.jpg)
Qwiki.com – create and share FREE movies out of the videos and
photos you shot on your iphone
![Page 46: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/46.jpg)
Quozio.com – create FREE pretty testimonials or quotes
![Page 47: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/47.jpg)
![Page 48: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/48.jpg)
PicMonkey.com – FREE online photo editing - you don’t need
photoshop to save images for web
![Page 49: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/49.jpg)
FotoFlexer.com – another FREE online image editor
![Page 50: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/50.jpg)
www.Easel.ly - create a FREE infographic from a template
![Page 51: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/51.jpg)
dipity.com – FREE or low cost online timeline for web and social media
![Page 52: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/52.jpg)
dipity.com – FREE or low cost online timeline for web and social media
![Page 53: How to Build an Awesome Non-Profit Website](https://reader034.fdocuments.us/reader034/viewer/2022051817/547b46b3b379594e2b8b4cfd/html5/thumbnails/53.jpg)
Download this presentation at www.slideshare.net/ellendid4
Please connect with me! www.RedSageOnline.com
twitter.com/ellendidier twitter.com/RedSageAL
facebook.com/redsage linkedin.com/in/ellendidier