SlideShare a Scribd company logo
Top Ten Website Best
Practices Every School
    Should Employ
      Kelley Jarrett, Market Manager – Guide Creative




                                              A Blackbaud Production!
Where are you today?




                       A Blackbaud Production!
Ten Best Practices




                     A Blackbaud Production!
Resonate with your Audiences

  “Your website does not exist as a boutique
   just to show off information about your
   organization. Instead, it’s actually a tool
   to mobilize your audience...”
                                                             - Raheel Gauba
                “Design for Good: 4 (More) Nonprofit Design Principles” Netwits Think Tank, 10




                                                                                                 A Blackbaud Production!
Resonate with your Audiences
  Focus on your audience needs
      •    Who are your audience
           groups and who is most
           important?

      •    What do they care about –
           need, goals and
           aspirations?

      •    How do they interact with
           you on and off your
           website?


                                       A Blackbaud Production!
Resonate with your Audiences
 Speak the right language
    •    Discuss, decide and use your key
         messages consistently

    •    Listen for feedback on what’s working
         and what’s not through social media,
         blogs and surveys

    •    Know that writing is an art…AND a
         science

    •    Avoid jargon, too little or too much
         content

    •    Test!


                                                 A Blackbaud Production!
Resonate with your Audiences
Meet users where they are
   •  In less than three years mobile will be the #1 way your
      audience will access your website … Are you ready?




                                                                A Blackbaud Production!
Have a Focused Homepage

 “The Web is a world of first impressions,
 and quick ones at that. Users form an
 opinion of a website within the first few
 seconds of loading it.”
                                                  - Jason Gross
            “The Role of Design in The Kingdome of Content, www.smashingmagazine.com




                                                                                A Blackbaud Production!
Have a Focused Homepage
Prioritize Content
   •  Wireframes are key for visual hierarchy
   •  Remember YOUR goals
   •  Remember your AUDIENCE’S goals




                                                A Blackbaud Production!
Have a Focused Homepage
Pass the 3-second test
   •  Is your homepage scannable, understandable, intuitive in 3
      seconds?




                                                                   A Blackbaud Production!
“Design your website around your school’s
 actions and purpose. Make the mission
 statement clear as day.”
                            - Blake McCreary
                                “Non-Profit Web Design.”




                                                           A Blackbaud Production!
Share Your Mission
Tell your story clearly & succinctly and make it actionable
   •  Most prospectives check out your website before they engage
   •  60% of all donors view an organization’s website before donating -
      tell them why they should give…




                                                                   A Blackbaud Production!
Share Your Mission
Show your story … visually
   •  Infographics, typography, links,
      video, imagery, photography
   •  The style should fit your voice and
      brand
   •  Prospective families want to be
      “wowed”!




                                            A Blackbaud Production!
Use Compelling Imagery

“Regardless of what your content actually
says, the design around it controls what
the users see first and how their eyes
move across the sections of the page.”
                                                - Jason Gross

           “The Role of Design in The Kingdome of Content, www.smashingmagazine.com




                                                                               A Blackbaud Production!
Use Compelling Imagery
Engage with eye contact … Make a personal connection
Show real stories of impact to gain credibility




                                                       A Blackbaud Production!
Use Compelling Imagery
Match Imagery with your brand, mood and voice
 - Does quality, composition and candor of your imagery jive with your user
   experience?




                                                                   A Blackbaud Production!
Ensure Ease in Navigation
 “User-centric design has become a
 standard approach for successful and web
 design. After all, if users can’t use a
 feature, it might as well not exist.”
                                        - Vitaly Friedman
               “10 Principles of Effective Web Design”, www.smashingmagazine.com




                                                                            A Blackbaud Production!
Ensure Ease in Navigation
            Navigation Systems should be
            intuitive and precise
             • Provide multiple interaction paths
             • Ensure context for users who come in
               through search or links
             • Does it take two-click or less for key
               tasks?




                                             A Blackbaud Production!
