SlideShare a Scribd company logo
Homepage Design Slam
Lacey Kruger, Principal Information Architect
Your Speaker
Lacey Kruger
Principal 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
Agenda
1. 10 Rules for Effective Homepage Design
2. Slam some Homepages!
Blackbaud Confidential 3
A word about mobile/responsive…
1. Articulate your mission and brand
Blackbaud Confidential 5
5 second test results;
conduct your own at
http://fivesecondtest.com/
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
3. Make the case for donations
Blackbaud Confidential 7
4. Create a visual hierarchy
Blackbaud Confidential 8
5. Make it easy to Donate
Blackbaud Confidential 9
6. Offer multiple ways to engage
Blackbaud Confidential 10
7. Provide clear, concise navigation
Blackbaud Confidential 11
8. Include dynamic content
Blackbaud Confidential 12
9. Provide contact info
Blackbaud Confidential 13
10. Ensure page loads in <4 seconds
Blackbaud Confidential 14
Page performance test results; conduct your own at http://www.webpagetest.org/
Summary
1. Clearly convey your mission and brand
2. Meet user and stakeholder needs
3. Make the case for donations
4. Create a visual hierarchy
5. Make it easy to Donate
6. Offer multiple ways to engage
7. Provide clear, concise navigation
8. Include dynamic content
9. Provide contact info
10. Ensure page loads in <4 seconds
The Slamming begins!
Volunteers??
(please type your homepage URL in the Chat)
Want More?
Hire Us to help with your homepage!
(or any part of your web presence)
interactive-services.blackbaud.com
User Research, Visual Design, Mobile/Responsive, Content Strategy, Usability
Testing, Sitemaps, Wireframes, SEO, Analytics, Copywriting etc.
Find Lacey:
lacey.kruger@blackbaud.com
http://www.slideshare.net/LaceyKruger
http://www.npengage.com/author/lacey/

More Related Content

Similar to Nonprofit Homepage Design Slam - 10 tips for Effective Homepage Design

Devportal Information Architecture: A 4-step Method
Devportal Information Architecture: A 4-step MethodDevportal Information Architecture: A 4-step Method
Devportal Information Architecture: A 4-step Method
Pronovix
 
Designing your SharePoint Internet site: The basics
Designing your SharePoint Internet site: The basicsDesigning your SharePoint Internet site: The basics
Designing your SharePoint Internet site: The basics
C/D/H Technology Consultants
 
DAYALBAGH EDUCATIONAdfgresgL INSTITUTE.pptx
DAYALBAGH EDUCATIONAdfgresgL INSTITUTE.pptxDAYALBAGH EDUCATIONAdfgresgL INSTITUTE.pptx
DAYALBAGH EDUCATIONAdfgresgL INSTITUTE.pptx
piyushlohia1857
 
Webinar planning 8 28-final-1
Webinar planning 8 28-final-1Webinar planning 8 28-final-1
Webinar planning 8 28-final-1
Genesys
 
Best Practices for SharePoint Public Websites
Best Practices for SharePoint Public WebsitesBest Practices for SharePoint Public Websites
Best Practices for SharePoint Public Websites
C/D/H Technology Consultants
 
Working with Developers
Working with DevelopersWorking with Developers
Working with Developers
Paul Walk
 
Cloud Foundry Foundation Overview
Cloud Foundry Foundation OverviewCloud Foundry Foundation Overview
Cloud Foundry Foundation Overview
Cloud Foundry Foundation
 
MW2015: Bring It On: Ensuring the success of BYOD programming in the museum e...
MW2015: Bring It On: Ensuring the success of BYOD programming in the museum e...MW2015: Bring It On: Ensuring the success of BYOD programming in the museum e...
MW2015: Bring It On: Ensuring the success of BYOD programming in the museum e...
scottsayre
 
Win More Customers With Embedded Analytics
Win More Customers With Embedded AnalyticsWin More Customers With Embedded Analytics
Win More Customers With Embedded Analytics
Poojitha B
 
The New Normal – Delivering Remote Professional Services
The New Normal – Delivering Remote Professional ServicesThe New Normal – Delivering Remote Professional Services
The New Normal – Delivering Remote Professional Services
Neo4j
 
