strategic visual design for nonprofits

26
Hosted by Kelley Jarrett, Marketing Manager and Web Strategist, GUIDE Creative Guest Panelist: Aga Siuda, Brand Designer and Strategist, GUIDE Creative Your Visual Brand Keeping your nonprofit’s brand at the center of the online experience presents

Upload: guidecreative

Post on 13-May-2015

410 views

Category:

Design


0 download

DESCRIPTION

@keljar @guidecreative Your website is more than just a pretty picture.  It should be created for your unique audience as a tool to engage, and ultimately inspire action.  Artistic talent alone is not enough, you need a web design rooted in a clear strategy and driven by results. Session focuses on the visual design elements based on a solid strategy.

TRANSCRIPT

Page 1: Strategic Visual Design for Nonprofits

Hosted by Kelley Jarrett, Marketing Manager and Web Strategist, GUIDE Creative

Guest Panelist: Aga Siuda, Brand Designer and Strategist, GUIDE Creative

Your Visual Brand Keeping your nonprofit’s brand at the center

of the online experience

presents

Page 2: Strategic Visual Design for Nonprofits

RECAP OF THE WEEK

Page 3: Strategic Visual Design for Nonprofits

Strategic Design to Kill the Noise YOUR WEBSITE YOUR AUDIENCE

Page 4: Strategic Visual Design for Nonprofits

Design for Your Audience By determining your target Audience Segments, we can ensure that the content and navigation of a design are catered to drive your audience to their own target areas of the site, and empower your users to make the best use of your new site.

Page 5: Strategic Visual Design for Nonprofits

Wireframes Help Prioritization

HELP TAKE YOUR WEBSITE FROM SUBJECTIVE TO OBJECTIVE.

Page 6: Strategic Visual Design for Nonprofits

Is the First Impression Supports Your Brand Builds Awareness Engages Supporters

The Importance of Your Digital Brand:

YOUR VISUAL IDENTITY

Page 7: Strategic Visual Design for Nonprofits

DISPLAYING YOUR BRAND ONLINE DOES NOT HAPPEN BY CHANCE, LUCK OR ACCIDENT

Page 8: Strategic Visual Design for Nonprofits

“You are a brand whether you like it or not….you’re

going to leave some impression in a person’s mind [and]

it’s your choice whether you want to actively manage

that impression or whether you want them to come to

their own conclusions of what they think about you.”

Ingrid Srinath, Secretary General of CIVICUS: World Alliance for Citizen Participation

√http://elainefogel.net/2012/04/03/theres-still-confusion-about-nonprofit-branding/

Page 9: Strategic Visual Design for Nonprofits

ADD YOUR VISUAL BRAND TO THE STRATEGY Now it’s time to…

Page 10: Strategic Visual Design for Nonprofits

GMCC - BEFORE

Page 11: Strategic Visual Design for Nonprofits

GMCC AFTER

Page 12: Strategic Visual Design for Nonprofits

EVERY IMAGE…EVERY LINK…EVERY VISUAL ELEMENT ON YOUR SITE

SHOULD SPEAK TO YOUR MISSION

VISUAL INTERPRETATION CAN MEAN MANY THINGS – INFOGRAPHICS,

TYPOGRAPHY, LINKS, VIDEO, IMAGERY, PHOTOGRAPHY

Speak to Your Mission Through Imagery

Page 13: Strategic Visual Design for Nonprofits
Page 14: Strategic Visual Design for Nonprofits
Page 15: Strategic Visual Design for Nonprofits

Match Imagery With Your Brand MATCH IMAGERY WITH YOUR BRAND, MOOD AND VOICE

CONSISTENCY BUILDS YOUR STORY

IMAGES IN A PLAYFUL DESIGN CREATES A DISCONNECT FOR USERS AND CAN

LESSEN YOUR CREDIBILITY WITH THEM

Page 16: Strategic Visual Design for Nonprofits
Page 17: Strategic Visual Design for Nonprofits

DESCRIBE YOUR STYLE

Page 18: Strategic Visual Design for Nonprofits

GATHER YOUR VISUAL DESIGN INSPIRATION

INSPIRATION SITES

LEARN TO DESCRIBE YOUR DESIGN STYLE E.G. CLEAN, GRUNGE, MINIMAL

WWW.PINTREST.COM

What Can You Do Now?

Page 19: Strategic Visual Design for Nonprofits

Mood Boarding

Page 20: Strategic Visual Design for Nonprofits

Textured Design!

Page 21: Strategic Visual Design for Nonprofits

Grunge Design!

Page 22: Strategic Visual Design for Nonprofits

Minimal Design!

Page 23: Strategic Visual Design for Nonprofits

Typographic Design!

Page 24: Strategic Visual Design for Nonprofits

INVEST IN DESIGN ASSETS

DON’T RELY ON STOCK PHOTOGRAPHY

UNDERSTAND HOW VIDEO CAN HELP COMMUNICATE YOUR MESSAGE

HOW CAN YOU GRAPHICALLY ILLUSTRATE YOUR MISSION AND IMPACT?

What Can You Do Now?

Page 25: Strategic Visual Design for Nonprofits

How Can You Learn More? Your Digital Brand – The Importance of Visual Consistency in Web Design (Blog

by GUIDE Brand Expert and Visual Designer, Aga Siuda 5 Tips to Strengthen Your Website’s Core Message (Blog by GUIDE Designer,

Ben German) Get Better Results from Your Website (Blog by GUIDE Creative Designer,

Katherine Till) Kill the Noise – the Importance of Wireframes for Website Prioritization – Blog by

Ben Wong, Interactive Design Manager Audience-Centric Design - How to Get There – Blog by Andrew Fort, Interactive

Design Manager

Follow our Blog: www.guidecreative.com/blog Subscribe to Our eNews! www.guidecreative.com/#newsletter

Page 26: Strategic Visual Design for Nonprofits

The GUIDE Series Continues…