Include Clear, Bold Calls-to-Action

 “Assuming that you’ve written a brilliantly
 persuasive page, it’s still next to worthless
 without a strong call to action…”
                                         - Brad Shorr
                    “Five Copywriting Errors That Can Ruin a Company’s Website,”




                                                                           A Blackbaud Production!
Include Clear, Bold Calls-to-Action
  Remove all obstacles to action from anywhere
   “Apply Now” should take them directly to application.




                                                           A Blackbaud Production!
Include Clear, Bold Calls-to-Action
 Calls to action should be
  clear and compelling

  Don’t Say:
  “Click Here”

  Instead Say:
  Visit Us
  Apply
  Donate
  Learn More
                                A Blackbaud Production!
Showcase Your Stewardship

  “Stewardship comes down to being able to
  show donors how their dollars were used
  and what impact their contributions had…”
                              - Cynthia Gomez


                                     “What Is Stewardship for a
  Non-Profit?” www.eHow.com




                                                           A Blackbaud Production!
Showcase Your Stewardship
Many will visit your website
before engaging.

 •  Show the impact (eg. stats,
      infographics)
 •    Be transparent (eg. share your
      annual report)
 •    Say “Thank you”




                                       A Blackbaud Production!
Showcase Your Stewardship




                      A Blackbaud Production!
Keep Content Fresh
“…You need to remember that the Internet
is a dynamic place, and make sure your
site is constantly changing as well.”
                                                             - Randall Mains
   “Good Non Profit Website Design Principles #5 of 5,” blog.pathmakermarketing.com May 21, 2009




                                                                                            A Blackbaud Production!
Keep Content Fresh
Always have something new to offer to your students, parents, alumni
 - Utilize automatic feeds
 - Add dates to content posted to the homepage




                                                              A Blackbaud Production!
Keep Content Fresh
Gather user-generated content




                                A Blackbaud Production!
Be Social
 “Integrating the social experience into your
organization’s web site will help promote
the channel, engage supporters, and
provide a constant source of dynamic
content …”
                                                                 - Melanie Mathos
                                                                 & Chad Norman

“101 Social Media Tactics for Nonprofits: A Field Guide.” John Wiley & Sons, Inc.




                                                                                    A Blackbaud Production!
Be Social
Social media is a valuable tool in
contributing to site traffic and
brand exposure
 - Make it easy to connect,
   interact and contribute




                                     A Blackbaud Production!
Be Social
Showcase all social activities everywhere
 - Encourage viral sharing
 - Integrate social activities everywhere




                                            A Blackbaud Production!
Provide a Personal Touch
Through Multimedia
“Many of today’s most successful websites
 are interactive, meaning they allow people
 to participate in the content in some way.
                                                                        - Randall Mains
Randall Mains, Strategic Web Communication Principle #4: Interactivity” blog.pathmakermarketing.com




                                                                                                      A Blackbaud Production!
Provide a Personal Touch
Through Multimedia
Allow users to consume information in multiple ways
 - Users want to consume information in various media channels
    and formats.




                                                           A Blackbaud Production!
Provide a Personal Touch
Through Multimedia




                           A Blackbaud Production!
Ten Best Practices
1.  Resonate with Your Audiences
2.  Have a Focused Homepage
3.  Share Your Mission
4.  Use Compelling Imagery
5.  Ensure Ease in Navigation
6.  Include Clear, Bold Calls to Action
7.  Showcase Your Stewardship
8.  Keep Your Content Fresh
9.  Be Social
10.  Provide a Personal Touch Through Interactive


                                                    A Blackbaud Production!
Questions?
         Test Your Own Site!
     www.guidecreative.com/topten



                                    A Blackbaud Production!

More Related Content

