![Page 1: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/1.jpg)
Web Strategy for Non-Profits.
![Page 2: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/2.jpg)
GOALS
• Start a conversation
• Get you thinking about your online presence and
interactions
• Present a proven model and the tools to help you
get a handle on the online landscape and your
place in it
• “Level set”
• Answer some questions, but hopefully raise more
![Page 3: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/3.jpg)
Purpose and Process.
Best practices for a smooth Web build.
![Page 4: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/4.jpg)
LIST YOUR GOALS
State a list of goals first
• Who are you?
• What is your purpose? Is the site primarily to allow existing members to stay updated? Is it to solicit
donations? Is it to get new volunteers or members? Is it to raise awareness
in general?
• Do you have a brand?
• Who is your target audience?
• What does “conversion” mean to you?
![Page 5: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/5.jpg)
FOCUS ON CLEAR COMMUNICATION
• Steer clear of “design by committee” by having a
final decision maker on your team.
• Establish a point of contact from your team that
can work on the site until completion.
• Establish a point of contact from the web team
(e.g., project manager)
• Cultivate a board member who understand
technology/marketing.
![Page 6: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/6.jpg)
UNDERSTAND THE PROCESS
• Web sites take time to build. Expect a minimum of
30 days.
• People on the job:
• Designer
• Developer
• Project manager
• SEO
• Writer
• Engineering
![Page 7: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/7.jpg)
HOW A WEBSITE IS BUILT
![Page 8: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/8.jpg)
MAKE YOUR WEB TEAM HAPPY (and save time)
• Gather as much content as you can up front.
• Expect to make revisions and add as much as you
can into each round.
• Get all necessary buy-in and revisions finalized on
your end before sending to web team.
![Page 9: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/9.jpg)
Mobile.
One thumb and one eyeball.
![Page 10: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/10.jpg)
WHY MOBILE?
• 371K babies born per day
• 378K iPhones sold/1M Android devices activated
per day*
• Over 6 BILLION activated cell phones in the world
*Source: http://tnw.co/yUafAx
![Page 11: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/11.jpg)
MOBILE WEB SITE OR APP?
• Which serves your purpose?
• Does it fit your budget?
• Will end-users adopt?
![Page 12: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/12.jpg)
WHEN DO APPS MAKE SENSE?
• Gaming (Angry Birds)
• Complex calculations
• Utilities (regular usage or personalization)
• No Internet required (most of the time)
• Heavy processing power
![Page 13: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/13.jpg)
WHEN DOES MOBILE WEB MAKE SENSE?
• Immediate access
• Cross platform compatibility
• Cost-effective (vs. app)
• Ongoing support and maintenance
• Can be found easily
• Mobile sites can be apps!
• Donate online
![Page 14: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/14.jpg)
GO RESPONSIVE!
• Access across all platforms for a better user
experience
• Google likes it
• Change content only once
Non-Profit Responsive Pioneers
• https://pittsburghkids.org/
• http://www.wildaid.org/
• http://worldwildlife.org/
![Page 15: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/15.jpg)
FINDLAW BUILDS RESPONSIVE WEBSITES
![Page 16: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/16.jpg)
REAL-WORLD RESPONSIVE WEB SCENARIOS
• SMS – text campaigns
• Form filling
• GPS/location pinpointing
• QR (quick response) codes
![Page 17: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/17.jpg)
Web Usability.
“Don‟t make me think.” -Steve Krug
![Page 18: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/18.jpg)
DON‟T MAKE ME THINK
• Content up front – purpose up front
• Donor friendly
• Social (media) friendly
• Volunteer friendly
• Branding consistency across all media and
platforms
• 2-3 clicks maximum to get to where you are going
• Think like an end user
![Page 19: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/19.jpg)
Email Marketing.
Tips for conversion.
![Page 20: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/20.jpg)
COLLECT
• Ways to get email addresses
• Opt in/opt out
• Frequency of email blasts
• Mailchimp
• Constant Contact
• iContact
![Page 21: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/21.jpg)
CONVERT YOUR EMAIL BLASTS
• Simple. Simple. Simple.
• Catchy subject line
• Direct readers to website
• Give the user something
they want
![Page 22: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/22.jpg)
Online Donations.
Ways to simplify giving.
![Page 23: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/23.jpg)
ONLINE DONATION TIPS
• Make it easy to donate or become a member – big/obvious
buttons
• Promote across all platforms (print/web)
• Give donors options
- Online through payment service (one-time or recurring)
- Via text message
- Phone or mail via website
- Through mobile device
• Online donation services
- Paypal
- Donorperfect
- The Raiser‟s Edge (Blackbaud)
- Network for Good
- The Square
![Page 24: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/24.jpg)
Be Interactive.
It works, and it‟s expected.
![Page 25: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/25.jpg)
The Online
Landscape
![Page 26: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/26.jpg)
the web is
simple
it‟s just people
doing online
what they do
in their
everyday lives
![Page 27: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/27.jpg)
ONLINE INTERACTIONS CAN ENHANCE EVERY ASPECT OF YOUR ORGANIZATION
internal external
relationship building
issues advocacy
innovation
insights data
fundraising/
development
collaboration
public relations
outreach thought leadership
Your Message
Your Mission membership growth/
retention
![Page 28: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/28.jpg)
WHY BE INTERACTIVE ONLINE?
Online marketing and social media technologies
provide the most powerful toolset available to
strengthen your brand and your relationships with
stakeholders -- members, funders, employees, peer
organizations and the communities you serve.
![Page 29: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/29.jpg)
You should only care about having an
interactive online presence if you want to
reach Americans*.
Americans spend over a billion hours a
month in online social spaces.
That‟s over 215,000,000 people
spending 1,000,000,000+ hours per
month in the U.S. alone.
That‟s a lot of potential supporters.
That‟s a lot of opportunities to advance
your cause.
*or almost anyone, anywhere, for that matter
![Page 30: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/30.jpg)
30
Some organizations can be a little “socially awkward” in online interactions.
http://www.flickr.com/photos/caseyfacee
![Page 31: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/31.jpg)
But then came the Internet and Social Media
Blogs, wikis, discussion boards, tags, social networks – a massive platform of participation
Source: Francois Gossieaux, Human 1.0 & SNCR Sr. Fellow
Conversation
Content is
![Page 32: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/32.jpg)
Stop thinking “campaigns.”
Start thinking “conversations.”
![Page 33: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/33.jpg)
You can be joyless.
You can be monomaniacal.
But if you're joyless AND
monomaniacal,
it's death. James Lileks, Minnesota Blogger Conference, 2010
![Page 34: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/34.jpg)
(„nuff said)
![Page 35: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/35.jpg)
Your Interactive Presence.
Choose a proven model.
![Page 36: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/36.jpg)
THOMSON REUTERS MODEL: HUB & SPOKE
The coordinated (Hub & Spoke) model is evolving as a best practice for large companies:
![Page 37: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/37.jpg)
APPLYING THE HUB & SPOKE MODEL
• The hub & spoke model can also be useful for thinking about
how to create a robust online interactive presence for a new
or established nonprofit.
• Consider your main Web presence to be your hub.
• Could be a traditional website
• Could be a blog
• Could even be a Facebook page for a new or small organization
• Now look for opportunities to create spokes.
• “Social media” channels like Facebook, Twitter, G+, etc.
• “Traditional” channels like email, newsletter, press release, brag cards,
etc.
• Goal of hub & spoke model: To ensure a coordinated, well-
managed approach that takes into account strategic
objectives, branding and communications considerations,
resource requirements, and success metrics.
![Page 38: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/38.jpg)
AN INTERACTIVE ECOSYSTEM Twitter
• Tweet blog posts
•Tweet announcements
•Live tweet events
• Re-tweet others
Website
• Home page feature -
updated daily?
• News & Ideas
• Integration of social features
• Easy membership/
contribution
YouTube
•Post videos
•Repost relevant videos
Blog
• Unique blog posts published frequently
• Embedded videos
• Commentary
• Re-posts from other blogs/news sources
• White papers
• News, events & announcements
• Analysis & commentary
• RSS feeds
• Blog Roll: Includes links to all other related blogs
• Twitter feeds & FB Open Graph
• Daily posts and links back to blog
• Conversation with members, etc.
• Q&A
• Open Graph integration with blog
Blog Website
YouTube
Page
Groups
![Page 39: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/39.jpg)
ONE SMALL EXAMPLE: onekidneymatters.com
Using well designed, interlinked, co-
branded blog/website, Facebook page
and Twitter profile to promote kidney
disease awareness.
![Page 40: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/40.jpg)
Design and Development Tools
CMS: Wordpress, Drupal, Joomla
Blogs: Blogger, Wordpress, Tumblr, Movable Type, etc.
Microblogging: Twitter
Social Networks: Facebook, LinkedIn, Google+, Pinterest
Online Video: YouTube, Vimeo
Photo Sharing: Flickr, Instagram
File Sharing: Dropbox, Box.net, Skydrive
Collaboration Tools: Yammer, Jive, Skype, WebEx, GoToMeeting
Monitoring Tools: ChartBeat, radian6, Google Alerts
Publishing Tools: HootSuite, Shoutlet, various apps
Graphics Tools: Photoshop, Illustrator, GIMP (free), Acrobat
Email Blast Tools: Constant Contact, iContact, Mailchimp
Specialty Apps: Virtual exhibitions, etc.
![Page 41: 2012 Skills Based Summit - Thomson Reuters, Web Design & Development](https://reader034.vdocuments.us/reader034/viewer/2022051514/5482ad1fb47959190d8b4879/html5/thumbnails/41.jpg)
Questions?