Extreme Community Makeover

Download Extreme Community Makeover

Post on 01-Nov-2014




1 download

Embed Size (px)




<ul><li> 1. 10 Easy Wins for Your Online Community Extreme Makeover: IGLOO Edition Pam Martin Andrew Lawton Jason Santo Alicia Sanchez December 2 nd , 2009 </li> <li> 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></li> <li> 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 whats coming up for IGLOO Communities </li></ul></li> <li> 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 IGLOOs lead web developer, and continually brings his expertise to each new project he tackles. </li></ul></li> <li> 5. Introductions <ul><li>About Alicia </li></ul><ul><li>As IGLOOs 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></li> <li> 6. Community Engagement <ul><li>1. Strategy connect with members </li></ul><ul><li>2. Messaging, Broadcasting &amp; Forums reach out </li></ul><ul><li>Connecting start a conversation </li></ul><ul><li>When to pick up the phone? </li></ul></li> <li> 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 </li> <li> 8. 2. Messaging, Broadcasting &amp; 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 </li> <li> 9. 2. Messaging, Broadcasting &amp; 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 </li> <li> 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 </li> <li> 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 </li> <li> 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></li> <li> 13. <ul><li>Accordion </li></ul><ul><li>Rotating Images and Content </li></ul><ul><li><ul><li>Fade In/Fade Out </li></ul></li></ul><ul><li><ul><li>Random Content Refresh </li></ul></li></ul><ul><li><ul><li>Rotating Banner </li></ul></li></ul><ul><li>Slideshow </li></ul>5. Look and Feel Dynamic Elements for your Community &lt; &gt; </li> <li> 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 ! </li> <li> 15. <ul><li>Login View </li></ul>7. Community Access Dynamic Elements for your Community </li> <li> 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></li> <li> 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><li><ul><li>Look for colours used, overall impression and layouts </li></ul></li></ul><ul><li>Write as much of your sites content as possible </li></ul><ul><li><ul><li>Homepage, site map, cross linking/promotional items </li></ul></li></ul><ul><li><ul><li>Less is more </li></ul></li></ul><ul><li>What are your main call to actions? Web 1.0 vs. Web 2.0 </li></ul>Community Refresh </li> <li> 18. 8. Brand <ul><li>Logos types </li></ul>1) Type solution 2) Icon 3) Ligature Community Refresh </li> <li> 19. 8. Brand <ul><li>Logos: IGLOO portfolio </li></ul>Community Refresh </li> <li> 20. 8. Brand <ul><li>Logos: IGLOO portfolio </li></ul>Community Refresh </li> <li> 21. 9. Design Tips and Tricks <ul><li>Padding (white space) - example POOR </li></ul>Community Refresh </li> <li> 22. 9. Design Tips and Tricks <ul><li>Navigation and Sub navigation placement </li></ul>Community Refresh </li> <li> 23. 9. Design Tips and Tricks <ul><li>Font usage </li></ul><ul><li> Web Safe fonts for your community: </li></ul>Community Refresh </li> <li> 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 </li> <li> 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 </li> <li> 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! </li> <li> 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 </li> <li> 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 </li> <li> 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 </li> <li> 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 doesnt relate well to the Olympics or the overall goal Other content is lack luster and doesnt stand out </li> <li> 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 </li> <li> 32. Whats New With IGLOO? <ul><li>Whats Coming Up </li></ul><ul><li><ul><li>Feature Preview </li></ul></li></ul><ul><li>Resources </li></ul><ul><li><ul><li>Beta Site </li></ul></li></ul><ul><li><ul><li>Partner Portal </li></ul></li></ul><ul><li><ul><li>Developer Central </li></ul></li></ul><ul><li><ul><li>Playbook </li></ul></li></ul><ul><li><ul><li>Customer Care Portal </li></ul></li></ul><ul><li><ul><li>Test Drive </li></ul></li></ul></li> <li> 33. Questions &amp; Answers Please introduce yourself and your organization. </li> <li> 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 </li> </ul>