Top Banner
A Blackbaud Production The audio for this webinar will be broadcast through your computer. Once you join the presentation, a small audio broadcast box will appear on your screen and you will hear the host through your computer speakers. To join an Audio broadcast in WebEx, click on the Communicate menu in your WebEx screen and select Join Audio Broadcast. If you are having problems connecting with the audio broadcast server you can still join using the teleconference. To join the teleconference follow the steps below: 1.Leave the audio broadcast by clicking on Communicate > Leave Audio Broadcast. 2.Get the teleconference number, click on Communicate > Join Teleconference. If you are unable to listen to the audio through your computer and wish to dial into the conference line, please use the information below: Teleconference information: Call-in toll-free number: 1-8664106539 (US) Call-in number: 1-6604225471 (US) Conference Code: 216 610 0
49

Design your website with your mission in mind

Jan 27, 2015

Download

Technology

Michael Beahm

 
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Design your website with your mission in mind

A Blackbaud Production

The audio for this webinar will be broadcast through your computer. Once you join

the presentation, a small audio broadcast box will appear on your screen and you

will hear the host through your computer speakers.

To join an Audio broadcast in WebEx, click on the Communicate menu in your

WebEx screen and select Join Audio Broadcast. If you are having problems

connecting with the audio broadcast server you can still join using the

teleconference. To join the teleconference follow the steps below:

1.Leave the audio broadcast by clicking on Communicate > Leave Audio Broadcast.

2.Get the teleconference number, click on Communicate > Join Teleconference.

If you are unable to listen to the audio through your computer and wish to dial into

the conference line, please use the information below:

Teleconference information:

Call-in toll-free number: 1-8664106539 (US)

Call-in number: 1-6604225471 (US)

Conference Code: 216 610 0

Page 2: Design your website with your mission in mind

A Blackbaud Production

Design Your Website for Your Mission

Page 3: Design your website with your mission in mind

A Blackbaud Production

Agenda

• Introduction to Guide Creative

• Why upgrade to Wordpress with Guide Creative

• DIY Forms with eTapestry

• Our Strategic Design Process

• Top Ten Best Practices

• Wordpress Theme Galleries

• Ongoing services

Page 4: Design your website with your mission in mind

A Blackbaud Production

Who Is GUIDE Creative? • Creative on Purpose

A strategic, creative spin to nonprofit’s missions to extend reach

and create a bigger impact.

• Team of Design and Nonprofit Experts

Backgrounds in branding, web strategy, marketing, graphic

design, content strategy, and ex-nonprofit professionals.

• Exclusive for Nonprofits

We only work with nonprofit organizations. We know how to

create designs that broaden reach, inspire action and mobilize

audiences.

Page 5: Design your website with your mission in mind

A Blackbaud Production

Our People

Our team is committed to your mission. With over 20 years of experience in the industry, we

understand nonprofits better than anyone and we’re able to leverage this expertise to help

you meet your organization’s goals through our uniquely tailored creative services.

Page 6: Design your website with your mission in mind

A Blackbaud Production

Our Promise • Design for your mission

• Design for your audiences

• Design for impact & user experience

• Solve challenges through design

• Create lasting impressions

• Inspire action through design

Page 7: Design your website with your mission in mind

A Blackbaud Production

Our Services

Page 8: Design your website with your mission in mind

A Blackbaud Production

Page 9: Design your website with your mission in mind

A Blackbaud Production

WordPress is an open-source content management

system that powers millions of websites from all over

the world.

Page 10: Design your website with your mission in mind

A Blackbaud Production

Why upgrade to WordPress with

Guide Creative ?

Guide Creative believes that the WordPress platform is the

best open source solution to meet the needs of our nonprofit

customers

Ease of use for our customers

Stability

Active community of users

Freely available resources

Open source

• Extended functionality through plugins

• Customizable

• Flexible

Page 11: Design your website with your mission in mind

A Blackbaud Production

A prescribed, flexible and scalable way to

showcase your mission, interact with your

audience and inspire action online, that fits

within your budget and can be up and

running quickly.

WordPress® For Nonprofits