PDF
TopTenWebTricksForYourSchool
PDF
WordPress for NonProfits: Top Ten Elements Every Website Should Have
PDF
The Top Ten Elements Your Noprofit's Strategic Website Should Have
PDF
Guide Series Interactive Design_PastPresentAndFuture
PDF
Kill The Noise - Prioritizing Content for Strategic Nonprofit Websites
PDF
Design your website with your mission in mind
PDF
Directions - Council for Vocational Services Society - Halifax [2010-10-07]
TopTenWebTricksForYourSchool
WordPress for NonProfits: Top Ten Elements Every Website Should Have
The Top Ten Elements Your Noprofit's Strategic Website Should Have
Guide Series Interactive Design_PastPresentAndFuture
Kill The Noise - Prioritizing Content for Strategic Nonprofit Websites
Design your website with your mission in mind
Directions - Council for Vocational Services Society - Halifax [2010-10-07]

What's hot (20)

PPTX
Basics of Interaction Design and Strategy
PDF
Community Sector Provincial Forum - St. John's [2010-10-01]
PPTX
Introduction to User Experience Design 2/15/20
PDF
Guidelines for Responsive UX Design 12/12/20
PPTX
Samit Malkani_Digital Creative_Northpoint_Feb2012
PDF
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
PPT
Busting social media myths
PDF
Boost Yourself With Social Media (by Marjorie Kase)
PPTX
Developing an effective website captovate 2012_hs_v8
PDF
Crush It Key Points E-Book
PDF
Web Application Page Hierarchy
PDF
Design Patterns: Defining and Sharing Web Design Languages
PDF
Don't Design Websites. Design Web SYSTEMS! (BADCamp 2011)
PDF
Designing for Web 2.0: The Visual Ecosystem
PDF
Guidelines for Responsive UX Design 07/20/19
PDF
Guidelines for Responsive UX Design 11/16/19
KEY
FOWA 2011
PPT
Show, Don't Tell! Using Video to Tell Your Story
PDF
“Linking Up through LinkedIn” Be a Social Media Rock Star
PDF
Don't Design Websites. Design Web SYSTEMS! (DrupalCon London 2011)
Basics of Interaction Design and Strategy
Community Sector Provincial Forum - St. John's [2010-10-01]
Introduction to User Experience Design 2/15/20
Guidelines for Responsive UX Design 12/12/20
Samit Malkani_Digital Creative_Northpoint_Feb2012
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
Busting social media myths
Boost Yourself With Social Media (by Marjorie Kase)
Developing an effective website captovate 2012_hs_v8
Crush It Key Points E-Book
Web Application Page Hierarchy
Design Patterns: Defining and Sharing Web Design Languages
Don't Design Websites. Design Web SYSTEMS! (BADCamp 2011)
Designing for Web 2.0: The Visual Ecosystem
Guidelines for Responsive UX Design 07/20/19
Guidelines for Responsive UX Design 11/16/19
FOWA 2011
Show, Don't Tell! Using Video to Tell Your Story
“Linking Up through LinkedIn” Be a Social Media Rock Star
Don't Design Websites. Design Web SYSTEMS! (DrupalCon London 2011)
Ad

Viewers also liked (8)

PPTX
Top Ten Elements Your School's Website Should Employ
PPTX
ITEP Webinar_5 Best Practices of School Leaders_JUN28-2014
PPTX
Back to School: Best Practices for Onboarding Students
PPTX
Best practices in finland
PDF
Educational Curriculum in Finland
PPTX
Education in finland
PDF
Education in Finland
PPTX
EDUCATION SYSTEM OF FINLAND ppt
Top Ten Elements Your School's Website Should Employ
ITEP Webinar_5 Best Practices of School Leaders_JUN28-2014
Back to School: Best Practices for Onboarding Students
Best practices in finland
Educational Curriculum in Finland
Education in finland
Education in Finland
EDUCATION SYSTEM OF FINLAND ppt
Ad

Similar to The Top Ten Elements Every School's Website Should Have (20)

