Kelley Jarrett (@keljar) and Aga Siuda review engaging visual design for nonprofits.

1. Strategic Web Design:
Engaging Visual Design
Aga Siuda, Visual Designer
Kelley Jarrett, Market Manager

2. RECAP

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 a website:
YOUR VISUAL IDENTITY
Is the First Impression
Should SUPPORT Your Brand, Not DRIVE it
Builds Awareness
Engages Supporters

7. Now it’s time to…
ADD THE MAGIC

8. From Wireframe to Art
We know your audience…
We know your content…
We know your site’s structure…
Now we will make it look great!

11. Share Your Mission…Visually
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

13. Use Compelling Imagery
ENGAGE WITH EYE CONTACT
– Connect, speak and engage with a personal connection
– Eye contact makes it feel as real as it is

14. Show Your Impact
SHOW REAL STORIES IMPACTED BY YOUR WORK
– Shows stewardship and credibility

16. Match Imagery With Your Brand
MATCH IMAGERY WITH YOUR BRAND, MOOD AND VOICE
REMEMBER YOUR WEBSITE IS A POWERFUL 2-WAY COMMUNICATION
TOOL FOR YOUR BRAND

17. Visual Design
The art and science of selecting and arranging
visual elements—such as typography, colors and
textures—to convey a message to an audience.

18. DESCRIBE YOUR STYLE

19. Gather Your Inspiration
INSPIRATION SITES
LEARN TO DESCRIBE YOUR DESIGN STYLE E.G. CLEAN, GRUNGE,
MINIMAL
WWW.PINTREST.COM

20. Textured Design!

21. Grunge Design!

22. Minimal Design!

23. Typographic Design!

24. What Can You Do Now?
REVISIT YOUR BRAND STYLE GUIDE
– Does your logo accurately represent your organization?
– Does the color palette communicate the appropriate message?
– Does the typography give the appropriate voice
– Understand Your Preferences
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?

31. Next Steps
CHECK FOR SUCCESS
REMEMBER YOUR BRAND PROMISE
REMEMBER YOUR FOCUS
STAY STRONG!

32. Resources
www.guidecreative.com/blog
YOUR DIGITAL BRAND – THE IMPORTANCE OF VISUAL CONSISTENCY IN
WEB DESIGN
AGA SIUDA, VISUAL DESIGNER