Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

UX design for non profit websites

596 views

Published on

UX design for Animal Rescue Groups websites

Published in: Government & Nonprofit
  • Be the first to comment

UX design for non profit websites

  1. 1. UX Design for Non-ProfitWebsites (Animal Rescue Groups) Bruce Sklar Designer/Developer – Promises Animal Rescue Designer/Developer – Human Society Grand Bahama Designer/Developer –Training Rescue Dogs
  2. 2. Questions • Who has adopted a pet from a rescue? • Who is thinking about adopting a pet? • Who has donated to a rescue? • Who has volunteered for a rescue or is thinking about volunteering with a rescue?
  3. 3. The Audience • People who are looking to adopt • Available Pets • Adoption Process • People who are looking to donate • How will my money be used? • How much should I give? • People who want to volunteer • Volunteer Process • What can I do? • Where can I do it?
  4. 4. Goals • Get Donations • Find Adopters • FindVolunteers
  5. 5. Design Guidelines Categories Donation Usability, Nielsen Norman Group • https://www.nngroup.com/reports/attracting-donors-and-volunteers-non-profit/ 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non-Profit Websites Category (Number of Guidelines) • Home Page (5) • About The Charity (9) • Asking for Donations (4) • Leadership, Sponsors, and Endorsements (5) • News and Events (2) • Local Chapters (5) • Social Media and Interaction (1) • The Donation Process (16) • General, Data Collection, Information Verification, Confirmation Page • Site-Wide Guidelines (4)
  6. 6. Guidelines • Home Page (5) /(3) • About The Charity (9)/(3) • Asking for Donations (4)/(4) • Leadership, Sponsors, and Endorsements (5)/(1) • News and Events (2)/(2) • Local Chapters (5)/(0) • Social Media and Interaction (1)/(1) • The Donation Process (16)/(8) • General, Data Collection, Information Verification, Confirmation Page • Site-Wide Guidelines (4)/(4) In total, the sites apply 26 of the 58 guidelines Additional Guidelines • Make the site accessible, including forms and donation pages • Make the site responsive so that it works on all platforms • Allow people to be notified about a new pet being added to the site • Provide acknowledgement of sponsorship
  7. 7. The Sites that I have Designed and Developed • Promises Animal Rescue • Mission of rescuing and rehoming German Shepherds and Labs and educating on Mega-Esophagus. • Humane Society of Grand Bahama • Mission of rescuing dogs and cats for the Grand Bahama Island • Training Rescue Dogs • Mission of rescuing, rehabilitation, and rehoming of otherwise unadoptable dogs.
  8. 8. View the Sites • Available Dogs • Mission • Volunteer • Events • Donate
  9. 9. Responsive
  10. 10. Technology • BootStrap 3 • HTML 5 • CSS 3 • JavaScript • Jquery • Datatables 1.10 • AngularJS 1.4.9 • PHP • MySQL • SEO
  11. 11. Email of New Dog
  12. 12. Email to Administrator of a Foster Application
  13. 13. Administrative Site • Review Applications – Adoption,Volunteers, and Fosters • CRUD Animals • CRUD Events • CRUD Blog • State Reports • Where the Dogs Are *CRUD – Create, Review, Update & Delete
  14. 14. Summary Raise Money, Get Adopters, GetVolunteers Please contact me if you would like to help Please volunteer if you are a Designer, Developer, or aTester bruce.sklar@gmail.com ThankYou
  15. 15. Links For Non-Profit Design • 5Tips ForVisually Enhancing Nonprofit websites • Nonprofit Website Design: Examples and Best Practices • 25 Powerful Nonprofit Logos, Deconstructed • Tips for Designing (or Redesigning) a NonprofitWebsite • 10ThingsYour Nonprofit Home Page Must Have • 25 Great Nonprofit Websites andTips forYour Inspiration • Tips for Nonprofit Website Success • 21WaysVolunteersCan Help withYourWebsite • NonprofitVideo ProductionTips • 10ThingsYour Nonprofit Home Page Must Have • Five "Don'ts" of NonprofitWebsite Design • Four Guidelines for ImprovingYour NonprofitWebsite • How to Ask for Donations onYourWebsite • Nonprofit Home PageTips • 40 of the BestWebsites of Non-Profit Organizations • 40 Effectively Designed Non-Profit & Charity Websites
  16. 16. Getting Started • 4WebsiteTweaks to Increase Donations • 5Tips for ChoosingYour Nonprofit URL • 5Tips For IncreasingTraffic toYour Nonprofit’sWebsite • A Nonprofit’s Guide to Building Simple, Low-CostWebsites • Acquiring New Donors Online • Connecting Metrics to Action • Create an Online Fundraising Plan - Step 1:WorkYourWebsite • DoesYourWeb Site Suck? • Four Guidelines for ImprovingYour NonprofitWebsite • How to DriveTraffic toYour NonprofitWebsite • How to Run an Online Advocacy Campaign • How to ServeTwo Audiences withYour Nonprofit Website • How to Start aWebsite forYour Organization • How to UseGoogle AdWords to Attract Donors • Nonprofit Home PageTips • The Art of Easy • TransformYour Organization with Pro BonoTechnology Resources–The CommunityCorps Product Spotlight • Write for Fundraising123! • Your Google AnalyticsQuestionsAnswered! Links For Non-Profit Design
  17. 17. Best Practices • 10 Principles Of EffectiveWeb Design • 10 Steps to Being Found on Search Engines • 10Tips to ImproveYour NonprofitWebsite • 8Tips for a Mobile-Friendly Nonprofit Website • AlignYourWebsite withYour Strategic Plan • Donation Usability: Increasing Online Giving to Non-Profits andCharities • ExtremeWebsite Makeover: From Ick to Slick! • Five Deadly Sins of Website Design • Google's Search EngineOptimization Starter Guide • One Fool-Proof Way to Make Donating Easier for Donors • OurWebsite Stinks!Tips & Secrets for a Successful Redesign • TheArt of the Online "Ask" • The RightWay to Use Stock Images • Tips for an Effective Contact Us Page • Tips from theWorstWebsites Donor Stewardship • How to Cultivate DonorsOnline:The “Field of Dreams” Problem and How to Fix It Inspiration • How Improving the Experience Can Make DonorsWant to Give • MakeYour NonprofitWebsite a Positive Experience -- EvenWhenThingsGoWrong Links For Non-Profit Design
  18. 18. Quick Tips • 10 Things Your Nonprofit Home Page Must Have • 10 Tips to Make your Nonprofit Website Search Engine Friendly • 13 Secrets of Holiday Fundraising Online • 3 Steps for a Better Nonprofit Website • 3 Tests to Improve Your Website and Donation Process • 5 Principles for a More Effective Nonprofit Website • 8 Tips for a Mobile-Friendly Nonprofit Website • Are You a Crate & Barrel Nonprofit? • Connecting Metrics to Action • Does Your Web Site Suck? • Extreme Website Makeover: From Ick to Slick! • Five "Don'ts" of Nonprofit Website Design • Four Guidelines for Improving Your Nonprofit Website • Four Questions to Answer in Every Appeal • Four Steps to More Donations • Google AdWords for Nonprofits: 10 Tips About Keywords • Help Donors Find You Through Search Engine Marketing • How to Ask for Donations on Your Website • How to Choose a Web Designer for Your Nonprofit Website • How to Cultivate Donors Online: The “Field of Dreams” Problem and How to Fix It • How to Use Google AdWords to Attract Donors • Optimize Your Nonprofit Landing Pages: Improving the Odds You Get What You Want from Your Supporters • Our Website Stinks! Tips & Secrets for a Successful Redesign • The Art of Easy • Tips from the Worst Websites • Website Words to Live By
  19. 19. Attracting New Donors • Acquiring New Donors Online Donation Pages • How Donation PageOptimization Can Boost Online Giving FundraisingAppeals • Four Questions to Answer in Every Appeal NonprofitCommunications • WebWriting for Nonprofits: 4 Dos and Don’ts Events • OurWebsite Stinks!Tips & Secrets for a Successful Redesign • Tips forTakingYourWebsite from Blah to Amazing • What Should aWebsite Cost? Case Studies &White Papers • How Donation PageOptimization Can Boost Online Giving

×