@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.

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

2. RECAP OF THE WEEK

3. Strategic Design to Kill the Noise
YOUR WEBSITE YOUR AUDIENCE

4. 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.

5. Wireframes Help Prioritization
HELP TAKE YOUR WEBSITE FROM SUBJECTIVE TO OBJECTIVE.

6. The Importance of Your Digital Brand:
YOUR VISUAL IDENTITY
Is the First Impression
Supports Your Brand
Builds Awareness
Engages Supporters

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

8. “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/

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

10. GMCC - BEFORE

11. GMCC
AFTER

12. Speak to Your Mission Through Imagery
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

15. 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

17. DESCRIBE YOUR STYLE

18. What Can You Do Now?
GATHER YOUR VISUAL DESIGN INSPIRATION
INSPIRATION SITES
LEARN TO DESCRIBE YOUR DESIGN STYLE E.G. CLEAN, GRUNGE, MINIMAL
WWW.PINTREST.COM

19. Mood Boarding

20. Textured Design!

21. Grunge Design!

22. Minimal Design!

23. Typographic Design!

24. What Can You Do Now?
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?

25. 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

26. The GUIDE Series Continues…