10 Ways to Make Your Website Smokin' Hot This Summer

1,910 views

Published on

Slides presented by Allyson Kapin and Jared Seltzer of Rad Campaign at the May 2014 501TechNYC meetup. All nonprofits start out with good intentions when they start building a website. They want to tell inspiring stories that resonate with their audiences. They want to show their impact and raise a lot of money. But along the way, the website process gets bogged down with competing objectives and interests ­ not to mention the internal stakeholders who want the new site designed their way. This is why so many nonprofit websites suck.
In this session, we discussed the latest website trends and how to make your website better. By the time summer rolls around you will be empowered to make the necessary changes to your website so it kicks ass.

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,910
On SlideShare
0
From Embeds
0
Number of Embeds
1,008
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

10 Ways to Make Your Website Smokin' Hot This Summer

  1. 1. 10 Ways to Make Your Website Smokin’ Hot Presented by: Allyson Kapin & Jared Seltzer
  2. 2. Cause Summer is Coming!
  3. 3. If you build it, they will come!
  4. 4. There are 1.5M+ nonprofits in the U.S.
  5. 5. And 644,000,000+ websites you are competing with.
  6. 6. 1. Show Restraint
  7. 7. And Keep it Simple!
  8. 8. 2. 2-3 People At Head Table
  9. 9. 3. Know Your Target Audience
  10. 10. Items on University Homepage • Campus slide show • Alumni in the news • Press releases • Letter from the President • Virtual tour • Statement of school’s philosophy • Campus event promotions Source: http://slidesha.re/1lRXHYL Items People Look for on University Website • List of faculty contact info • Campus address • Application form • Department/Course list • Usable campus map • Parking information • Academic calendar University Homepage Example
  11. 11. 4. Understand Eye Patterns
  12. 12. • Logo - 6.48 seconds • Navigation - 6.44 seconds • Search box – 6 seconds • Social networking links – 5.95 seconds • Primary image – 5.94 seconds • Written content – 5.59 seconds • Website footer – 5.25 seconds Source: Dr. Hong Sheng, Missouri University of Science using infrared camera to monitor eye movements What Gets The Most Attention?
  13. 13. F-Shaped Pattern
  14. 14. 5. Understand Psychology Of Color
  15. 15. What Do Colors Symbolize? Blue: loyalty, stability, tranquility Yellow: happiness, optimism, youth Green: healing, success, hope Black: power, mystery, professionalism White: purity, cleanliness, innocence Red: passion, sexuality, intensity Purple: royalty, spirituality, luxury
  16. 16. 6. Don’t Use Sliders Never! Ever!
  17. 17. Shocking Slider Data! • Only 1% of users click a slide on homepages • 89% of the 1% only clicked on the 1st slide. Source: http://weedygarden.net/2013/07/carousel-interaction-stats/
  18. 18. Best Quote Ever! “Carousels are effective at being able to tell people in Marketing/Senior Management that their latest idea is on the homepage. Use them to put content that users will ignore on your homepage. Or, if you prefer, don’t use them. Ever.” Source: http://shouldiuseacarousel.com/
  19. 19. 7. Show Action Non-Verbally
  20. 20. Animation As Visual Cues Source: http://www.beyondkinetic.com/motion-ui-design-principles
  21. 21. Photos as Visual Cues Source: http://www.beyondkinetic.com/motion-ui-design-principles
  22. 22. 8. Make Your Site Responsive
  23. 23. 9. Take Mobile Experience To Desktop
  24. 24. 10. Focus On Content
  25. 25. BONUS!
  26. 26. Write Better Headlines
  27. 27. Headline Tips • Use numbers • Tap into curiosity • Use urgency • Show threats • Offer an action • Connect to impact
  28. 28. Headline Examples Terrorists Kidnap More Than 200 Nigerian Girls Threat + Number =’s Great Headline! Forget Hashtags! Here’s How to Really Help Those 200 Nigerian Kidnapped Girls Threat + Number + Action =’s Great Headline!
  29. 29. Data, Data, Data
  30. 30. Data, Data, Data
  31. 31. Data, Data, Data
  32. 32. A/B Test It
  33. 33. Let us leave you with one final piece of wisdom: HODOR!
  34. 34. Thank You! Email: Allyson@radcampaign.com & Jared@radcampaign.com Twitter: @womenwhotech @radcampaign

×