Driving Developers To Your API
Driving Developers To Your APIDriving Developers To Your API
Driving Developers To Your API
Carlo Longino
 
UX in Action: IBM Watson
UX in Action: IBM WatsonUX in Action: IBM Watson
UX in Action: IBM Watson
UserTesting
 
Delivering Fantastic Brand Experiences With Low-Code
Delivering Fantastic Brand Experiences With Low-CodeDelivering Fantastic Brand Experiences With Low-Code
Delivering Fantastic Brand Experiences With Low-Code
Cyber-Duck
 
Leading Collaborative Hybrid Sessions
Leading Collaborative Hybrid SessionsLeading Collaborative Hybrid Sessions
Leading Collaborative Hybrid Sessions
Cynthia Clay
 
Cisco Incubator 5.0 for students events Ukraine
Cisco Incubator 5.0 for students events UkraineCisco Incubator 5.0 for students events Ukraine
Cisco Incubator 5.0 for students events Ukraine
TA Digital Agency
 
White Labeling Your Data Analytics
White Labeling Your Data AnalyticsWhite Labeling Your Data Analytics
White Labeling Your Data Analytics
Poojitha B
 
The Revolution Will Be Accessible! alt="How to start a grassroots accessibil...
The Revolution Will Be Accessible!  alt="How to start a grassroots accessibil...The Revolution Will Be Accessible!  alt="How to start a grassroots accessibil...
The Revolution Will Be Accessible! alt="How to start a grassroots accessibil...
Gina Calcaterra Bhawalkar
 
Business presentation skills
Business presentation skillsBusiness presentation skills
Business presentation skills
Ankush Mehrotra
 
How Okta Created a Customer Community To Drive Engagement and Manage Support ...
How Okta Created a Customer Community To Drive Engagement and Manage Support ...How Okta Created a Customer Community To Drive Engagement and Manage Support ...
How Okta Created a Customer Community To Drive Engagement and Manage Support ...
7Summits
 
Agile Product and User-Centered Design Methodologies Webinar - XBOSoft
Agile Product and User-Centered Design Methodologies Webinar - XBOSoftAgile Product and User-Centered Design Methodologies Webinar - XBOSoft
Agile Product and User-Centered Design Methodologies Webinar - XBOSoft
XBOSoft
 

Similar to Nonprofit Homepage Design Slam - 10 tips for Effective Homepage Design (20)

Devportal Information Architecture: A 4-step Method
Devportal Information Architecture: A 4-step MethodDevportal Information Architecture: A 4-step Method
Devportal Information Architecture: A 4-step Method
 
Designing your SharePoint Internet site: The basics
Designing your SharePoint Internet site: The basicsDesigning your SharePoint Internet site: The basics
Designing your SharePoint Internet site: The basics
 
DAYALBAGH EDUCATIONAdfgresgL INSTITUTE.pptx
DAYALBAGH EDUCATIONAdfgresgL INSTITUTE.pptxDAYALBAGH EDUCATIONAdfgresgL INSTITUTE.pptx
DAYALBAGH EDUCATIONAdfgresgL INSTITUTE.pptx
 
Webinar planning 8 28-final-1
Webinar planning 8 28-final-1Webinar planning 8 28-final-1
Webinar planning 8 28-final-1
 
Best Practices for SharePoint Public Websites
Best Practices for SharePoint Public WebsitesBest Practices for SharePoint Public Websites
Best Practices for SharePoint Public Websites
 
Working with Developers
Working with DevelopersWorking with Developers
Working with Developers
 
Cloud Foundry Foundation Overview
Cloud Foundry Foundation OverviewCloud Foundry Foundation Overview
Cloud Foundry Foundation Overview
 
MW2015: Bring It On: Ensuring the success of BYOD programming in the museum e...
MW2015: Bring It On: Ensuring the success of BYOD programming in the museum e...MW2015: Bring It On: Ensuring the success of BYOD programming in the museum e...
MW2015: Bring It On: Ensuring the success of BYOD programming in the museum e...
 
Win More Customers With Embedded Analytics
Win More Customers With Embedded AnalyticsWin More Customers With Embedded Analytics
Win More Customers With Embedded Analytics
 
