17
Homepage Design Slam Lacey Kruger, Principal Information Architect

Nonprofit Homepage Design Slam - 10 tips for Effective Homepage Design

Embed Size (px)

DESCRIPTION

Your nonprofit's homepage is the first impression your constituents have of your organization. It lets site visitors know who you are and what drives your mission. So what kind of impression are you making? Join us April 29 at 11:00a C.T. for this month's Luminate Community webinar, where we'll cover The 10 Rules of Effective Homepage Design followed by live evaluations of homepages from volunteers in attendance. After attending, you'll know the hallmarks of a good homepage design and how to effectively critique your own. This session is a favorite at our bbcon conference, and we're excited to present it virtually. You won't want to miss it!

Citation preview

Page 1: Nonprofit Homepage Design Slam - 10 tips for Effective Homepage Design

Homepage Design SlamLacey Kruger, Principal Information Architect

Page 2: Nonprofit Homepage Design Slam - 10 tips for Effective Homepage Design

Your SpeakerLacey KrugerPrincipal Information Architect

• 8+ years at Blackbaud/Convio

• Specializes in User Research, Sitemaps and Wireframes for nonprofit web presences

• Member of Blackbaud Interactive’s User Experience and Design Team

Blackbaud Confidential 2

Page 3: Nonprofit Homepage Design Slam - 10 tips for Effective Homepage Design

Agenda

1. 10 Rules for Effective Homepage Design

2. Slam some Homepages!

Blackbaud Confidential 3

Page 4: Nonprofit Homepage Design Slam - 10 tips for Effective Homepage Design

A word about mobile/responsive…

Page 5: Nonprofit Homepage Design Slam - 10 tips for Effective Homepage Design

1. Articulate your mission and brand

Blackbaud Confidential 5

5 second test results; conduct your own at http://fivesecondtest.com/

Page 6: Nonprofit Homepage Design Slam - 10 tips for Effective Homepage Design

2. Meet user and stakeholder needs

Blackbaud Confidential 6

Users

* Top content in Analytics

* Popular Search terms

* Pathways for all audiences

* What they say is important

Stakeholders* Key Messages and

branding

* Calls to key actions (donate, alerts, subscribe)

* What they say is important

Page 7: Nonprofit Homepage Design Slam - 10 tips for Effective Homepage Design

3. Make the case for donations

Blackbaud Confidential 7

Page 8: Nonprofit Homepage Design Slam - 10 tips for Effective Homepage Design

4. Create a visual hierarchy

Blackbaud Confidential 8

Page 9: Nonprofit Homepage Design Slam - 10 tips for Effective Homepage Design

5. Make it easy to Donate

Blackbaud Confidential 9

Page 10: Nonprofit Homepage Design Slam - 10 tips for Effective Homepage Design

6. Offer multiple ways to engage

Blackbaud Confidential 10

Page 11: Nonprofit Homepage Design Slam - 10 tips for Effective Homepage Design

7. Provide clear, concise navigation

Blackbaud Confidential 11

Page 12: Nonprofit Homepage Design Slam - 10 tips for Effective Homepage Design

8. Include dynamic content

Blackbaud Confidential 12

Page 13: Nonprofit Homepage Design Slam - 10 tips for Effective Homepage Design

9. Provide contact info

Blackbaud Confidential 13

Page 14: Nonprofit Homepage Design Slam - 10 tips for Effective Homepage Design

10. Ensure page loads in <4 seconds

Blackbaud Confidential 14

Page performance test results; conduct your own at http://www.webpagetest.org/

Page 15: Nonprofit Homepage Design Slam - 10 tips for Effective Homepage Design

Summary

1. Clearly convey your mission and brand2. Meet user and stakeholder needs3. Make the case for donations4. Create a visual hierarchy5. Make it easy to Donate6. Offer multiple ways to engage7. Provide clear, concise navigation8. Include dynamic content9. Provide contact info10.Ensure page loads in <4 seconds

Page 16: Nonprofit Homepage Design Slam - 10 tips for Effective Homepage Design

The Slamming begins!

Volunteers?? (please type your homepage URL in the Chat)

Page 17: Nonprofit Homepage Design Slam - 10 tips for Effective Homepage Design

Want More?

Hire Us to help with your homepage!(or any part of your web presence)

interactiveservices.blackbaud.comUser Research, Visual Design, Mobile/Responsive, Content Strategy, Usability Testing, Sitemaps, Wireframes, SEO, Analytics, Copywriting

etc.

Find Lacey:[email protected]

http://www.slideshare.net/LaceyKrugerhttp://www.npengage.com/author/lacey/