PPTX
Bag of Tricks
PDF
5 Most Common Mistakes Of YMCA Websites Blackbaud 120909
PDF
Ten Tips to Improve Your Website
PDF
2013 Web Design Trends for Nonprofits
PDF
Medicine Hat 2010 - Websites 101
PDF
Web Content Development Process - Best Practices
PPT
Intro to Content Strategy: January 2013
KEY
Building Usable Websites
PDF
5 most common mistakes of alumni websites
PDF
The Nonprofits' Guide to Content Strategy
PDF
5 Mistakes Of Food Bank Websites Blackbaud Best Practice Session Oct 6 2009
PDF
Arts Marketers: Building a Better Website
PDF
Arts Marketers: Building a Better Website
PDF
Content Strategy for Small Business
PDF
Online Marketing in the Energy Industry
PPT
Your Digital Brand: Building a Powerful Website
KEY
SVC Content Strategy Workshop - Winter 2012
KEY
Are You Content Strategy Material?
PDF
25 easy ways to drive traffic
PPT
Web for Non-Profits
Bag of Tricks
5 Most Common Mistakes Of YMCA Websites Blackbaud 120909
Ten Tips to Improve Your Website
2013 Web Design Trends for Nonprofits
Medicine Hat 2010 - Websites 101
Web Content Development Process - Best Practices
Intro to Content Strategy: January 2013
Building Usable Websites
5 most common mistakes of alumni websites
The Nonprofits' Guide to Content Strategy
5 Mistakes Of Food Bank Websites Blackbaud Best Practice Session Oct 6 2009
Arts Marketers: Building a Better Website
Arts Marketers: Building a Better Website
Content Strategy for Small Business
Online Marketing in the Energy Industry
Your Digital Brand: Building a Powerful Website
SVC Content Strategy Workshop - Winter 2012
Are You Content Strategy Material?
25 easy ways to drive traffic
Web for Non-Profits

More from guidecreative (14)

PDF
The Importance of Analyzing Your Audience in Strategic Nonprofit Web Design
PDF
GUIDE_Series_Mobilize_Your_Nonprofit
PDF
GUIDE_Series_WordPressForNonprofits
PDF
Guide series creating the ultimate interactive experience through social media
PDF
Strategic_Web_Design-TestingYourVisualStory
PDF
Strategic_Web_Design-VIsualDesign
PDF
Strategic_Web_Design-VisualStrategy
PDF
Strategic_Web_Design-AudienceAnalysis
PDF
Guide Creative - Tour of Sites
PDF
Expanding Your Nonprofit's Brand: Milestone Logos
PDF
Communicating Your Nonprofit's Brand
PDF
Living Your Nonprofit's Brand
PDF
Defining Your Nonprofit's Brand: Strategy_pdf
PDF
Socialize Your Nonprofit
The Importance of Analyzing Your Audience in Strategic Nonprofit Web Design
GUIDE_Series_Mobilize_Your_Nonprofit
GUIDE_Series_WordPressForNonprofits
Guide series creating the ultimate interactive experience through social media
Strategic_Web_Design-TestingYourVisualStory
Strategic_Web_Design-VIsualDesign
Strategic_Web_Design-VisualStrategy
Strategic_Web_Design-AudienceAnalysis
Guide Creative - Tour of Sites
Expanding Your Nonprofit's Brand: Milestone Logos
Communicating Your Nonprofit's Brand
Living Your Nonprofit's Brand
Defining Your Nonprofit's Brand: Strategy_pdf
Socialize Your Nonprofit

Recently uploaded (20)