The New Normal – Delivering Remote Professional Services
The New Normal – Delivering Remote Professional ServicesThe New Normal – Delivering Remote Professional Services
The New Normal – Delivering Remote Professional Services
 
Driving Developers To Your API
Driving Developers To Your APIDriving Developers To Your API
Driving Developers To Your API
 
UX in Action: IBM Watson
UX in Action: IBM WatsonUX in Action: IBM Watson
UX in Action: IBM Watson
 
Delivering Fantastic Brand Experiences With Low-Code
Delivering Fantastic Brand Experiences With Low-CodeDelivering Fantastic Brand Experiences With Low-Code
Delivering Fantastic Brand Experiences With Low-Code
 
Leading Collaborative Hybrid Sessions
Leading Collaborative Hybrid SessionsLeading Collaborative Hybrid Sessions
Leading Collaborative Hybrid Sessions
 
Cisco Incubator 5.0 for students events Ukraine
Cisco Incubator 5.0 for students events UkraineCisco Incubator 5.0 for students events Ukraine
Cisco Incubator 5.0 for students events Ukraine
 
White Labeling Your Data Analytics
White Labeling Your Data AnalyticsWhite Labeling Your Data Analytics
White Labeling Your Data Analytics
 
The Revolution Will Be Accessible! alt="How to start a grassroots accessibil...
The Revolution Will Be Accessible!  alt="How to start a grassroots accessibil...The Revolution Will Be Accessible!  alt="How to start a grassroots accessibil...
The Revolution Will Be Accessible! alt="How to start a grassroots accessibil...
 
Business presentation skills
Business presentation skillsBusiness presentation skills
Business presentation skills
 
How Okta Created a Customer Community To Drive Engagement and Manage Support ...
How Okta Created a Customer Community To Drive Engagement and Manage Support ...How Okta Created a Customer Community To Drive Engagement and Manage Support ...
How Okta Created a Customer Community To Drive Engagement and Manage Support ...
 
Agile Product and User-Centered Design Methodologies Webinar - XBOSoft
Agile Product and User-Centered Design Methodologies Webinar - XBOSoftAgile Product and User-Centered Design Methodologies Webinar - XBOSoft
Agile Product and User-Centered Design Methodologies Webinar - XBOSoft
 

More from Lacey Kruger

Adaptive Content for Luminate CMS bbCon 2015
Adaptive Content for Luminate CMS bbCon 2015Adaptive Content for Luminate CMS bbCon 2015
Adaptive Content for Luminate CMS bbCon 2015
Lacey Kruger
 
Homepage Design Slam bbCon 2015
Homepage Design Slam bbCon 2015Homepage Design Slam bbCon 2015
Homepage Design Slam bbCon 2015
Lacey Kruger
 
Content Modeling: How to Structure Your Content
Content Modeling: How to Structure Your ContentContent Modeling: How to Structure Your Content
Content Modeling: How to Structure Your Content
Lacey Kruger
 
The Anatomy of a Content Model
The Anatomy of a Content ModelThe Anatomy of a Content Model
The Anatomy of a Content Model
Lacey Kruger
 
Going Mobile: Tips and Tricks for Mobile-Friendly Content
Going Mobile: Tips and Tricks for Mobile-Friendly ContentGoing Mobile: Tips and Tricks for Mobile-Friendly Content
Going Mobile: Tips and Tricks for Mobile-Friendly Content
Lacey Kruger
 
Practicing What We Preach - User-Centered Email
Practicing What We Preach - User-Centered EmailPracticing What We Preach - User-Centered Email
Practicing What We Preach - User-Centered Email
Lacey Kruger
 
Using Your Users
Using Your UsersUsing Your Users
Using Your Users
Lacey Kruger
 
Homepage Design Slam
Homepage Design SlamHomepage Design Slam
Homepage Design Slam
Lacey Kruger
 
Mobile Homepage Design Slam
Mobile Homepage Design SlamMobile Homepage Design Slam
Mobile Homepage Design Slam
Lacey Kruger
 

More from Lacey Kruger (9)