Page 12: Design your website with your mission in mind

A Blackbaud Production

“55% of the 1 million most visited sites that are run

on a content management system are run on

WordPress” – W3Techs, 2012

Page 13: Design your website with your mission in mind

A Blackbaud Production

Guide Creative and eTapestry Together – The

Integrated Solution for Your Website

DIY Forms – Embed Template

•Donations

•Event Registration

•Contact Form

•Volunteer Registration

•Membership Sign-up

Page 14: Design your website with your mission in mind

A Blackbaud Production

Guide Creative and eTapestry…

… The Integrated Solution for Your Online Forms

Page 15: Design your website with your mission in mind

A Blackbaud Production

Our Strategic Design Process

Page 16: Design your website with your mission in mind

A Blackbaud Production

Top Ten Best Practices

Page 17: Design your website with your mission in mind

A Blackbaud Production

“Your website does not exist as a boutique just

to show off information about your

organization. Instead, it’s actually a tool that

you have employed to mobilize your

audience...”

- Raheel Gauba

Page 18: Design your website with your mission in mind

A Blackbaud Production

Keep the audience in Mind Focus on your audience needs

• Who are your audience groups and who is most important?

• What do they care about – need, goals and aspirations?

• How do they interact with you on and off your website?

Page 19: Design your website with your mission in mind

A Blackbaud Production

Meet users where they are

• In less than one year mobile will be the #1 way your audience will access

your website … Are you ready?

Keep the audience in Mind

Page 20: Design your website with your mission in mind

A Blackbaud Production

“The Web is a world of first impressions, and

quick ones at that. Users form an opinion of a

website within the first few seconds of loading

it.”

- Jason Gross

“The Role of Design in The Kingdome of Content, www.smashingmagazine.com

Page 21: Design your website with your mission in mind

A Blackbaud Production

Have a Focused Homepage Prioritize Content

• Wireframes are key for visual hierarchy

• Remember YOUR goals

• Remember your AUDIENCE’S goals

Page 22: Design your website with your mission in mind

A Blackbaud Production

Pass the 3-second test

• Is your homepage scannable, understandable, intuitive

in 3 seconds?

Have a Focused Homepage

Page 23: Design your website with your mission in mind

A Blackbaud Production

“Design your website around your organization’s

actions and purpose. Make the mission

statement clear as day.”

- Blake McCreary

“Non-Profit Web Design.”

Page 24: Design your website with your mission in mind

A Blackbaud Production

Share Your Mission Tell your story clearly & make it actionable

• 60% of all donors check out an organization’s website before donating -

tell them why they should give…quickly before they change their mind

Page 25: Design your website with your mission in mind

A Blackbaud Production

Share Your Mission Show your story … visually

• Infographics, typography, links, video, imagery,

photography

• The style should fit your voice and brand

Page 26: Design your website with your mission in mind

A Blackbaud Production

“Regardless of what your content actually says,

the design around it controls what the users

see first and how their eyes move across the

sections of the page.”

- Jason Gross

“The Role of Design in The Kingdome of Content, www.smashingmagazine.com

Page 27: Design your website with your mission in mind

A Blackbaud Production

Use Compelling Imagery • Engage with eye contact … Make a personal connection

• Show real stories of impact to gain credibility

Page 28: Design your website with your mission in mind

A Blackbaud Production

“User-centric design has become a standard

approach for successful and web design. After

all, if users can’t use a feature, it might as well

not exist.”

- Vitaly Friedman

“10 Principles of Effective Web Design”, www.smashingmagazine.com

Page 29: Design your website with your mission in mind

A Blackbaud Production

Ensure ease in Navigation Navigation Systems should be intuitive and precise

- Provide multiple interaction paths

- Ensure context for users who come in through search or links

- Does it take two-click or less for key tasks?

Page 30: Design your website with your mission in mind

A Blackbaud Production

“Assuming that you’ve written a brilliantly

persuasive page, it’s still next to worthless

without a strong call to action…”

- Brad Shorr

“Five Copywriting Errors That Can Ruin a Company’s Website,”

Page 31: Design your website with your mission in mind

