10 Easy Wins for Your Online Community Extreme Makeover: IGLOO Edition Pam Martin Andrew Lawton Jason Santo Alicia Sanchez...
About IGLOO <ul><li>IGLOO Software delivers online community and social software solutions to organizations, teams and gro...
Webinar Overview <ul><li>Extreme Makeover:  </li></ul><ul><li>10 Easy Wins for Your Online Community </li></ul><ul><li>Thi...
Introductions <ul><li>About Jason </li></ul><ul><li>As Community Facilitator for the Manufacturing Innovation Network - MI...
Introductions <ul><li>About Alicia   </li></ul><ul><li>As IGLOO’s lead designer, Alicia Sanchez develops creative print, o...
Community Engagement <ul><li>1.  Strategy – connect with members </li></ul><ul><li>2.  Messaging, Broadcasting & Forums – ...
1. Strategy to connect with members <ul><li>If you build it, they will come ? </li></ul><ul><li>Effective engagement needs...
2.  Messaging, Broadcasting & Forums <ul><li>Reach Out </li></ul><ul><li>Acknowledge and express gratitude </li></ul><ul><...
2.  Messaging, Broadcasting & Forums <ul><li>Member List Export </li></ul><ul><li>Go to control panel </li></ul><ul><li>Se...
3.  Commenting <ul><li>Start a conversation around content </li></ul><ul><li>Ask Questions </li></ul><ul><li>Acknowledge a...
4.  When is it time to pick up the phone? <ul><li>Work with members in person as much as possible in the early stages of b...
Dynamic Elements for Your Community <ul><li>5. Look and Feel </li></ul><ul><li>6. User Interaction </li></ul><ul><li>7. Co...
<ul><li>Accordion </li></ul><ul><li>Rotating Images and Content </li></ul><ul><ul><li>Fade In/Fade Out </li></ul></ul><ul>...
<ul><li>Modal box </li></ul><ul><li>Integrating Skype </li></ul><ul><li>Language Toggle </li></ul>6.  User Interaction Dyn...
<ul><li>Login View </li></ul>7.  Community Access Dynamic Elements for your Community
Community Refresh <ul><li>8.  Brand </li></ul><ul><li>9.  Design Tips and Tricks </li></ul><ul><li>10. Design Makeover – b...
8.  Brand <ul><li>Where to begin building a successful website design </li></ul><ul><li>Browse the Web for site examples y...
8.  Brand <ul><li>Logos types </li></ul>1)  Type solution 2)  Icon 3)  Ligature Community Refresh
8.  Brand <ul><li>Logos: IGLOO portfolio </li></ul>Community Refresh
8.  Brand <ul><li>Logos: IGLOO portfolio </li></ul>Community Refresh
9.  Design Tips and Tricks <ul><li>Padding (white space)  -  example POOR </li></ul>Community Refresh
9.  Design Tips and Tricks <ul><li>Navigation and Sub navigation placement </li></ul>Community Refresh
9.  Design Tips and Tricks <ul><li>Font usage </li></ul><ul><li>“ Web Safe” fonts for your community: </li></ul>Community ...
9.  Design Tips and Tricks <ul><li>Best Practice: </li></ul><ul><li>Arial, Verdana, Trebuchet </li></ul><ul><li>Font size ...
9.  Design Tips and Tricks <ul><li>Black text, tight line space </li></ul>Font usage - paragraphs Community Refresh Dark G...
9.  Design Tips and Tricks <ul><li>Font usage </li></ul><ul><li>Page Headings  –  largest in size, contrasting colour, tel...
9.  Design Tips and Tricks <ul><li>Use of imagery </li></ul><ul><li>Banners </li></ul><ul><li>Iconography </li></ul><ul><l...
9.  Design Tips and Tricks <ul><li>Colour 101: the basics </li></ul><ul><li>Tints </li></ul><ul><li>Shades </li></ul><ul><...
9.  Design Tips and Tricks <ul><li>Taking Colour to the Next Level </li></ul><ul><li>Tone and Tone </li></ul><ul><li>Tint ...
10.  Design Makeover <ul><li>Before… </li></ul>Community Refresh The Donate Now button is hidden at the top Header area la...
10.  Design Makeover <ul><li>After… </li></ul>Community Refresh The Donate Now button is front and center and larger Heade...
What’s New With IGLOO? <ul><li>What’s Coming Up </li></ul><ul><ul><li>Feature Preview </li></ul></ul><ul><li>Resources </l...
Questions & Answers Please introduce yourself and your organization.
Thank-you 20% off all Professional Services   If you purchase by December 31 st , 2009. Includes increases in subscription...
Upcoming SlideShare
Loading in...5
×

