SlideShare uma empresa Scribd logo
1 de 32
Baixar para ler offline
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.
The Importance of a website:

YOUR VISUAL IDENTITY
Is the First Impression
Should SUPPORT Your Brand, Not DRIVE it
Builds Awareness
Engages Supporters
Now it’s time to…

ADD THE MAGIC
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!
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
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
Show Your Impact
SHOW REAL STORIES IMPACTED BY YOUR WORK
   –  Shows stewardship and credibility
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
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.
DESCRIBE YOUR STYLE
Gather Your Inspiration
INSPIRATION SITES

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

WWW.PINTREST.COM
Textured Design!
Grunge Design!
Minimal Design!
Typographic Design!
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?
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

Mais conteúdo relacionado

Mais procurados

Redesigning Our Intranet
Redesigning Our IntranetRedesigning Our Intranet
Redesigning Our IntranetGary Schroeder
 
How to Increase Your Site Usability to Drive Leads
How to Increase Your Site Usability to Drive LeadsHow to Increase Your Site Usability to Drive Leads
How to Increase Your Site Usability to Drive LeadsDigital Reach
 
Social Mobile Marketing
Social Mobile MarketingSocial Mobile Marketing
Social Mobile Marketinggannettblogu
 
Website re-design-best-practices
Website re-design-best-practices Website re-design-best-practices
Website re-design-best-practices Chuck Bowen
 
Website Proposal for Demure Dental Clinic
Website Proposal for Demure Dental ClinicWebsite Proposal for Demure Dental Clinic
Website Proposal for Demure Dental ClinicPakStockPhoto
 
WordCamp Atlanta 2015: Planning your website from concept to launch
WordCamp Atlanta 2015: Planning your website from concept to launchWordCamp Atlanta 2015: Planning your website from concept to launch
WordCamp Atlanta 2015: Planning your website from concept to launchMickey Mellen
 
Hotel Digital Marketing Snapshot and How to Budget for 2016 Webinar
Hotel Digital Marketing Snapshot and How to Budget for 2016 WebinarHotel Digital Marketing Snapshot and How to Budget for 2016 Webinar
Hotel Digital Marketing Snapshot and How to Budget for 2016 WebinarMilestone Internet Marketing
 
The Purpose-Driven Website
The Purpose-Driven WebsiteThe Purpose-Driven Website
The Purpose-Driven WebsiteChristopher Ash
 
Gumtree website evaluation group c
Gumtree website evaluation   group cGumtree website evaluation   group c
Gumtree website evaluation group ceviebe
 
Media strategy proposal
Media strategy proposalMedia strategy proposal
Media strategy proposalSofia Chalkidi
 
Monthly Newsletter - Pre roll
Monthly Newsletter - Pre rollMonthly Newsletter - Pre roll
Monthly Newsletter - Pre rollJessica Hooper
 
Fort Walton Beach Chamber of Commerce Search Engine Marketing Symposium Oct 2011
Fort Walton Beach Chamber of Commerce Search Engine Marketing Symposium Oct 2011Fort Walton Beach Chamber of Commerce Search Engine Marketing Symposium Oct 2011
Fort Walton Beach Chamber of Commerce Search Engine Marketing Symposium Oct 2011pmahone
 
Harlem Arts Alliance
Harlem Arts AllianceHarlem Arts Alliance
Harlem Arts AllianceHans Hageman
 
Federal City Council Case Study - Responsive Landing Page
Federal City Council Case Study - Responsive Landing PageFederal City Council Case Study - Responsive Landing Page
Federal City Council Case Study - Responsive Landing PageErica Manrique
 
Nonprofit fundraising - Harlem Arts Alliance
Nonprofit fundraising - Harlem Arts AllianceNonprofit fundraising - Harlem Arts Alliance
Nonprofit fundraising - Harlem Arts AllianceHans Hageman
 
Fa 102 b customer journey map
Fa 102 b customer journey mapFa 102 b customer journey map
Fa 102 b customer journey mapNicholas Boyer
 
Convio-Luminate-Brochure
Convio-Luminate-BrochureConvio-Luminate-Brochure
Convio-Luminate-BrochureMeg Murphy
 

