building program websites presented by david bonebrake legal services national technology assistance...
TRANSCRIPT
![Page 1: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/1.jpg)
Building Program Building Program WebsitesWebsitesPresented by David BonebrakeLegal Services National Technology Assistance Project
![Page 2: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/2.jpg)
PanelistsPanelistsLiz Keith, Pro Bono NetKristy Boyer, Legal Assistance
Foundation of ChicagoJeff Naragon, Immigration Law
Center of Minnesota
![Page 3: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/3.jpg)
Thank You to…Thank You to…Michael Bowen, Community Legal
Services of PhiladelphiaGarrick Lipscomb, Legal Aid
Society of ClevelandBryan Baker, Iowa Legal AidPat McClintock, Iowa Legal Aid
![Page 4: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/4.jpg)
A few questions…A few questions…
How many of you either maintain or have developed a program website?
On a scale of 1 to 5, rate the robustness of your website
For those of you who have a program site, does it link to the statewide website?
![Page 5: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/5.jpg)
And a few more…And a few more…How many of you attended
NTAP’s program website training at NLADA last year?
How many of you attended the TechSoup’s content management training on June 10th?
![Page 6: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/6.jpg)
AN INTRODUCTION AN INTRODUCTION TO THE WEBSITE TO THE WEBSITE LANDSCAPELANDSCAPE
![Page 7: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/7.jpg)
What makes a good What makes a good website?website?Three basic components of all websites:
ContentDesignPlatform
![Page 8: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/8.jpg)
Program WebsitesProgram WebsitesA program website provides an
online storefront for your organization.
It allows those individuals and organizations that are going to be involved with your program to learn more about it.
Many people’s first impression of your organization will come through viewing your website.
![Page 9: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/9.jpg)
Statewide WebsitesStatewide WebsitesProvide a central portal of state-
specific legal information intended to assist low-income persons and the advocates and pro bono attorneys that represent them.
Based on Partnerships - A statewide website is a vision worthy of fulfilling.
![Page 10: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/10.jpg)
Working with YourWorking with YourStatewide WebsiteStatewide WebsiteAdvantages
◦Resources for clients and advocates◦Efficiency ◦Building stronger relationships
Find your public statewide website here: www.lawhelp.org
![Page 11: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/11.jpg)
BUILDING A BUILDING A PROGRAM WEBSITEPROGRAM WEBSITE
Preliminary Steps
![Page 12: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/12.jpg)
Step 1: Build a Website Step 1: Build a Website TeamTeamEven if you choose to use a
vendor for both design and development, there is still an extensive decision-making process
Develop a decision-making team for the website
Many programs have looked to staff members with web development experience or technical expertise
![Page 13: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/13.jpg)
Step 2: Form a visionStep 2: Form a visionDetermine what you want to see
included on your websiteLook at what other websites have
doneAsk target audiences about what
they want to see in a websiteConsider incorporating an online
survey or web analytics software into your current site
![Page 14: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/14.jpg)
Step 3: Evaluate what you Step 3: Evaluate what you havehaveTake an inventory of available
resources◦Are aspects of your current site
salvageable?◦Do you have staff members who are
interested in and capable of doing web work?
◦Pro Bono designers or developers?◦Other web resources?
![Page 15: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/15.jpg)
Step 4: Create a Step 4: Create a Functionality Requirements Functionality Requirements DocumentDocument
A functionality requirements document lists the functionality you ultimately want included on your site
Content needs should drive the functional capabilities you would like to see in the site
Error on the side of moreSample functional requirements
document available at LSNTAP.org
![Page 16: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/16.jpg)
HOSTING AND HOSTING AND PLATFORMSPLATFORMS
![Page 17: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/17.jpg)
Website HostingWebsite HostingHosting options:
◦Shared◦VPS (Virtual Private Server)◦Dedicated Server
Wide range in cost – though most programs’ needs put them closer to the low-end.
Idealware Article: http://www.techsoup.org/learningcenter/webbuilding/page5671.cfm
![Page 18: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/18.jpg)
PlatformsPlatformsLawHelpOpen SourceProprietary OptionsIntegrated Content Management
Systems
![Page 19: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/19.jpg)
LawHelp Program Site LawHelp Program Site TemplateTemplate
Enables stakeholder organizations to create and manage individual web sites
Hosted and supported by PBNPrograms can use unique domain nameNo technical expertise requiredResources can be published
simultaneously on the statewide LawHelp web site and on the individual program site
![Page 20: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/20.jpg)
How is it being used?How is it being used?
Program Web Sites
![Page 21: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/21.jpg)
How is it being used?How is it being used?Special services, initiatives or events within programs
![Page 22: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/22.jpg)
Low-cost customizationsLow-cost customizations Custom header graphics Horizontal navigation bars Contact us/volunteer forms Other HTML enhancements
• Flash content• RSS feeds• Embedded videos• Online donation options
![Page 23: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/23.jpg)
Leveraging statewide Leveraging statewide contentcontent
![Page 24: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/24.jpg)
Leveraging statewide Leveraging statewide contentcontent
![Page 25: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/25.jpg)
Open Source ContentOpen Source ContentManagement SystemsManagement SystemsOpen source platforms are free
to download, use and customizeCosts often involve paying
vendors for setup and support Popular open source content
management systems include Drupal, Joomla and Plone.
![Page 26: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/26.jpg)
WEBSITE DESIGNWEBSITE DESIGN
![Page 27: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/27.jpg)
Website Design ElementsWebsite Design Elements
Important design elements include:LayoutNavigationColorPhotos
![Page 28: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/28.jpg)
Website Design ElementsWebsite Design Elements - - LayoutLayoutHome page - primary introduction to
your program. Base your own site on others that you like.
By the way: Don't neglect the inside pages - users will come directly to them from search engines
No more than three columns on a page
Center your layoutFocus on content instead of decoration
![Page 29: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/29.jpg)
Website Design ElementsWebsite Design Elements - - LayoutLayout
The “Funder”: ClintonFoundation.org◦ offers a snapshot
of everything happening
◦ access to everything on the site in one click
◦ can be overwhelming
![Page 30: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/30.jpg)
Website Design ElementsWebsite Design Elements - - LayoutLayout
The “Promo” Site: www.lafla.org/◦less busy than funder style
◦focused on successes, upcoming events, news
![Page 31: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/31.jpg)
Website Design ElementsWebsite Design Elements - - LayoutLayout
The “News Site”: slashdot.org◦entire focus of the front page is news
◦in this case, community submitted and ranked news
![Page 32: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/32.jpg)
Website Design ElementsWebsite Design Elements - - LayoutLayout
The “Portal Site”: Yahoo.com◦Directs users to a variety of other sites and services (on and off your site).
![Page 33: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/33.jpg)
Website Design ElementsWebsite Design Elements - - NavigationNavigationBest Practices:Let me know where I am, where I
can go, where I have been Persistent navigation bar that shows where the user is on the site
Show visited vs. unvisited links with different colors
Differentiate hyperlinks from content
For user ease, underline links and keep traditional blue color
![Page 34: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/34.jpg)
Website Design ElementsWebsite Design Elements - - ColorColorGeneral Color Theory
◦Poynter Institute: http://www.poynterextra.org/cp/index.html
Accessibility for the elderly, color deficient and vision impaired◦Strong contrast between text and
background – best is dark text on light background
◦Do not rely on color alone to convey information
◦Use test simulators to check your designs for color blind issues: http://www.vischeck.com/vischeck/vischeckURL.php
![Page 35: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/35.jpg)
Website Design ElementsWebsite Design Elements - - PhotosPhotosTake Your Own
PhotosTotal controlNot genericNeed good
photos◦Well lit◦Engaging◦ Inviting
See resources for tips and reviews of online tools
Use Stock PhotosCreative
Commons◦ Media for free use
subject to certain restrictions
◦ Flickr Creative Commons Pool
Other free photo sites
![Page 36: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/36.jpg)
BUDGETS AND BUDGETS AND VENDORSVENDORS
![Page 37: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/37.jpg)
Website BudgetsWebsite BudgetsThere is a significant rangeRobust websites for large program (75
person staff) -- $25K - $50K using vendor for both development and design
Moderate Program Site -- $10K - $15K for using a vendor for design and development
Small Site -- $6000 minimum using a vendor
LawHelp?
![Page 38: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/38.jpg)
No Budget? Don’t Give UpNo Budget? Don’t Give UpLook for volunteers and staff with
development and design experience
Find the easiest solutions◦Download a free CMS◦LawHelp◦Consider blogging software
![Page 39: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/39.jpg)
Blogging SoftwareBlogging SoftwareAdvanced content management
system that’s designed to create a blog-style look on a website that’s easy to edit
Blogging software is capable of creating a non-bloglike feel
The result: a very simple CMS that looks like a well-built website
![Page 40: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/40.jpg)
Revolution Themes for Revolution Themes for WordpressWordpress
![Page 41: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/41.jpg)
VendorsVendorsCheck with legal service
programs and other nonprofits in your area
List at LSNTAP.orgAsk about nonprofit discountsMake sure they are comfortable
working with the type of webpage you want
![Page 42: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/42.jpg)
EMERGING WEBSITE EMERGING WEBSITE TRENDSTRENDS
![Page 43: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/43.jpg)
Emerging TrendsEmerging TrendsGISRSSVideo
![Page 44: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/44.jpg)
GIS – GIS – www.quickmaps.comwww.quickmaps.com
![Page 45: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/45.jpg)
RSSRSS“Really Simple Syndication”
![Page 46: Building Program Websites Presented by David Bonebrake Legal Services National Technology Assistance Project](https://reader035.vdocuments.mx/reader035/viewer/2022070305/5514d15555034640138b60b0/html5/thumbnails/46.jpg)
Online VideoOnline Video