PDF
Phone away, tabs closed: No multitasking
PPTX
mahatma gandhi bus terminal in india Case Study.pptx
PDF
Urban Design Final Project-Context
DOCX
actividad 20% informatica microsoft project
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
PPTX
Implications Existing phase plan and its feasibility.pptx
PDF
Wio LTE JP Version v1.3b- 4G, Cat.1, Espruino Compatible\202001935, PCBA;Wio ...
PDF
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
PDF
Urban Design Final Project-Site Analysis
PDF
Interior Structure and Construction A1 NGYANQI
PDF
Quality Control Management for RMG, Level- 4, Certificate
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PDF
Africa 2025 - Prospects and Challenges first edition.pdf
PPTX
Fundamental Principles of Visual Graphic Design.pptx
PPTX
AD Bungalow Case studies Sem 2.pptxvwewev
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PPTX
artificialintelligencedata driven analytics23.pptx
PPTX
12. Community Pharmacy and How to organize it
PPT
pump pump is a mechanism that is used to transfer a liquid from one place to ...
Phone away, tabs closed: No multitasking
mahatma gandhi bus terminal in india Case Study.pptx
Urban Design Final Project-Context
actividad 20% informatica microsoft project
Tenders & Contracts Works _ Services Afzal.pptx
Implications Existing phase plan and its feasibility.pptx
Wio LTE JP Version v1.3b- 4G, Cat.1, Espruino Compatible\202001935, PCBA;Wio ...
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
Urban Design Final Project-Site Analysis
Interior Structure and Construction A1 NGYANQI
Quality Control Management for RMG, Level- 4, Certificate
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
Africa 2025 - Prospects and Challenges first edition.pdf
Fundamental Principles of Visual Graphic Design.pptx
AD Bungalow Case studies Sem 2.pptxvwewev
YOW2022-BNE-MinimalViableArchitecture.pdf
DOC-20250430-WA0014._20250714_235747_0000.pptx
artificialintelligencedata driven analytics23.pptx
12. Community Pharmacy and How to organize it
pump pump is a mechanism that is used to transfer a liquid from one place to ...

