Revised with new information as of April
Web Site Design Suggestions for
Small Government Agencies &
other mission-based initiatives
I am not a web designer. You can tell when you look at my web site that I'm
not. My web site - the web site you are viewing now - is oh-so elementary in
its design, both because I'm not a web designer (and cannot design anything
more complex), and because I want to be able to change any page I want to
any time I want to, rather than having to call a web designer and having to
wait for him or her to do it for me.
That said, I do have some very strong feelings about web design, and you
should too, even if you are not a web designer yourself. You need to
understand some standards of good design and be ready to demand them of
whomever is going to design your web site, be it an in-house employee, a
consultant or a volunteer.
Some fundamentals regarding web site design for nonprofits, NGOs, civil
society organizations, government agencies, schools and other
To learn WHY as well as how to make web sites accessible, and for extensive
links on web accessibility standards, visit Knowbility.Org
- The reaction from a first-time visitor shouldn't be "Wow, look at the
design!" but rather, "Wow, I immediately found exactly the information I
was looking for!" or "Wow, this organization does great work!" Don't
bury web page content under oh-so-many graphics and web videos. The most
important thing to remember when designing your Web site is what your
audiences want out of the site. Listen to your customers! If a Web site
wins design awards, but your customers don't use it, it's "virtually"
worthless to users. Most users will visit your Web site to find
information, not graphics; information should
drive the design of your Web site.
- The answers to your organization's FAQs
should be immediately, obviously easy to find.
- Learning what makes a good web site often involves learning what
makes a rotten web site. See websitesthatsuck.com
to learn more.
- Design your site with people without the best/latest equipment and
software in mind - and with users of different web browsers in mind, and
users of different devices (not everyone has an iPhone!).
- Break up text into small paragraphs whenever possible, and break up
massive amounts of information into separate pages, as appropriate; for
instance, break up your newsletter into one web page per story, rather
than putting them all into one big file. But don't make all information
a slide show: I don't want to have to click through pages, and wait for
new graphics to download, just to finish reading something on your web
site of a few paragraphs. And I do NOT want to have to download a PDF
document to read your latest news!
- Many people don't like to read text on their computer screen at all,
and will print out certain pages of your Web site to read offline.
Therefore, it is important that each page has basic information about
your organization on it, just as you would want any printed material to
have basic info about your organization on it (complete name of
organization, postal address, etc.).
- Avoid using large or gratuitous graphics that don't add to the
content of the page, or take a long time to download.
- Keep graphics to a minimum, and use them wisely. Graphics should
enhance the information on the site, not be just for "show."
- The World Wide Web shouldn't be the World Wide Wait. Your web pages
should load quickly for everyone, not just those with broadband.
- Many people turn the graphics function off while browsing the Web. If
you have an image map, offer a text version of the menu on the page so
such users can get to the information they want on your Web site.
- A professional designer may develop your site, but someone in-house
or a volunteer should be able to make regular changes to the site
without needing assistance of the designer. The designer should create
pages that allow these changes to happen easily.
- Make sure the name of your organization appears in the TEXT of your
web site, not just within a graphics file - and on many pages, not just
the "about us" page. This greatly increases the possibility of your site
being found when someone types your organization's name into a search
- Make sure the keywords and phrases you want people to use to find
your web site via a search engine appear often in the TEXT of your web
site, not just within a graphics file. Again, this greatly increases the
possibility of your site being found when someone types your
organization's name into a search engine.
- At least part of your web site will need to be mobile-ready - meaning
a person looking at it on the tiny screen of a smart phone will be able
to read the text and navigate the mobile-ready pages easily. A mobile
version of your web site need only a few pages - the pages most likely
to be looked at by someone out and about:
- a basic home page that helps a person navigate the mobile site
- a page with your organization's physical address, telephone number,
driving directions, parking instructions and mass transit access
information, as well as operating hours
- a page that oh-so-briefly summarizes what your organization or
- a page that allows someone to donate money to your organization (as
- a page that tells them about volunteering with your organization and
how to volunteer
- a page that links to all of your organization or initiatives social
media activities (Facebook, Twitter, blog, RSS feeds, etc.)
- a page that provides the address, hours and dates of a major event
happening today or very soon
- Much of the advice just offered makes your web site accessible for
people with disabilities and/or that are using assistive
Also see Web
Design Guidelines for Low Bandwidth. This resource is from Aptivate,
an NGO providing IT services for international development.
And check out Codecademy, which
offers FREE HTML and CSS lessons that are simple to follow and highly
useful for anyone looking to slightly edit or personalize an existing web
site. Completely new to code? Lesson 1 will teach you all of the basics,
complete with an HTML glossary and "hints" for those who get stuck. HTML
Cheatsheet and HTML Dog are
also helpful reference sites.
For more tips on web site design for mission-based organizations, visit TechSoup.
Return to Index of Coyote Communications' Web Site Resources
Virtual Volunteering Guidebook
for purchase as a paperback & an ebook from Energize,
Disclaimer: No guarantee of accuracy or suitability is made by the
poster/distributor. This material is provided as is, with no expressed
or implied warranty.
Permission is granted to copy, present and/or distribute a limited
amount of material from my web site (up to five pages) without
charge if the information is kept intact and without alteration,
and is credited to:
Otherwise, please contact
me for permission to reprint, present or distribute these
materials (for instance, in a class or book or online event for which
you intend to charge).
The art work and material on
this site was created and is copyrighted 1996-2017
by Jayne Cravens, all rights reserved
(unless noted otherwise, or the art comes from a link to another