Presented at bbCon 2015. This is always a popular session, for good reason! In this session, we will take volunteers from the audience to show their websites' homepage. Then, together, we will conduct a peer review of the page, guided by our list of homepage best practices. For the volunteers, we will wireframe a new, responsive design homepage on-the-fly.

1. Homepage Design Slam
PRESENTED BY
LACEY KRUGER, PRINCIPAL INFORMATION ARCHITECT
MICHAEL CHANG, CREATIVE DIRECTOR

2. Who we are
Michael Chang, Creative Director
• Creative strategist and senior visual designer
• Clients include Make-A-Wish, Easter Seals, Kent State University,
National Multiple Sclerosis Society, Children’s Hospital of Colorado
• Best-in-Class Awards from Interactive Media Awards for
Common Cause and Feeding America websites
• 4 years at Blackbaud/Convio
• michael.chang@blackbaud.com
Lacey Kruger, Principal Information Architect
• User Experience designer and researcher
• Clients include Feeding America, Central Park Conservancy,
Jewish National Fund
• Speaker: IA Summit, BIG Design, bbcon, Convio Summit
• 10 years at Blackbaud/Convio
• lacey.kruger@blackbaud.com

3. Back to the future
3 #bbcon

4. Responsive design?
4 #bbcon
Source: http://responsivedesign.ca/examples/the-boston-globe-a-newspaper-for-the-21st-century

5. Trend #1: The “fold” is fake
5 #bbcon
Data:
Random sample of 25
million user sessions from
across the web.
Source:
Chartbeat Blog: “Scroll
behavior across the web”
http://bit.ly/1h8LiQ5

6. Trend #1: The “fold” is fake
6 #bbcon
Data:
Random sample of 25
million user sessions from
across the web.
Source:
Chartbeat Blog: “Scroll
behavior across the web”
http://bit.ly/1h8LiQ5

7. Trend #1: The “fold” is fake
7 #bbcon
Source:
Conversion Rate Experts:
“Does optimization ever
end? How we grew Crazy
Egg’s conversion rate
by 363%”
http://bit.ly/1kH9bS6

8. Trend #1: The “fold” is fake
8 #bbcon

9. Trend #2: Ditch the carousel
• Bullets
• Second level
• Third level
9 #bbcon

10. Trend #2: Ditch the carousel
• Bullets
• Second level
• Third level
10 #bbcon

11. Trend #2: Ditch the carousel
• Bullets
• Second level
• Third level
11 #bbcon

12. Trend #3: Rethink the hamburger menu
12 #bbcon

13. Trend #3: Rethink the hamburger menu
13 #bbcon

14. Trend #3: Rethink the hamburger menu
14 #bbcon

15. Trend #3: Rethink the hamburger menu
15 #bbcon

16. Trend #4: Use the space you can’t see
16 #bbcon

17. Trend #4: Use the space you can’t see
17 #bbcon

18. Trend #4: Use the space you can’t see
18 #bbcon

19. Trend #5: Test and optimize
19 #bbcon
Test Question: Where would you click
on this Web page to sign up for email?
Success rate: 75%
114 total responses
Up to 4 paths available to click
Average response time: 37 seconds

20. Trend #5: Test and optimize
20 #bbcon

21. We Can Help!
• Grab a business card up front.
• Email us at lacey.kruger@blackbaud.com and michael.chang@blackbaud.com
• Learn more at http://bit.ly/1NXWcub
21 #bbcon

22. Volunteers?
Please be respectful and nice.
The timer rules.