A Blackbaud Production

Include clear, bold calls to action Remove all obstacles to action from anywhere

“Apply Now” should take them directly to application.

Calls to action should be clear and compelling

Never say “click here”

Say for example “visit us“

Page 32: Design your website with your mission in mind

A Blackbaud Production

“Stewardship comes down to being able to show

donors how their dollars were used and what

impact their contributions had.”

- Cynthia Gomez

“What Is Stewardship for a Non-Profit?” www.eHow.com

Page 33: Design your website with your mission in mind

A Blackbaud Production

Showcase Your Stewardship 60% of donors visit a nonprofit’s website before making a gift.

- Show the impact (eg. stats, infographics)

- Be transparent (eg. share your annual report)

- Say “Thank you”

Page 34: Design your website with your mission in mind

A Blackbaud Production

“…You need to remember that the Internet is a

dynamic place, and make sure your site is

constantly changing as well.”

- Randall Mains

Page 35: Design your website with your mission in mind

A Blackbaud Production

Keep Your Content Fresh Always have something new to offer to your users

- Utilize automatic feeds

- Add dates to content posted to the homepage

- Gather user-generated content

Timely

Upcoming

Events

Page 36: Design your website with your mission in mind

A Blackbaud Production

“Integrating the social experience into your

organization’s web site will help promote the

channel, engage supporters, and provide a

constant source of dynamic content …”

- Melanie Mathos & Chad Norman

“101 Social Media Tactics for Nonprofits: A Field Guide.” John Wiley & Sons, Inc.

Page 37: Design your website with your mission in mind

A Blackbaud Production

Be Social Social media and viral sharing are highly

valuable tools in contributing to web site

traffic and brand exposure

- Make it easy to connect, interact and

contribute

Page 38: Design your website with your mission in mind

A Blackbaud Production

“Many of today’s most successful websites are

interactive, meaning they allow people to

participate in the content in some way.

- Randall Mains

Strategic Web Communication Principle #4: Interactivity” blog.pathmakermarketing.com July 12, 2009

Page 39: Design your website with your mission in mind

A Blackbaud Production

Provide a Personal Touch

Through Interactive Media Allow users to consume information in multiple ways

- Your audiences’ preferences for consuming content varies, just as their

browsing and navigation styles do. Users want to consume information in

various media channels and formats.

Page 40: Design your website with your mission in mind

A Blackbaud Production

WordPress Theme Gallery

Page 41: Design your website with your mission in mind

A Blackbaud Production

Theme #1

Page 42: Design your website with your mission in mind

A Blackbaud Production

Theme #2

Page 43: Design your website with your mission in mind

A Blackbaud Production

Theme #3

Page 44: Design your website with your mission in mind

A Blackbaud Production

Theme #4

Page 45: Design your website with your mission in mind

A Blackbaud Production

Theme #5

Page 46: Design your website with your mission in mind

A Blackbaud Production

Theme #6

Page 47: Design your website with your mission in mind

A Blackbaud Production

Ongoing Services Go Live and Beyond

• Urgent Care Assurance that we will keep your site working the way we built it

• Resources DIY knowledgebase, archived webinars, tutorials and premium content directed

specifically to non-profits

• Ongoing Education Premium quarterly webinars for valuable insight and practical application

• One On One We find ways to make your site even better than the day it went live

Page 48: Design your website with your mission in mind

A Blackbaud Production

The Chronicle of Philanthropy Statistics

• “Three out of four donors born from 1979 to 1994—a

generation often referred to as “millennials”—said they

were turned off when a nonprofit’s Web site had not been

updated recently”

• “Six in 10 said they wanted nonprofits to share stories

about successful projects and programs and appreciated

information about an organization’s cause and the people

it serves.”

Page 49: Design your website with your mission in mind

A Blackbaud Production

Resources and Next Steps

• Get In Touch! [email protected]

• Assess Your Site!

www.guidecreative.com/topten

• Check us out on Facebook and Twitter!

• Guide Creative Design Portfolio:

http://www.guidecreative.com/work

• Guide Creative Services:

http://www.guidecreative.com/skills/#core