34
© Copyright IGLOO Inc. 2009. All rights reserved. 10 Easy Wins for Your Online Community Extreme Makeover: IGLOO Edition Pam Martin Andrew Lawton Jason Santo Alicia Sanchez December 2 nd , 2009

Extreme Community Makeover

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

10 Easy Wins for Your Online Community

Extreme Makeover:IGLOO Edition

Pam MartinAndrew LawtonJason SantoAlicia Sanchez

December 2nd, 2009

Page 2: Extreme Community Makeover

About IGLOO

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.

Page 3: Extreme Community Makeover

Webinar Overview

Extreme Makeover:

10 Easy Wins for Your Online Community

This webinar will cover the following topics:

• Facilitation tips to create a more engaging, online community

• Ways to add dynamic elements to your community

• Best practices for brand creation and design tips and tricks

• Sneak peek at what’s coming up for IGLOO Communities

Page 4: Extreme Community Makeover

Introductions

About JasonAs 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.

About AndrewAndrew 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.

Page 5: Extreme Community Makeover

Introductions

About Alicia 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.

About PamAs 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.

Page 6: Extreme Community Makeover

Community Engagement

1. Strategy – connect with members

2. Messaging, Broadcasting & Forums – reach out

3. Connecting – start a conversation

4. When to pick up the phone?

Page 7: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

1. Strategy to connect with members

• If you build it, they will come ?

• Effective engagement needs a plan

• Engaging online community members requires effort and dedication

Community Engagement

Page 8: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

2. Messaging, Broadcasting & Forums

Reach Out• Acknowledge and

express gratitude• Stop that e-mail

thread• Banish attachments

Community Engagement

Page 9: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

2. Messaging, Broadcasting & Forums

Member List Export

1. Go to control panel

2. Select Members

3. Export Member List (bottom right)

Community Engagement

Page 10: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

3. Commenting

Start a conversation around content•Ask Questions•Acknowledge and express gratitude•Make the first comment

Community Engagement

Page 11: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

4. When is it time to pick up the phone?

• Work with members in person as much as possible in the early stages of building your online community

• Recognize when an online conversation is no longer effective and bring it offline

• Connect with community members online and offline to deepen relationships

Community Engagement

Page 12: Extreme Community Makeover

Dynamic Elementsfor Your Community

5. Look and Feel

6. User Interaction

7. Community Access

Page 13: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

• Accordion• Rotating Images and Content

– Fade In/Fade Out

– Random Content Refresh

– Rotating Banner

• Slideshow

5. Look and Feel

Dynamic Elements for your Community

< >

Page 14: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

• Modal box• Integrating Skype• Language Toggle

6. User Interaction

Dynamic Elements for your Community

Hello!

Bonjour!

Page 15: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

Login View

7. Community Access

Dynamic Elements for your Community

Page 16: Extreme Community Makeover

Community Refresh

8. Brand

9. Design Tips and Tricks

10. Design Makeover – before and after

Page 17: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

8. Brand

Where to begin building a successful website design

• Browse the Web for site examples you like– Look for colours used, overall impression and layouts

• Write as much of your site’s content as possible– Homepage, site map, cross linking/promotional items– Less is more

- What are your main call to actions? Web 1.0 vs. Web 2.0

Community Refresh

Page 18: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

8. Brand

Logos types

1) Type solution 2) Icon 3) Ligature

Community Refresh

Page 19: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

8. Brand

Logos: IGLOO portfolio

Community Refresh

Page 20: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

8. Brand

Logos: IGLOO portfolio

Community Refresh

Page 21: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

9. Design Tips and Tricks

Padding (white space) - example POOR

Community Refresh

Page 22: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

9. Design Tips and Tricks

Navigation and Sub navigation placement

Community Refresh

Page 23: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

9. Design Tips and Tricks

Font usage

“Web Safe” fonts for your community:

Community Refresh

Page 24: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

9. Design Tips and Tricks

Best Practice:Arial, Verdana, Trebuchet

Font size (12px)

UnconventionalTimes New Roman, Georgia

Font size (12px) - Need to

increase the font size to read

Font usage - paragraphs

Community Refresh

Page 25: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

9. Design Tips and Tricks

Black text, tight line space

Font usage - paragraphs

Community Refresh

Dark Grey text, larger line space

Page 26: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

Community Refresh

9. Design Tips and Tricks

Font usage

Page Headings – largest in size, contrasting colour, tells you where you are

Sub Headings – smaller than the main heading and larger than the main body

Body Copy – web best practice, use a sans-serif font (Arial, Tahoma, Verdana)

Callouts - Use this font sparingly to draw attention to links that are

most exciting and important

Consistencyis key!

Page 27: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

9. Design Tips and Tricks

Community Refresh

Use of imagery

• Banners

• Iconography

• Ads/callouts

Page 28: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

9. Design Tips and Tricks

Colour 101: the basics

Tints

Shades

Tones

Monochromatic

Community Refresh

Page 29: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

9. Design Tips and Tricks

Taking Colour to the Next Level

Tone and Tone

Tint and Tint

Community Refresh

Page 30: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

Community Refresh

10. Design Makeover

Before…

The Donate Now button is hiddenat the topHeader 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

Page 31: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

Community Refresh

10. Design Makeover

After…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

Page 32: Extreme Community Makeover

What’s New With IGLOO?

• What’s Coming Up– Feature Preview

• Resources– Beta Site– Partner Portal– Developer Central– Playbook– Customer Care Portal– Test Drive

Page 33: Extreme Community Makeover

Questions & Answers

Please introduce yourself and your organization.

Page 34: Extreme Community Makeover

© Copyright IGLOO Inc. 2009. All rights reserved.

20% off all Professional Services If you purchase by December 31st, 2009.Includes increases in subscription levels*

For more information about Professional Services - please visit:

Thank-you

www.igloosoftware.com/services