Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
10 Ways to Make Your
Website Smokin’ Hot
Presented by:
Allyson Kapin & Jared Seltzer
Cause Summer is
Coming!
If you build it,
they will come!
There are 1.5M+
nonprofits in the U.S.
And 644,000,000+
websites you are
competing with.
1. Show Restraint
And Keep it Simple!
2. 2-3 People At Head Table
3. Know Your Target Audience
Items on University
Homepage
• Campus slide show
• Alumni in the news
• Press releases
• Letter from the President
• Virtu...
4. Understand Eye Patterns
• Logo - 6.48 seconds
• Navigation - 6.44 seconds
• Search box – 6 seconds
• Social networking links – 5.95 seconds
• Prim...
F-Shaped Pattern
5. Understand Psychology Of Color
What Do Colors Symbolize?
Blue: loyalty, stability, tranquility
Yellow: happiness, optimism, youth
Green: healing, success...
6. Don’t Use Sliders
Never! Ever!
Shocking Slider Data!
• Only 1% of users click a
slide on homepages
• 89% of the 1% only clicked
on the 1st slide.
Source:...
Best Quote Ever!
“Carousels are effective at being
able to tell people in
Marketing/Senior Management
that their latest id...
7. Show Action Non-Verbally
Animation As Visual Cues
Source: http://www.beyondkinetic.com/motion-ui-design-principles
Photos as Visual Cues
Source: http://www.beyondkinetic.com/motion-ui-design-principles
8. Make Your Site Responsive
9. Take Mobile Experience To Desktop
10. Focus On Content
BONUS!
Write Better Headlines
Headline Tips
• Use numbers
• Tap into curiosity
• Use urgency
• Show threats
• Offer an action
• Connect to impact
Headline Examples
Terrorists Kidnap More Than 200 Nigerian Girls
Threat + Number =’s Great Headline!
Forget Hashtags! Here...
Data, Data, Data
Data, Data, Data
Data, Data, Data
A/B Test It
Let us leave you with one final
piece of wisdom:
HODOR!
Thank You!
Email:
Allyson@radcampaign.com & Jared@radcampaign.com
Twitter:
@womenwhotech @radcampaign
10 Ways to Make Your Website Smokin' Hot This Summer
10 Ways to Make Your Website Smokin' Hot This Summer
10 Ways to Make Your Website Smokin' Hot This Summer
10 Ways to Make Your Website Smokin' Hot This Summer
10 Ways to Make Your Website Smokin' Hot This Summer
Upcoming SlideShare
Loading in …5
×

10 Ways to Make Your Website Smokin' Hot This Summer

2,099 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
  • Be the first to comment

  • Be the first to like this

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

×