Extreme Community Makeover

1,007

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
1,007
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Extreme Community Makeover

  1. 1. 10 Easy Wins for Your Online Community Extreme Makeover: IGLOO Edition Pam Martin Andrew Lawton Jason Santo Alicia Sanchez December 2 nd , 2009
  2. 2. About IGLOO <ul><li>IGLOO Software delivers online community and social software solutions to organizations, teams and groups of any size. Our solutions combine Web 2.0 technology with on-demand hosting, consulting, e-engagement and all of the community support services necessary for a sustainable and successful deployment. </li></ul>
  3. 3. Webinar Overview <ul><li>Extreme Makeover: </li></ul><ul><li>10 Easy Wins for Your Online Community </li></ul><ul><li>This webinar will cover the following topics: </li></ul><ul><li>Facilitation tips to create a more engaging, online community </li></ul><ul><li>Ways to add dynamic elements to your community </li></ul><ul><li>Best practices for brand creation and design tips and tricks </li></ul><ul><li>Sneak peek at what’s coming up for IGLOO Communities </li></ul>
  4. 4. Introductions <ul><li>About Jason </li></ul><ul><li>As Community Facilitator for the Manufacturing Innovation Network - MIN, Jason brings over 10 years of customer support, service and training experience to ensure that the Manufacturing Innovation Network meets its business objective as a thriving and sustainable network with a growing and engaged membership base. </li></ul><ul><li>About Andrew </li></ul><ul><li>Andrew has over 5 years of experience in web development to IGLOO. He is currently responsible for technical customizations, integrations and applications. Andrew is IGLOO’s lead web developer, and continually brings his expertise to each new project he tackles. </li></ul>
  5. 5. Introductions <ul><li>About Alicia </li></ul><ul><li>As IGLOO’s lead designer, Alicia Sanchez develops creative print, online and brand solutions for all our clients. With over 7 years of experience working as a Graphic Designer, Alicia brings a unique view to communities with her understanding of advertising, marketing and design all rolled into one. </li></ul><ul><li> About Pam </li></ul><ul><li>As Director of Services, Pam brings over eight years of project management, customer support and services to deliver first class services to IGLOO customers.  For Pam, customers come first and believes in exceeding expectations. </li></ul>
  6. 6. Community Engagement <ul><li>1. Strategy – connect with members </li></ul><ul><li>2. Messaging, Broadcasting & Forums – reach out </li></ul><ul><li>Connecting – start a conversation </li></ul><ul><li>When to pick up the phone? </li></ul>
  7. 7. 1. Strategy to connect with members <ul><li>If you build it, they will come ? </li></ul><ul><li>Effective engagement needs a plan </li></ul><ul><li>Engaging online community members requires effort and dedication </li></ul>Community Engagement
  8. 8. 2. Messaging, Broadcasting & Forums <ul><li>Reach Out </li></ul><ul><li>Acknowledge and express gratitude </li></ul><ul><li>Stop that e-mail thread </li></ul><ul><li>Banish attachments </li></ul>Community Engagement
  9. 9. 2. Messaging, Broadcasting & Forums <ul><li>Member List Export </li></ul><ul><li>Go to control panel </li></ul><ul><li>Select Members </li></ul><ul><li>Export Member List (bottom right) </li></ul>Community Engagement
  10. 10. 3. Commenting <ul><li>Start a conversation around content </li></ul><ul><li>Ask Questions </li></ul><ul><li>Acknowledge and express gratitude </li></ul><ul><li>Make the first comment </li></ul>Community Engagement
  11. 11. 4. When is it time to pick up the phone? <ul><li>Work with members in person as much as possible in the early stages of building your online community </li></ul><ul><li>Recognize when an online conversation is no longer effective and bring it offline </li></ul><ul><li>Connect with community members online and offline to deepen relationships </li></ul>Community Engagement
  12. 12. Dynamic Elements for Your Community <ul><li>5. Look and Feel </li></ul><ul><li>6. User Interaction </li></ul><ul><li>7. Community Access </li></ul>
  13. 13. <ul><li>Accordion </li></ul><ul><li>Rotating Images and Content </li></ul><ul><ul><li>Fade In/Fade Out </li></ul></ul><ul><ul><li>Random Content Refresh </li></ul></ul><ul><ul><li>Rotating Banner </li></ul></ul><ul><li>Slideshow </li></ul>5. Look and Feel Dynamic Elements for your Community < >
  14. 14. <ul><li>Modal box </li></ul><ul><li>Integrating Skype </li></ul><ul><li>Language Toggle </li></ul>6. User Interaction Dynamic Elements for your Community Hello ! Bonjour !
  15. 15. <ul><li>Login View </li></ul>7. Community Access Dynamic Elements for your Community
  16. 16. Community Refresh <ul><li>8. Brand </li></ul><ul><li>9. Design Tips and Tricks </li></ul><ul><li>10. Design Makeover – before and after </li></ul>
  17. 17. 8. Brand <ul><li>Where to begin building a successful website design </li></ul><ul><li>Browse the Web for site examples you like </li></ul><ul><ul><li>Look for colours used, overall impression and layouts </li></ul></ul><ul><li>Write as much of your site’s content as possible </li></ul><ul><ul><li>Homepage, site map, cross linking/promotional items </li></ul></ul><ul><ul><li>Less is more </li></ul></ul><ul><li>What are your main call to actions? Web 1.0 vs. Web 2.0 </li></ul>Community Refresh
  18. 18. 8. Brand <ul><li>Logos types </li></ul>1) Type solution 2) Icon 3) Ligature Community Refresh
  19. 19. 8. Brand <ul><li>Logos: IGLOO portfolio </li></ul>Community Refresh
  20. 20. 8. Brand <ul><li>Logos: IGLOO portfolio </li></ul>Community Refresh
  21. 21. 9. Design Tips and Tricks <ul><li>Padding (white space) - example POOR </li></ul>Community Refresh
  22. 22. 9. Design Tips and Tricks <ul><li>Navigation and Sub navigation placement </li></ul>Community Refresh
  23. 23. 9. Design Tips and Tricks <ul><li>Font usage </li></ul><ul><li>“ Web Safe” fonts for your community: </li></ul>Community Refresh
  24. 24. 9. Design Tips and Tricks <ul><li>Best Practice: </li></ul><ul><li>Arial, Verdana, Trebuchet </li></ul><ul><li>Font size (12px) </li></ul><ul><li>Unconventional </li></ul><ul><li>Times New Roman, Georgia </li></ul><ul><li>Font size (12px) - Need to </li></ul><ul><li>increase the font size to read </li></ul>Font usage - paragraphs Community Refresh
  25. 25. 9. Design Tips and Tricks <ul><li>Black text, tight line space </li></ul>Font usage - paragraphs Community Refresh Dark Grey text, larger line space
  26. 26. 9. Design Tips and Tricks <ul><li>Font usage </li></ul><ul><li>Page Headings – largest in size, contrasting colour, tells you where you are </li></ul><ul><li>Sub Headings – smaller than the main heading and larger than the main body </li></ul><ul><li>Body Copy – web best practice, use a sans-serif font (Arial, Tahoma, Verdana) </li></ul><ul><li>Callouts - Use this font sparingly to draw attention to links that are </li></ul><ul><li>most exciting and important </li></ul>Community Refresh Consistency is key!
  27. 27. 9. Design Tips and Tricks <ul><li>Use of imagery </li></ul><ul><li>Banners </li></ul><ul><li>Iconography </li></ul><ul><li>Ads/callouts </li></ul>Community Refresh
  28. 28. 9. Design Tips and Tricks <ul><li>Colour 101: the basics </li></ul><ul><li>Tints </li></ul><ul><li>Shades </li></ul><ul><li>Tones </li></ul><ul><li>Monochromatic </li></ul>Community Refresh
  29. 29. 9. Design Tips and Tricks <ul><li>Taking Colour to the Next Level </li></ul><ul><li>Tone and Tone </li></ul><ul><li>Tint and Tint </li></ul>Community Refresh
  30. 30. 10. Design Makeover <ul><li>Before… </li></ul>Community Refresh The Donate Now button is hidden at the top Header area lacks a sense of excitement Background image doesn’t relate well to the Olympics or the overall goal Other content is lack luster and doesn’t stand out
  31. 31. 10. Design Makeover <ul><li>After… </li></ul>Community Refresh The Donate Now button is front and center and larger Header says who and why, counter and partner logo Background evokes emotion from the athletes Clearly defined areas to select
  32. 32. What’s New With IGLOO? <ul><li>What’s Coming Up </li></ul><ul><ul><li>Feature Preview </li></ul></ul><ul><li>Resources </li></ul><ul><ul><li>Beta Site </li></ul></ul><ul><ul><li>Partner Portal </li></ul></ul><ul><ul><li>Developer Central </li></ul></ul><ul><ul><li>Playbook </li></ul></ul><ul><ul><li>Customer Care Portal </li></ul></ul><ul><ul><li>Test Drive </li></ul></ul>
  33. 33. Questions & Answers Please introduce yourself and your organization.
  34. 34. Thank-you 20% off all Professional Services If you purchase by December 31 st , 2009. Includes increases in subscription levels* For more information about Professional Services - please visit: www.igloosoftware.com/services
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×