A presentation of 5 trends in nonprofit website design: Faces, Showing Results, Calls to Action, The 50 Word Rule, and Getting Social

1. Trends in Nonprofit
Website Design
Mary Joyce for the Open Society Foundations | 2011

2. Trends in Nonprofit
Website Design
Mary Joyce for the Open Society Foundations | 2011

3. What is missing from all these sites?
The Michael Fox Foundation for Parkinson’s Research

4. What is missing from all these sites?
NOH8 Campaign

5. What is missing from all these sites?
Avaaz

6. What is missing from all these sites?
ONE

7. What is missing from all these sites?
Greenpeace

8. What is missing from all these sites?
ActionAid

9. What is missing from all these sites?
Housing Works

10. What is missing from
all these sites?

11. The Human Face

12. The Human Face

13. The Human Face
Changing the Text Paradigm
a famous founder...

14. The Human Face
Changing the Text Paradigm
a celebrity spokesperson...

15. The Human Face
Changing the Text Paradigm
a famous cause...

16. The Human Face
Changing the Text Paradigm
but usually it’s just...

17. The Human Face
Changing the Text Paradigm
ordinary people...

18. The Human Face
Changing the Text Paradigm
people the organization helps...

19. The Human Face
Changing the Text Paradigm
people that represent the cause.

20. The Human Face
Changing the Text Paradigm
First we thought a website should simulate text...
image: blog.asiahotels.com

21. The Human Face
Changing the Text Paradigm
...so websites looked like brochures.
image: blog.asiahotels.com

22. The Human Face
Changing the Text Paradigm
The advertising world learned this long ago.
image: blog.asiahotels.com

23. The Human Face
Changing the Text Paradigm
1915
The advertising world learned this long ago.
image: blog.asiahotels.com

24. The Human Face
Changing the Text Paradigm
2011 1915
image: Maybelline

25. The Human Face
Changing the Text Paradigm
2011 1915
Ads are about emotion first and information second.
image: Maybelline

26. The Human Face
Changing the Text Paradigm

27. The Human Face
Changing the Text Paradigm
You site’s first task is to emotionally
engage the visitor with your...

28. The Human Face
Changing the Text Paradigm
You site’s first task is to emotionally
engage the visitor with your...
Cause

29. We engage with
causes because we
care about our fellow
human beings.

30. The face reminds
us of that human
element of the cause.

31. The face reminds
us to care.

32. More Trends

33. Show Results

34. Show Results

35. Show Results

36. Show Results

37. Show Results

38. Show Results

39. Show Results

40. Show Results

41. Calls to Action

42. Give Action Options
NOH8 Campaign

43. Give Action Options
The Michael Fox Foundation for Parkinson’s Research

44. The 50 Word Rule

46. 42 Words

48. 48 Words

50. 58 Words

52. 147 Words

54. 26 Words

56. 19 Words

57. 19 Words

58. Get Social

59. Get Social
(why?)

60. Get Social
(why?)
Because it allows your supporters to share
your content with their own friends and
colleagues, allowing your content to reach
people you don’t even know about.

61. Get Social
ONE

62. Get Social
Housing Works

63. Get Social
Housing Works

64. Get Social
ActionAid

65. Get Social
ActionAid

66. Get Social
ActionAid

67. What are others doing on
YouTube?
Best Videos
Clear audience
Human focus
Evokes emotion
Call to action
1 to 5 minutes
link: http://www.youtube.com/user/TheONECampaign?blend=3&ob=5#p/c/E67FFBF51E4091D0/8/Tns7ihMMjYw

68. What are others doing on Facebook?
Best Groups
Clear Audience
Daily Updates
Voice of a Friend
Calls to Action

69. What are others doing on Twitter?
Best Tweeps
Clear Audience
Multi-Updates/Day
Conversations with
other Tweeps
Calls to Action

70. What to Remember

71. What to Remember
Human Faces

72. What to Remember
Human Faces
Show Results

73. What to Remember
Human Faces
Show Results
Calls to Action

74. What to Remember
Human Faces
Show Results
Calls to Action
50 Words

75. What to Remember
Human Faces
Show Results
Calls to Action
50 Words
Get Social

76. What to Remember
Human Faces
Show Results
Calls to Action
50 Words
Get Social
Take-Aways from Your Own Sites

77. Thank You!

78. Thank You!
Mary Joyce
email: Mary@Meta-Activism.org
blog: www.MaryJoyce.com