2012 skills based summit - thomson reuterswebdesigndev
TRANSCRIPT
![Page 1: 2012 Skills Based Summit - Thomson ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/html5/thumbnails/1.jpg)
Web Strategy for Non-Profits.
![Page 2: 2012 Skills Based Summit - Thomson ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/html5/thumbnails/3.jpg)
Purpose and Process.
Best practices for a smooth Web build.
![Page 4: 2012 Skills Based Summit - Thomson ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/html5/thumbnails/7.jpg)
HOW A WEBSITE IS BUILT
![Page 8: 2012 Skills Based Summit - Thomson ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/html5/thumbnails/9.jpg)
Mobile.
One thumb and one eyeball.
![Page 10: 2012 Skills Based Summit - Thomson ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/html5/thumbnails/15.jpg)
FINDLAW BUILDS RESPONSIVE WEBSITES
![Page 16: 2012 Skills Based Summit - Thomson ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/html5/thumbnails/17.jpg)
Web Usability.
“Don’t make me think.”-Steve Krug
![Page 18: 2012 Skills Based Summit - Thomson ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/html5/thumbnails/19.jpg)
Email Marketing.
Tips for conversion.
![Page 20: 2012 Skills Based Summit - Thomson ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/html5/thumbnails/22.jpg)
Online Donations.
Ways to simplify giving.
![Page 23: 2012 Skills Based Summit - Thomson ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/html5/thumbnails/24.jpg)
Be Interactive.
It works, and it’s expected.
![Page 25: 2012 Skills Based Summit - Thomson ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/html5/thumbnails/25.jpg)
The Online Landscape
![Page 26: 2012 Skills Based Summit - Thomson ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/html5/thumbnails/27.jpg)
ONLINE INTERACTIONS CAN ENHANCE EVERY ASPECT OF YOUR ORGANIZATION
internal external
relationship building
issues advocacy
innovation
insightsdata
fundraising/development
collaboration
public relations
outreach thought leadership
Your MessageYour Mission
membership growth/retention
![Page 28: 2012 Skills Based Summit - Thomson ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/html5/thumbnails/32.jpg)
Stop thinking “campaigns.” Start thinking “conversations.”
![Page 33: 2012 Skills Based Summit - Thomson ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/html5/thumbnails/34.jpg)
(‘nuff said)
![Page 35: 2012 Skills Based Summit - Thomson ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/html5/thumbnails/35.jpg)
Your Interactive Presence.
Choose a proven model.
![Page 36: 2012 Skills Based Summit - Thomson ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/html5/thumbnails/38.jpg)
AN INTERACTIVE ECOSYSTEMTwitter
• 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
BlogWebsite
YouTube
Page
Groups
![Page 39: 2012 Skills Based Summit - Thomson ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/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 ReutersWebDesignDev](https://reader035.vdocument.in/reader035/viewer/2022070321/558bceb4d8b42a960b8b46d7/html5/thumbnails/41.jpg)
Questions?