Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Strategic_Web_Design-VIsualDesign

935 views

Published on

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

Published in: Design, Technology, Business
  • D0WNL0AD FULL ▶ ▶ ▶ ▶ http://1lite.top/r3rsI ◀ ◀ ◀ ◀
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

Strategic_Web_Design-VIsualDesign

  1. 1. Strategic Web Design:Engaging Visual DesignAga Siuda, Visual DesignerKelley Jarrett, Market Manager
  2. 2. RECAP
  3. 3. Strategic Design to Kill the Noise YOUR WEBSITE YOUR AUDIENCE
  4. 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. 5. Wireframes Help PrioritizationHELP TAKE YOUR WEBSITE FROM SUBJECTIVE TO OBJECTIVE.
  6. 6. The Importance of a website:YOUR VISUAL IDENTITYIs the First ImpressionShould SUPPORT Your Brand, Not DRIVE itBuilds AwarenessEngages Supporters
  7. 7. Now it’s time to…ADD THE MAGIC
  8. 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!
  9. 9. 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
  10. 10. Use Compelling ImageryENGAGE WITH EYE CONTACT –  Connect, speak and engage with a personal connection –  Eye contact makes it feel as real as it is
  11. 11. Show Your ImpactSHOW REAL STORIES IMPACTED BY YOUR WORK –  Shows stewardship and credibility
  12. 12. Match Imagery With Your BrandMATCH IMAGERY WITH YOUR BRAND, MOOD AND VOICEREMEMBER YOUR WEBSITE IS A POWERFUL 2-WAY COMMUNICATIONTOOL FOR YOUR BRAND
  13. 13. Visual DesignThe art and science of selecting and arrangingvisual elements—such as typography, colors andtextures—to convey a message to an audience.
  14. 14. DESCRIBE YOUR STYLE
  15. 15. Gather Your InspirationINSPIRATION SITESLEARN TO DESCRIBE YOUR DESIGN STYLE E.G. CLEAN, GRUNGE,MINIMALWWW.PINTREST.COM
  16. 16. Textured Design!
  17. 17. Grunge Design!
  18. 18. Minimal Design!
  19. 19. Typographic Design!
  20. 20. 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 PreferencesINVEST 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?
  21. 21. Next StepsCHECK FOR SUCCESSREMEMBER YOUR BRAND PROMISEREMEMBER YOUR FOCUSSTAY STRONG!
  22. 22. Resources www.guidecreative.com/blogYOUR DIGITAL BRAND – THE IMPORTANCE OF VISUAL CONSISTENCY INWEB DESIGNAGA SIUDA, VISUAL DESIGNER

×