Effective Design

1
Nonprofit Web Design Convert Your Website into
a Major Tool to Engage Your Community

• Effective Design
• Effective Content
• Web Site Tools
• Interaction
• Learn how to use your website to increase
  donations, engage your community, and foster
  relationships through the power of the Internet.

Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
2
Welcome Thank You! I. Introductions
II. Presentation Agenda

• Effective Design Content
• A Website is a Tool
• First Steps to Get a Website Online
• The Good, The Bad, and The Ugly
• Design Tips
• Break-out Session Pretend You Are a Website
• Website Tools Interaction
• Creating and Managing Your Own Web Site
• HTML Web Authoring Tools Content Management
• Getting Your Website UP
• Website Tools
• Search Engine Optimization Social Media

Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
3

• Using Your Website as a Tool
• Purposes What do YOU get out of your website?
• Community Involvement
• Donations
• Volunteers
• Partners
• Recognition raise awareness
• People Who comes to your website?
• Foundations
• Donors
• Community
• Volunteers
• Your Members The People You Serve
• Job Seekers/Potential Staff
• Media
• Anyone

Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
4

• First Steps to Get a Website Up Running
• Domain name
• Pick a domain name
• More than 7 million .org domain names are now
  registered.
• Extensions .org, .com, .us, .info
• Register a domain name costs, precautions, and
  companies
• GoDaddy.com -- 9.99 for a year
• Grassroots.org free for a year for nonprofits
• Website Hosting
• Reputation
• Location
• Price - 10-20 per month
• Free Hosting Grassroots.org

Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
5

• Three Distinct Aspects of a Managing Website
• Design Graphics, layout, images, making it look
  pretty
• Development Coding, programming, putting it
  together
• Marketing Search engine optimization, email
  marketing, getting people there

Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
6

• Critical Errors in Web Design
• No style stick with one style for every page
• Typos/Grammar errors ask someone else to review
  your website!
• Infrequent updates if your website looks like
  its managed by a lazy person, well, it probably
  is.
• Not enough content, text search engines cant
  read pictures
• Too much information dont bombard people, but
  make sure they can find what theyre looking for
• Outdated Design Web technology and style has
  changed a great deal from the late 90s dont
  be outdated.
• Bright RED text. It does not make me want to
  read further.

Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
7

• What a website should be
• Clean and Organized Your message, mission, and
  call to action should be easy to find
• Load Quickly Avoid a home page that makes you
  jump through hoops or watch/listen to a video.
  It wastes time.
• SEO Friendly Your website should be easy to
  find online.

Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
8

• What a website should NOT be
• Cluttered with lots of flashy and unnecessary
  graphics
• Difficult to read small font, various styles,
  and bright colors are difficult for the eyes
• Missing important components

Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
9

• Components Every Nonprofit Website Should Have
• Home Page Brief introduction that states what
  you do, and how to find and do everything you
  want a visitor to do on your website
• About Us - Mission statement, staff list, board
  of directors list, and history
• Programs and Services
• Outcomes What are some of your success stories?
  Do you have testimonials? What are your
  accomplishments over the last year, last 5 years,
  last 20 years?
• Purpose What issues surround your cause? What
  is happening in your industry?
• Donations How can people give to your
  organization?
• Contact email, address, phone number, map,
  contact form
• Site Map A page that serves as a directory to
  every page on your website
• Events Fundraising events, volunteer training,
  etc.

Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
10

• Optional Pages for Nonprofits
• Wish List Write out the items your organization
  needs for donations computers, phones, paper,
  supplies, food, etc.
• Partners If you partner with other agencies,
  list them and provide links to their sites
• Volunteer Opportunities List what your
  organization needs volunteers to do and how they
  can get involved.
• Employment/Internships Have a page to list job
  opportunities or internships available.
• Privacy Statement There may be legal reasons to
  put a privacy statement on, for instance, if you
  are collecting email addresses.
• Blog Post a blog once a month (or more) about
  your organization
• Forum Allow your visitors to interact with each
  other and your staff

Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
11
Design Tips

• Put your contact information on every page
• Provide a menu or categories for navigation
• Link back to the homepage on every page
• Use a logo, professionally designed
• Make sure the website looks the same in every
  browser

Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
12
The Good, the Bad, the Ugly http//www.nonprof
itadvancement.org/ http//www.lighthouse-sf.org/
http//www.zeum.org/ http//www.redcross-alleghe
ny.org/ http//www.aviary.org/index.php
Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
13
Activity Pretend You Are a Website
Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
14

• Creating and Managing Your Own Website
• HTML
• Templates
• Web Authoring Tools
• HTML Editors Notepad, WYSIWYG
• Content Management Systems WordPress, Joomla,
  Drupal

Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
15
HTML Learn a little HTML (Not Scary!) ltpgtAll
text goes inside a paragraph taglt/pgt ltbgtboldlt/bgt
ltigtitalicslt/igt ltugtunderlinelt/ugt Adds a line of
space between text ltbrgt Adds a horizontal line
lthrgt Adds a link lta hreflinkgoesheregtlinklt/agt

Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
16
Web Authoring Tools Basic Editors NotePad -
free WordPad free with Windows WYSIWYG What
You See Is What You Get Web Editors Microsoft
Expression Web 299 or 15 through
TechSoup Dreamweaver 399 Content Management
Systems -- Open Source -- Free! WordPress
Joomla -- Drupal good for online stores
Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
17
Getting your website UP Putting files Using
an FTP File Transfer Protocol Dreamweaver
has a built-in FTP FTPs Mozilla, SmartFTP,
Fetch (for Apple people)
Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
18

• Website Resources for Nonprofits
• Finding Volunteers
• Grassroots.org
• Volunteermatch.org
• Using Templates
• Cost substantially less than designing from
  scratch
• Look just as good
• Customizable
• Thousands to choose from
• To find them, Google free website templates
  nonprofits

Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
19
Content Management Systems

• Easily Updated
• Open Source
• Free

Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
20
Content Management Systems

WordPress Joomla Drupal
Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
21
Hiring a Web Design Firm

• Expectations
• Costs
• Updating
• Search Engine Friendly

Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
22
Internet Marketing

• Getting Traffic to Your Website
• List your site with search engines
• Google where does your website rank for certain
  keywords?
• SEObook.org
• ClicksToMySite.com free tutorials and tips
• Google Analytics track how many visitors your
  site gets, which search words they use to get
  there. FREE add code to your website.

Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
23
Social Media

• YouTube Charity water raised 10,000 in ONE
  DAY on YouTube
• "Call to Action" feature for YouTube's nonprofit
  partners
• InVideo overlays to drive traffic to an
  off-YouTube web page, where they can collect
  signatures, email addresses, or even donations.
• LinkedIn a professional profile post
  presentations, blogs, connect with other
  professionals
• Twitter send tweets out about your organization
  if other people retweet, you can literally
  reach 1000s of people in seconds.
• Facebook post events, raise money, connect with
  people

Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
24
Other Website Tools for Nonprofits

• Email Marketing
• Online Donations
• Online Auctions

Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
25
Recap

• A website is a communication tool back and
  forth communication
• What do YOU need out of your website?
• Several tools are available which ones will
  work for you?
• Tons of information is online free tutorials,
  free resources

Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
26
PodCamp Pittsburgh www.podcamppittsburgh.com Th
e Un-Conference Social Media Conference FREE

Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com
27
ClicksToMySite The best customer is already
searching for your product or service. Let's
make sure they find you. www.clickstomysite.com
www.twitter.com/jamilbroom

Presented by Jami Broom, Internet Marketing
Strategist www.ClicksToMySite.com