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

RECAP

Strategic Design to Kill the Noise

YOUR WEBSITE YOUR AUDIENCE

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.

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

Is the First Impression Should SUPPORT Your Brand, Not DRIVE it Builds Awareness Engages Supporters

The Importance of a website:

YOUR VISUAL IDENTITY

ADD THE MAGIC Now it’s time to…

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!

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

Share Your Mission…Visually

ENGAGE WITH EYE CONTACT

–  Connect, speak and engage with a personal connection –  Eye contact makes it feel as real as it is

Use Compelling Imagery

SHOW REAL STORIES IMPACTED BY YOUR WORK

–  Shows stewardship and credibility

Show Your Impact

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

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

Visual Design

DESCRIBE YOUR STYLE

INSPIRATION SITES

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

WWW.PINTREST.COM

Gather Your Inspiration

Textured Design!

Grunge Design!

Minimal Design!

Typographic Design!

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?

What Can You Do Now?

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

Resources www.guidecreative.com/blog

YOUR DIGITAL BRAND – THE IMPORTANCE OF VISUAL CONSISTENCY IN WEB DESIGN AGA SIUDA, VISUAL DESIGNER