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

• 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

4. Understand Eye Patterns

• 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?

F-Shaped Pattern

5. Understand Psychology Of Color

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

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: http://weedygarden.net/2013/07/carousel-interaction-stats/

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/

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’s How to Really Help

Those 200 Nigerian Kidnapped Girls

Threat + Number + Action =’s Great Headline!

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