Adaptive Content for Luminate CMS bbCon 2015
Adaptive Content for Luminate CMS bbCon 2015Adaptive Content for Luminate CMS bbCon 2015
Adaptive Content for Luminate CMS bbCon 2015
 
Homepage Design Slam bbCon 2015
Homepage Design Slam bbCon 2015Homepage Design Slam bbCon 2015
Homepage Design Slam bbCon 2015
 
Content Modeling: How to Structure Your Content
Content Modeling: How to Structure Your ContentContent Modeling: How to Structure Your Content
Content Modeling: How to Structure Your Content
 
The Anatomy of a Content Model
The Anatomy of a Content ModelThe Anatomy of a Content Model
The Anatomy of a Content Model
 
Going Mobile: Tips and Tricks for Mobile-Friendly Content
Going Mobile: Tips and Tricks for Mobile-Friendly ContentGoing Mobile: Tips and Tricks for Mobile-Friendly Content
Going Mobile: Tips and Tricks for Mobile-Friendly Content
 
Practicing What We Preach - User-Centered Email
Practicing What We Preach - User-Centered EmailPracticing What We Preach - User-Centered Email
Practicing What We Preach - User-Centered Email
 
Using Your Users
Using Your UsersUsing Your Users
Using Your Users
 
Homepage Design Slam
Homepage Design SlamHomepage Design Slam
Homepage Design Slam
 
Mobile Homepage Design Slam
Mobile Homepage Design SlamMobile Homepage Design Slam
Mobile Homepage Design Slam
 

Recently uploaded

ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economicoZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
jhonguerrerobarturen
 
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
k7nm6tk
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
Kyungeun Sung
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
PabloMartelLpez
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
peuce
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
Virtual Real Design
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
contactproperweb2014
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
kecekev
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
GOWSIKRAJA PALANISAMY
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
pmgdscunsri
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
lunaemel03
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
amrsoftec1
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
PoojaSaini954651
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
qo1as76n
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
Techno Merch
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
talaatahm
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
millarj46
 

Recently uploaded (20)

ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economicoZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
 
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
 

Nonprofit Homepage Design Slam - 10 tips for Effective Homepage Design

  • 1. Homepage Design Slam Lacey Kruger, Principal Information Architect
  • 2. Your Speaker Lacey Kruger Principal 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
  • 3. Agenda 1. 10 Rules for Effective Homepage Design 2. Slam some Homepages! Blackbaud Confidential 3
  • 4. A word about mobile/responsive…
  • 5. 1. Articulate your mission and brand Blackbaud Confidential 5 5 second test results; conduct your own at http://fivesecondtest.com/
  • 6. 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
  • 7. 3. Make the case for donations Blackbaud Confidential 7
  • 8. 4. Create a visual hierarchy Blackbaud Confidential 8
  • 9. 5. Make it easy to Donate Blackbaud Confidential 9
  • 10. 6. Offer multiple ways to engage Blackbaud Confidential 10
  • 11. 7. Provide clear, concise navigation Blackbaud Confidential 11
  • 12. 8. Include dynamic content Blackbaud Confidential 12
  • 13. 9. Provide contact info Blackbaud Confidential 13
  • 14. 10. Ensure page loads in <4 seconds Blackbaud Confidential 14 Page performance test results; conduct your own at http://www.webpagetest.org/
  • 15. Summary 1. Clearly convey your mission and brand 2. Meet user and stakeholder needs 3. Make the case for donations 4. Create a visual hierarchy 5. Make it easy to Donate 6. Offer multiple ways to engage 7. Provide clear, concise navigation 8. Include dynamic content 9. Provide contact info 10. Ensure page loads in <4 seconds
  • 16. The Slamming begins! Volunteers?? (please type your homepage URL in the Chat)
  • 17. Want More? Hire Us to help with your homepage! (or any part of your web presence) interactive-services.blackbaud.com User Research, Visual Design, Mobile/Responsive, Content Strategy, Usability Testing, Sitemaps, Wireframes, SEO, Analytics, Copywriting etc. Find Lacey: lacey.kruger@blackbaud.com http://www.slideshare.net/LaceyKruger http://www.npengage.com/author/lacey/