Mais procurados (19)

Redesigning Our Intranet
Redesigning Our IntranetRedesigning Our Intranet
Redesigning Our Intranet
 
How to Increase Your Site Usability to Drive Leads
How to Increase Your Site Usability to Drive LeadsHow to Increase Your Site Usability to Drive Leads
How to Increase Your Site Usability to Drive Leads
 
Social Mobile Marketing
Social Mobile MarketingSocial Mobile Marketing
Social Mobile Marketing
 
Website re-design-best-practices
Website re-design-best-practices Website re-design-best-practices
Website re-design-best-practices
 
Website Proposal for Demure Dental Clinic
Website Proposal for Demure Dental ClinicWebsite Proposal for Demure Dental Clinic
Website Proposal for Demure Dental Clinic
 
WordCamp Atlanta 2015: Planning your website from concept to launch
WordCamp Atlanta 2015: Planning your website from concept to launchWordCamp Atlanta 2015: Planning your website from concept to launch
WordCamp Atlanta 2015: Planning your website from concept to launch
 
Hotel Digital Marketing Snapshot and How to Budget for 2016 Webinar
Hotel Digital Marketing Snapshot and How to Budget for 2016 WebinarHotel Digital Marketing Snapshot and How to Budget for 2016 Webinar
Hotel Digital Marketing Snapshot and How to Budget for 2016 Webinar
 
The Purpose-Driven Website
The Purpose-Driven WebsiteThe Purpose-Driven Website
The Purpose-Driven Website
 
Gumtree website evaluation group c
Gumtree website evaluation   group cGumtree website evaluation   group c
Gumtree website evaluation group c
 
Media strategy proposal
Media strategy proposalMedia strategy proposal
Media strategy proposal
 
Monthly Newsletter - Pre roll
Monthly Newsletter - Pre rollMonthly Newsletter - Pre roll
Monthly Newsletter - Pre roll
 
Proposed solutions
Proposed solutionsProposed solutions
Proposed solutions
 
Fort Walton Beach Chamber of Commerce Search Engine Marketing Symposium Oct 2011
Fort Walton Beach Chamber of Commerce Search Engine Marketing Symposium Oct 2011Fort Walton Beach Chamber of Commerce Search Engine Marketing Symposium Oct 2011
Fort Walton Beach Chamber of Commerce Search Engine Marketing Symposium Oct 2011
 
Harlem Arts Alliance
Harlem Arts AllianceHarlem Arts Alliance
Harlem Arts Alliance
 
Federal City Council Case Study - Responsive Landing Page
Federal City Council Case Study - Responsive Landing PageFederal City Council Case Study - Responsive Landing Page
Federal City Council Case Study - Responsive Landing Page
 
Website design
Website design Website design
Website design
 
Nonprofit fundraising - Harlem Arts Alliance
Nonprofit fundraising - Harlem Arts AllianceNonprofit fundraising - Harlem Arts Alliance
Nonprofit fundraising - Harlem Arts Alliance
 
Fa 102 b customer journey map
Fa 102 b customer journey mapFa 102 b customer journey map
Fa 102 b customer journey map
 
Convio-Luminate-Brochure
Convio-Luminate-BrochureConvio-Luminate-Brochure
Convio-Luminate-Brochure
 

Destaque

Website Analysis as part of an integrated marketing communication plan
Website Analysis as part of an integrated marketing communication planWebsite Analysis as part of an integrated marketing communication plan
Website Analysis as part of an integrated marketing communication planKaran Shah
 
Pinterest: alla scoperta di un social network incentrato sui contenuti visuali
Pinterest: alla scoperta di un social network incentrato sui contenuti visualiPinterest: alla scoperta di un social network incentrato sui contenuti visuali
Pinterest: alla scoperta di un social network incentrato sui contenuti visualiKEA s.r.l.
 
Obiettivi della social media analysis
Obiettivi della social media analysisObiettivi della social media analysis
Obiettivi della social media analysisCybion
 
Social Network Analysis Project
Social Network Analysis ProjectSocial Network Analysis Project
Social Network Analysis ProjectFrancesco Corucci
 