The Top Ten Elements Every School's Website Should Have

  • 1. Top Ten Website Best Practices Every School Should Employ Kelley Jarrett, Market Manager – Guide Creative A Blackbaud Production!
  • 2. Where are you today? A Blackbaud Production!
  • 3. Ten Best Practices A Blackbaud Production!
  • 4. Resonate with your Audiences “Your website does not exist as a boutique just to show off information about your organization. Instead, it’s actually a tool to mobilize your audience...” - Raheel Gauba “Design for Good: 4 (More) Nonprofit Design Principles” Netwits Think Tank, 10 A Blackbaud Production!
  • 5. Resonate with your Audiences Focus on your audience needs •  Who are your audience groups and who is most important? •  What do they care about – need, goals and aspirations? •  How do they interact with you on and off your website? A Blackbaud Production!
  • 6. Resonate with your Audiences Speak the right language •  Discuss, decide and use your key messages consistently •  Listen for feedback on what’s working and what’s not through social media, blogs and surveys •  Know that writing is an art…AND a science •  Avoid jargon, too little or too much content •  Test! A Blackbaud Production!
  • 7. Resonate with your Audiences Meet users where they are •  In less than three years mobile will be the #1 way your audience will access your website … Are you ready? A Blackbaud Production!
  • 8. Have a Focused Homepage “The Web is a world of first impressions, and quick ones at that. Users form an opinion of a website within the first few seconds of loading it.” - Jason Gross “The Role of Design in The Kingdome of Content, www.smashingmagazine.com A Blackbaud Production!
  • 9. Have a Focused Homepage Prioritize Content •  Wireframes are key for visual hierarchy •  Remember YOUR goals •  Remember your AUDIENCE’S goals A Blackbaud Production!
  • 10. Have a Focused Homepage Pass the 3-second test •  Is your homepage scannable, understandable, intuitive in 3 seconds? A Blackbaud Production!
  • 11. “Design your website around your school’s actions and purpose. Make the mission statement clear as day.” - Blake McCreary “Non-Profit Web Design.” A Blackbaud Production!
  • 12. Share Your Mission Tell your story clearly & succinctly and make it actionable •  Most prospectives check out your website before they engage •  60% of all donors view an organization’s website before donating - tell them why they should give… A Blackbaud Production!
  • 13. Share Your Mission Show your story … visually •  Infographics, typography, links, video, imagery, photography •  The style should fit your voice and brand •  Prospective families want to be “wowed”! A Blackbaud Production!
  • 14. Use Compelling Imagery “Regardless of what your content actually says, the design around it controls what the users see first and how their eyes move across the sections of the page.” - Jason Gross “The Role of Design in The Kingdome of Content, www.smashingmagazine.com A Blackbaud Production!
  • 15. Use Compelling Imagery Engage with eye contact … Make a personal connection Show real stories of impact to gain credibility A Blackbaud Production!
  • 16. Use Compelling Imagery Match Imagery with your brand, mood and voice - Does quality, composition and candor of your imagery jive with your user experience? A Blackbaud Production!
  • 17. Ensure Ease in Navigation “User-centric design has become a standard approach for successful and web design. After all, if users can’t use a feature, it might as well not exist.” - Vitaly Friedman “10 Principles of Effective Web Design”, www.smashingmagazine.com A Blackbaud Production!
  • 18. Ensure Ease in Navigation Navigation Systems should be intuitive and precise • Provide multiple interaction paths • Ensure context for users who come in through search or links • Does it take two-click or less for key tasks? A Blackbaud Production!
  • 19. Include Clear, Bold Calls-to-Action “Assuming that you’ve written a brilliantly persuasive page, it’s still next to worthless without a strong call to action…” - Brad Shorr “Five Copywriting Errors That Can Ruin a Company’s Website,” A Blackbaud Production!
  • 20. Include Clear, Bold Calls-to-Action Remove all obstacles to action from anywhere “Apply Now” should take them directly to application. A Blackbaud Production!
  • 21. Include Clear, Bold Calls-to-Action Calls to action should be clear and compelling Don’t Say: “Click Here” Instead Say: Visit Us Apply Donate Learn More A Blackbaud Production!
  • 22. Showcase Your Stewardship “Stewardship comes down to being able to show donors how their dollars were used and what impact their contributions had…” - Cynthia Gomez “What Is Stewardship for a Non-Profit?” www.eHow.com A Blackbaud Production!
  • 23. Showcase Your Stewardship Many will visit your website before engaging. •  Show the impact (eg. stats, infographics) •  Be transparent (eg. share your annual report) •  Say “Thank you” A Blackbaud Production!
  • 24. Showcase Your Stewardship A Blackbaud Production!
  • 25. Keep Content Fresh “…You need to remember that the Internet is a dynamic place, and make sure your site is constantly changing as well.” - Randall Mains “Good Non Profit Website Design Principles #5 of 5,” blog.pathmakermarketing.com May 21, 2009 A Blackbaud Production!
  • 26. Keep Content Fresh Always have something new to offer to your students, parents, alumni - Utilize automatic feeds - Add dates to content posted to the homepage A Blackbaud Production!
  • 27. Keep Content Fresh Gather user-generated content A Blackbaud Production!
  • 28. Be Social “Integrating the social experience into your organization’s web site will help promote the channel, engage supporters, and provide a constant source of dynamic content …” - Melanie Mathos & Chad Norman “101 Social Media Tactics for Nonprofits: A Field Guide.” John Wiley & Sons, Inc. A Blackbaud Production!
  • 29. Be Social Social media is a valuable tool in contributing to site traffic and brand exposure - Make it easy to connect, interact and contribute A Blackbaud Production!
  • 30. Be Social Showcase all social activities everywhere - Encourage viral sharing - Integrate social activities everywhere A Blackbaud Production!
  • 31. Provide a Personal Touch Through Multimedia “Many of today’s most successful websites are interactive, meaning they allow people to participate in the content in some way. - Randall Mains Randall Mains, Strategic Web Communication Principle #4: Interactivity” blog.pathmakermarketing.com A Blackbaud Production!
  • 32. Provide a Personal Touch Through Multimedia Allow users to consume information in multiple ways - Users want to consume information in various media channels and formats. A Blackbaud Production!
  • 33. Provide a Personal Touch Through Multimedia A Blackbaud Production!
  • 34. Ten Best Practices 1.  Resonate with Your Audiences 2.  Have a Focused Homepage 3.  Share Your Mission 4.  Use Compelling Imagery 5.  Ensure Ease in Navigation 6.  Include Clear, Bold Calls to Action 7.  Showcase Your Stewardship 8.  Keep Your Content Fresh 9.  Be Social 10.  Provide a Personal Touch Through Interactive A Blackbaud Production!
  • 35. Questions? Test Your Own Site! www.guidecreative.com/topten A Blackbaud Production!