TwitLine - Twitter information stream analysis
TwitLine - Twitter information stream analysisTwitLine - Twitter information stream analysis
TwitLine - Twitter information stream analysisHuman Highway
 
Social media analytics tools
Social media analytics toolsSocial media analytics tools
Social media analytics toolsDML Srl
 
Semiotik og typografi lite lektion_1_dk_danish
Semiotik og typografi lite lektion_1_dk_danishSemiotik og typografi lite lektion_1_dk_danish
Semiotik og typografi lite lektion_1_dk_danishDavid Engelby
 
Oral communication (part I) / Web communication (part II) (Service Management...
Oral communication (part I) / Web communication (part II) (Service Management...Oral communication (part I) / Web communication (part II) (Service Management...
Oral communication (part I) / Web communication (part II) (Service Management...David Engelby
 
Workshop sentiment analysis
Workshop sentiment analysis Workshop sentiment analysis
Workshop sentiment analysis Fabio Ferri
 
Applicazioni della sentiment analysis nei social media
Applicazioni della sentiment analysis nei social mediaApplicazioni della sentiment analysis nei social media
Applicazioni della sentiment analysis nei social mediaMartina D'Onofrio
 
Social Media Toolkit - 20 ottimi servizi per chi fa comunicazione e marketing...
Social Media Toolkit - 20 ottimi servizi per chi fa comunicazione e marketing...Social Media Toolkit - 20 ottimi servizi per chi fa comunicazione e marketing...
Social Media Toolkit - 20 ottimi servizi per chi fa comunicazione e marketing...Robin Good
 
Social Media Analysis: come analizzare ed esporre i dati relativi alla presen...
Social Media Analysis: come analizzare ed esporre i dati relativi alla presen...Social Media Analysis: come analizzare ed esporre i dati relativi alla presen...
Social Media Analysis: come analizzare ed esporre i dati relativi alla presen...tagbologna lab
 

Destaque (15)

BEAT: tecnologia su pdv
BEAT: tecnologia su pdvBEAT: tecnologia su pdv
BEAT: tecnologia su pdv
 
Website Analysis as part of an integrated marketing communication plan
Website Analysis as part of an integrated marketing communication planWebsite Analysis as part of an integrated marketing communication plan
Website Analysis as part of an integrated marketing communication plan
 
Pinterest: alla scoperta di un social network incentrato sui contenuti visuali
Pinterest: alla scoperta di un social network incentrato sui contenuti visualiPinterest: alla scoperta di un social network incentrato sui contenuti visuali
Pinterest: alla scoperta di un social network incentrato sui contenuti visuali
 
Social Media Analysis
Social Media Analysis Social Media Analysis
Social Media Analysis
 
Obiettivi della social media analysis
Obiettivi della social media analysisObiettivi della social media analysis
Obiettivi della social media analysis
 
Social Network Analysis Project
Social Network Analysis ProjectSocial Network Analysis Project
Social Network Analysis Project
 
TwitLine - Twitter information stream analysis
TwitLine - Twitter information stream analysisTwitLine - Twitter information stream analysis
TwitLine - Twitter information stream analysis
 
Social media analytics tools
Social media analytics toolsSocial media analytics tools
Social media analytics tools
 
Semiotik og typografi lite lektion_1_dk_danish
Semiotik og typografi lite lektion_1_dk_danishSemiotik og typografi lite lektion_1_dk_danish
Semiotik og typografi lite lektion_1_dk_danish
 
Oral communication (part I) / Web communication (part II) (Service Management...
Oral communication (part I) / Web communication (part II) (Service Management...Oral communication (part I) / Web communication (part II) (Service Management...
Oral communication (part I) / Web communication (part II) (Service Management...
 
Workshop sentiment analysis
Workshop sentiment analysis Workshop sentiment analysis
Workshop sentiment analysis
 
Applicazioni della sentiment analysis nei social media
Applicazioni della sentiment analysis nei social mediaApplicazioni della sentiment analysis nei social media
Applicazioni della sentiment analysis nei social media
 
Social Media Toolkit - 20 ottimi servizi per chi fa comunicazione e marketing...
Social Media Toolkit - 20 ottimi servizi per chi fa comunicazione e marketing...Social Media Toolkit - 20 ottimi servizi per chi fa comunicazione e marketing...
Social Media Toolkit - 20 ottimi servizi per chi fa comunicazione e marketing...
 
Social Media Monitoring Tools and Services Report 2015 Presentation
Social Media Monitoring Tools and Services Report 2015 PresentationSocial Media Monitoring Tools and Services Report 2015 Presentation
Social Media Monitoring Tools and Services Report 2015 Presentation
 
Social Media Analysis: come analizzare ed esporre i dati relativi alla presen...
Social Media Analysis: come analizzare ed esporre i dati relativi alla presen...Social Media Analysis: come analizzare ed esporre i dati relativi alla presen...
Social Media Analysis: come analizzare ed esporre i dati relativi alla presen...
 

Semelhante a Strategic_Web_Design-VIsualDesign

Graphic Design Introduction Upload
Graphic Design Introduction   UploadGraphic Design Introduction   Upload
Graphic Design Introduction UploadNida Aslam
 
Digito Marketing Services
Digito Marketing ServicesDigito Marketing Services
Digito Marketing Servicesdigitoagency
 
Mapplinks Company Presentation
Mapplinks Company PresentationMapplinks Company Presentation
Mapplinks Company PresentationMapplinks
 
Davin Skonberg - Creative Director & Design Portfolio
Davin Skonberg - Creative Director & Design PortfolioDavin Skonberg - Creative Director & Design Portfolio
Davin Skonberg - Creative Director & Design PortfolioDavin Skonberg
 
One Room Studio Media Kit English 2019.
One Room Studio Media Kit English 2019. One Room Studio Media Kit English 2019.
One Room Studio Media Kit English 2019. Beto Tamez
 
what-is-graphic-design.pdf
what-is-graphic-design.pdfwhat-is-graphic-design.pdf
what-is-graphic-design.pdfRossMatthews19
 
What Does A Social Media Manager Do?
What Does A Social Media Manager Do?What Does A Social Media Manager Do?
What Does A Social Media Manager Do?Madison Slinker
 
Website design intro
Website design introWebsite design intro
Website design introLee Bowden
 
CREATIVE ENERGY INC. Portfolio
CREATIVE ENERGY INC. PortfolioCREATIVE ENERGY INC. Portfolio
CREATIVE ENERGY INC. PortfolioDavin Skonberg
 
side interaction portfolio email
side interaction portfolio emailside interaction portfolio email
side interaction portfolio emailbrigitte dewberry
 
_Unlocking the Power of Graphic Design_ Tips for Creating Effective Designs_.pdf
_Unlocking the Power of Graphic Design_ Tips for Creating Effective Designs_.pdf_Unlocking the Power of Graphic Design_ Tips for Creating Effective Designs_.pdf
_Unlocking the Power of Graphic Design_ Tips for Creating Effective Designs_.pdfdeepak gholap
 
NelaDunatoArtDesign-intro
NelaDunatoArtDesign-introNelaDunatoArtDesign-intro
NelaDunatoArtDesign-introNela Dunato
 
Empowering Business Success with Expert Digital Marketing Consultancy
 Empowering Business Success with Expert Digital Marketing Consultancy Empowering Business Success with Expert Digital Marketing Consultancy
Empowering Business Success with Expert Digital Marketing Consultancy10xdigitalgroup
 
DIS Corporate Presentation
DIS Corporate PresentationDIS Corporate Presentation
DIS Corporate Presentationhimadrisur1
 

Semelhante a Strategic_Web_Design-VIsualDesign (20)

Graphic Design Introduction Upload
Graphic Design Introduction   UploadGraphic Design Introduction   Upload
Graphic Design Introduction Upload
 
Digito Marketing Services
Digito Marketing ServicesDigito Marketing Services
Digito Marketing Services
 
Mapplinks Company Presentation
Mapplinks Company PresentationMapplinks Company Presentation
Mapplinks Company Presentation
 
Davin Skonberg - Creative Director & Design Portfolio
Davin Skonberg - Creative Director & Design PortfolioDavin Skonberg - Creative Director & Design Portfolio
Davin Skonberg - Creative Director & Design Portfolio
 
One Room Studio Media Kit English 2019.
One Room Studio Media Kit English 2019. One Room Studio Media Kit English 2019.
One Room Studio Media Kit English 2019.
 
Charte graphique patrice agd2
Charte graphique patrice agd2Charte graphique patrice agd2
Charte graphique patrice agd2
 
Targeted Content Mapping
Targeted Content Mapping Targeted Content Mapping
Targeted Content Mapping
 
MM Profile 2014
MM Profile 2014MM Profile 2014
MM Profile 2014
 
what-is-graphic-design.pdf
what-is-graphic-design.pdfwhat-is-graphic-design.pdf
what-is-graphic-design.pdf
 
How to write a statement of intent
How to write a statement of intentHow to write a statement of intent
How to write a statement of intent
 
What Does A Social Media Manager Do?
What Does A Social Media Manager Do?What Does A Social Media Manager Do?
What Does A Social Media Manager Do?
 
Website design intro
Website design introWebsite design intro
Website design intro
 
CREATIVE ENERGY INC. Portfolio
CREATIVE ENERGY INC. PortfolioCREATIVE ENERGY INC. Portfolio
CREATIVE ENERGY INC. Portfolio
 
side interaction portfolio email
side interaction portfolio emailside interaction portfolio email
side interaction portfolio email
 
DesignLab Presentation
DesignLab PresentationDesignLab Presentation
DesignLab Presentation
 
_Unlocking the Power of Graphic Design_ Tips for Creating Effective Designs_.pdf
_Unlocking the Power of Graphic Design_ Tips for Creating Effective Designs_.pdf_Unlocking the Power of Graphic Design_ Tips for Creating Effective Designs_.pdf
_Unlocking the Power of Graphic Design_ Tips for Creating Effective Designs_.pdf
 
NelaDunatoArtDesign-intro
NelaDunatoArtDesign-introNelaDunatoArtDesign-intro
NelaDunatoArtDesign-intro
 
Empowering Business Success with Expert Digital Marketing Consultancy
 Empowering Business Success with Expert Digital Marketing Consultancy Empowering Business Success with Expert Digital Marketing Consultancy
Empowering Business Success with Expert Digital Marketing Consultancy
 
DIS Corporate Presentation
DIS Corporate PresentationDIS Corporate Presentation
DIS Corporate Presentation
 
HYPEGIRL 2016*
HYPEGIRL 2016*HYPEGIRL 2016*
HYPEGIRL 2016*
 

Mais de guidecreative

The Top Ten Elements Your Noprofit's Strategic Website Should Have
The Top Ten Elements Your Noprofit's Strategic Website Should HaveThe Top Ten Elements Your Noprofit's Strategic Website Should Have
The Top Ten Elements Your Noprofit's Strategic Website Should Haveguidecreative
 
Kill The Noise - Prioritizing Content for Strategic Nonprofit Websites
Kill The Noise - Prioritizing Content for Strategic Nonprofit WebsitesKill The Noise - Prioritizing Content for Strategic Nonprofit Websites
Kill The Noise - Prioritizing Content for Strategic Nonprofit Websitesguidecreative
 
2013 Web Design Trends for Nonprofits
2013 Web Design Trends for Nonprofits2013 Web Design Trends for Nonprofits
2013 Web Design Trends for Nonprofitsguidecreative
 
The Top Ten Elements Every School's Website Should Have
The Top Ten Elements Every School's Website Should HaveThe Top Ten Elements Every School's Website Should Have
The Top Ten Elements Every School's Website Should Haveguidecreative
 
TopTenWebTricksForYourSchool
TopTenWebTricksForYourSchoolTopTenWebTricksForYourSchool
TopTenWebTricksForYourSchoolguidecreative
 
WordPress for NonProfits: Top Ten Elements Every Website Should Have
WordPress for NonProfits: Top Ten Elements Every Website Should HaveWordPress for NonProfits: Top Ten Elements Every Website Should Have
WordPress for NonProfits: Top Ten Elements Every Website Should Haveguidecreative
 
Guide Series Interactive Design_PastPresentAndFuture
Guide Series Interactive Design_PastPresentAndFutureGuide Series Interactive Design_PastPresentAndFuture
Guide Series Interactive Design_PastPresentAndFutureguidecreative
 
GUIDE_Series_Mobilize_Your_Nonprofit
GUIDE_Series_Mobilize_Your_NonprofitGUIDE_Series_Mobilize_Your_Nonprofit
GUIDE_Series_Mobilize_Your_Nonprofitguidecreative
 
GUIDE_Series_WordPressForNonprofits
GUIDE_Series_WordPressForNonprofitsGUIDE_Series_WordPressForNonprofits
GUIDE_Series_WordPressForNonprofitsguidecreative
 
Guide series creating the ultimate interactive experience through social media
Guide series creating the ultimate interactive experience through social mediaGuide series creating the ultimate interactive experience through social media
Guide series creating the ultimate interactive experience through social mediaguidecreative
 
Top Ten Elements Your School's Website Should Employ
Top Ten Elements Your School's Website Should EmployTop Ten Elements Your School's Website Should Employ
Top Ten Elements Your School's Website Should Employguidecreative
 
Strategic_Web_Design-TestingYourVisualStory
Strategic_Web_Design-TestingYourVisualStoryStrategic_Web_Design-TestingYourVisualStory
Strategic_Web_Design-TestingYourVisualStoryguidecreative
 
Guide Creative - Tour of Sites
Guide Creative - Tour of SitesGuide Creative - Tour of Sites
Guide Creative - Tour of Sitesguidecreative
 
Expanding Your Nonprofit's Brand: Milestone Logos
Expanding Your Nonprofit's Brand: Milestone LogosExpanding Your Nonprofit's Brand: Milestone Logos
Expanding Your Nonprofit's Brand: Milestone Logosguidecreative
 
Communicating Your Nonprofit's Brand
Communicating Your Nonprofit's BrandCommunicating Your Nonprofit's Brand
Communicating Your Nonprofit's Brandguidecreative
 
Living Your Nonprofit's Brand
Living Your Nonprofit's BrandLiving Your Nonprofit's Brand
Living Your Nonprofit's Brandguidecreative
 
Defining Your Nonprofit's Brand: Strategy_pdf
Defining Your Nonprofit's Brand: Strategy_pdfDefining Your Nonprofit's Brand: Strategy_pdf
Defining Your Nonprofit's Brand: Strategy_pdfguidecreative
 
Socialize Your Nonprofit
Socialize Your NonprofitSocialize Your Nonprofit
Socialize Your Nonprofitguidecreative
 

Mais de guidecreative (19)

The Top Ten Elements Your Noprofit's Strategic Website Should Have
The Top Ten Elements Your Noprofit's Strategic Website Should HaveThe Top Ten Elements Your Noprofit's Strategic Website Should Have
The Top Ten Elements Your Noprofit's Strategic Website Should Have
 
Kill The Noise - Prioritizing Content for Strategic Nonprofit Websites
Kill The Noise - Prioritizing Content for Strategic Nonprofit WebsitesKill The Noise - Prioritizing Content for Strategic Nonprofit Websites
Kill The Noise - Prioritizing Content for Strategic Nonprofit Websites
 
2013 Web Design Trends for Nonprofits
2013 Web Design Trends for Nonprofits2013 Web Design Trends for Nonprofits
2013 Web Design Trends for Nonprofits
 
The Top Ten Elements Every School's Website Should Have
The Top Ten Elements Every School's Website Should HaveThe Top Ten Elements Every School's Website Should Have
The Top Ten Elements Every School's Website Should Have
 
TopTenWebTricksForYourSchool
TopTenWebTricksForYourSchoolTopTenWebTricksForYourSchool
TopTenWebTricksForYourSchool
 
WordPress for NonProfits: Top Ten Elements Every Website Should Have
WordPress for NonProfits: Top Ten Elements Every Website Should HaveWordPress for NonProfits: Top Ten Elements Every Website Should Have
WordPress for NonProfits: Top Ten Elements Every Website Should Have
 
Guide Series Interactive Design_PastPresentAndFuture
Guide Series Interactive Design_PastPresentAndFutureGuide Series Interactive Design_PastPresentAndFuture
Guide Series Interactive Design_PastPresentAndFuture
 
GUIDE_Series_Mobilize_Your_Nonprofit
GUIDE_Series_Mobilize_Your_NonprofitGUIDE_Series_Mobilize_Your_Nonprofit
GUIDE_Series_Mobilize_Your_Nonprofit
 
GUIDE_Series_WordPressForNonprofits
GUIDE_Series_WordPressForNonprofitsGUIDE_Series_WordPressForNonprofits
GUIDE_Series_WordPressForNonprofits
 
Guide series creating the ultimate interactive experience through social media
Guide series creating the ultimate interactive experience through social mediaGuide series creating the ultimate interactive experience through social media
Guide series creating the ultimate interactive experience through social media
 
Bag of Tricks
Bag of TricksBag of Tricks
Bag of Tricks
 
Top Ten Elements Your School's Website Should Employ
Top Ten Elements Your School's Website Should EmployTop Ten Elements Your School's Website Should Employ
Top Ten Elements Your School's Website Should Employ
 
Strategic_Web_Design-TestingYourVisualStory
Strategic_Web_Design-TestingYourVisualStoryStrategic_Web_Design-TestingYourVisualStory
Strategic_Web_Design-TestingYourVisualStory
 
Guide Creative - Tour of Sites
Guide Creative - Tour of SitesGuide Creative - Tour of Sites
Guide Creative - Tour of Sites
 
Expanding Your Nonprofit's Brand: Milestone Logos
Expanding Your Nonprofit's Brand: Milestone LogosExpanding Your Nonprofit's Brand: Milestone Logos
Expanding Your Nonprofit's Brand: Milestone Logos
 
Communicating Your Nonprofit's Brand
Communicating Your Nonprofit's BrandCommunicating Your Nonprofit's Brand
Communicating Your Nonprofit's Brand
 
Living Your Nonprofit's Brand
Living Your Nonprofit's BrandLiving Your Nonprofit's Brand
Living Your Nonprofit's Brand
 
Defining Your Nonprofit's Brand: Strategy_pdf
Defining Your Nonprofit's Brand: Strategy_pdfDefining Your Nonprofit's Brand: Strategy_pdf
Defining Your Nonprofit's Brand: Strategy_pdf
 
Socialize Your Nonprofit
Socialize Your NonprofitSocialize Your Nonprofit
Socialize Your Nonprofit
 

Último

Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi  6297143586 Call Hot Indian...Booking open Available Pune Call Girls Kirkatwadi  6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...Call Girls in Nagpur High Profile
 
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️soniya singh
 
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxStark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxjeswinjees
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdftbatkhuu1
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...amitlee9823
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756dollysharma2066
 
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceCALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceanilsa9823
 
Government polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdGovernment polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdshivubhavv
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Servicearoranaina404
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Delhi Call girls
 
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...Delhi Call girls
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfParomita Roy
 
Pastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. XxxPastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. XxxSegundoManuelFaichin1
 
infant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptxinfant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptxsuhanimunjal27
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxjanettecruzeiro1
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...Call Girls in Nagpur High Profile
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Call Girls in Nagpur High Profile
 
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, PuneCase Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, PuneLukeKholes
 

Último (20)

Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi  6297143586 Call Hot Indian...Booking open Available Pune Call Girls Kirkatwadi  6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
 
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
 
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxStark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptx
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
 
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
 
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceCALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
 
Government polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdGovernment polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcd
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
 
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
 
Pastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. XxxPastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. Xxx
 
infant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptxinfant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptx
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
 
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, PuneCase Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, Pune
 

Strategic_Web_Design-VIsualDesign

  • 1. Strategic Web Design: Engaging Visual Design Aga Siuda, Visual Designer Kelley Jarrett, Market Manager
  • 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!
  • 9.
  • 10.
  • 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
  • 12.
  • 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
  • 15.
  • 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.
  • 19. Gather Your Inspiration INSPIRATION SITES LEARN TO DESCRIBE YOUR DESIGN STYLE E.G. CLEAN, GRUNGE, MINIMAL WWW.PINTREST.COM
  • 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?
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 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