This document outlines an interactive workshop on best practices for nonprofit websites. The workshop will teach attendees how to analyze websites and identify opportunities for improvement. It will cover 10 best practices for effective nonprofit websites: resonating with audiences, having a focused homepage, sharing your mission clearly, using compelling imagery, ensuring easy navigation, including clear calls to action, showcasing stewardship, keeping content fresh, being social, and providing a personal touch through multimedia. Attendees will learn about each practice, discuss examples, and assess their own websites to identify areas for improvement.
Top Ten Elements Your School's Website Should Employguidecreative
The document outlines 10 best practices for school websites: 1) Resonate with audiences by understanding their needs and speaking their language. 2) Have a focused homepage that prioritizes key content. 3) Clearly share the school's mission and story visually. 4) Use compelling imagery that engages users and shows the school's impact. 5) Ensure easy navigation that is intuitive. 6) Include clear calls to action. 7) Showcase stewardship of donor funds and their impact. 8) Keep content fresh. 9) Be social and integrate social media. 10) Provide an interactive experience through multimedia.
The document outlines 10 best practices for school websites: 1) Resonate with target audiences, 2) Have a focused homepage, 3) Clearly share the school's mission, 4) Use compelling imagery, 5) Ensure easy navigation, 6) Include clear calls to action, 7) Showcase stewardship of donations, 8) Keep content fresh, 9) Engage users through social media, and 10) Provide an interactive experience through multimedia. The practices are designed to mobilize audiences and prioritize user needs through strategic content, design, and functionality.
The Top Ten Elements Your Noprofit's Strategic Website Should Haveguidecreative
@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.
The Top Ten Elements Every School's Website Should Haveguidecreative
The document outlines 10 best practices for school websites: 1) Resonate with target audiences by understanding their needs and speaking in their language. 2) Have a focused homepage that passes the 3-second test. 3) Clearly share the school's mission and story through text, visuals, and making it actionable. 4) Engage users with compelling imagery that matches the brand and shows impact. 5) Ensure intuitive navigation that requires two clicks or less. 6) Include clear, bold calls to action that remove obstacles to desired actions. 7) Showcase stewardship through impact statistics, transparency, and appreciation. 8) Keep content fresh with automatic feeds, dates, and user-generated material. 9) Be social by making
The school’s guide to modern design trends corwin bermudezBlackbaud
This document discusses modern design trends for websites. It notes that modern trends are built for responsive design and create the best user experience across all screen sizes. Responsive, clean designs are viewed more favorably by search engines and have faster conversions on mobile. Modern trends emphasize simplicity, organization, and maximizing usability. They also allow for customization to convey an organization's unique identity. The document advises keeping designs updated and engaging to stay relevant and attract visitors. It provides examples of modern design techniques like large design elements, long scrolling sites, minimalism, photography, and storytelling layouts.
Kill The Noise - Prioritizing Content for Strategic Nonprofit Websitesguidecreative
@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.
Social media and community building helps people get discovered. Learn how Big Hollywood's Christian Toto found success through community and social media. And, I share advice on how to find your way in online community building.
Top Ten Elements Your School's Website Should Employguidecreative
The document outlines 10 best practices for school websites: 1) Resonate with audiences by understanding their needs and speaking their language. 2) Have a focused homepage that prioritizes key content. 3) Clearly share the school's mission and story visually. 4) Use compelling imagery that engages users and shows the school's impact. 5) Ensure easy navigation that is intuitive. 6) Include clear calls to action. 7) Showcase stewardship of donor funds and their impact. 8) Keep content fresh. 9) Be social and integrate social media. 10) Provide an interactive experience through multimedia.
The document outlines 10 best practices for school websites: 1) Resonate with target audiences, 2) Have a focused homepage, 3) Clearly share the school's mission, 4) Use compelling imagery, 5) Ensure easy navigation, 6) Include clear calls to action, 7) Showcase stewardship of donations, 8) Keep content fresh, 9) Engage users through social media, and 10) Provide an interactive experience through multimedia. The practices are designed to mobilize audiences and prioritize user needs through strategic content, design, and functionality.
The Top Ten Elements Your Noprofit's Strategic Website Should Haveguidecreative
@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.
The Top Ten Elements Every School's Website Should Haveguidecreative
The document outlines 10 best practices for school websites: 1) Resonate with target audiences by understanding their needs and speaking in their language. 2) Have a focused homepage that passes the 3-second test. 3) Clearly share the school's mission and story through text, visuals, and making it actionable. 4) Engage users with compelling imagery that matches the brand and shows impact. 5) Ensure intuitive navigation that requires two clicks or less. 6) Include clear, bold calls to action that remove obstacles to desired actions. 7) Showcase stewardship through impact statistics, transparency, and appreciation. 8) Keep content fresh with automatic feeds, dates, and user-generated material. 9) Be social by making
The school’s guide to modern design trends corwin bermudezBlackbaud
This document discusses modern design trends for websites. It notes that modern trends are built for responsive design and create the best user experience across all screen sizes. Responsive, clean designs are viewed more favorably by search engines and have faster conversions on mobile. Modern trends emphasize simplicity, organization, and maximizing usability. They also allow for customization to convey an organization's unique identity. The document advises keeping designs updated and engaging to stay relevant and attract visitors. It provides examples of modern design techniques like large design elements, long scrolling sites, minimalism, photography, and storytelling layouts.
Kill The Noise - Prioritizing Content for Strategic Nonprofit Websitesguidecreative
@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.
Social media and community building helps people get discovered. Learn how Big Hollywood's Christian Toto found success through community and social media. And, I share advice on how to find your way in online community building.
This document provides an overview of strategic web design services. It discusses analyzing the target audience and current site usage through Google Analytics. Wireframes and usability testing ensure the design meets audience needs. The process then involves designing the site, measuring performance, and ongoing optimization. Key Google Analytics reports and metrics are outlined to track things like traffic sources, top pages, keywords, and changes over time. Search engine optimization tactics like on-page optimization and content marketing are also addressed.
This document discusses the importance of strategic web design that engages the target audience. It recommends determining audience segments and designing content and navigation to drive users to relevant areas. Wireframes help prioritize content and the visual identity should support the brand. Effective design adds compelling imagery that connects through eye contact and shows real stories impacted by the work. Gathering inspiration and revisiting branding guides ensures the design matches the brand voice and style. Checking the success and staying focused on the brand promise and mission are important next steps.
This document discusses Guide Creative's services for designing websites to promote action and engagement. It summarizes their approach of designing for missions, audiences, impact, and user experience. Services include branding, visual design, website development, and mobile/social strategies. Case studies provide examples of how their design process solved clients' challenges to engage target audiences and reach goals through tailored creative solutions. Results showed increases in fundraising, traffic, and user engagement for nonprofit clients.
The document provides guidance on socializing a nonprofit through establishing goals, choosing social media platforms, creating policies, identifying target audiences, developing engaging content, monitoring discussions, and measuring results. It emphasizes determining goals and strategy, prioritizing efforts, and allocating staff. Specific tips are offered for creating effective posts and monitoring social networks to better understand audiences and discussions. Measurement of social media is also highlighted as important for tracking performance.
The document discusses the importance of visual strategy in website design. It recommends analyzing the audience, prioritizing key user tasks, creating wireframes to establish a visual hierarchy, developing an audience-centric navigation through card sorting techniques, analyzing existing content, and defining a content strategy before beginning visual design work. The goal is to ensure the design is based on a solid strategic foundation that places audience needs at the forefront.
@morganschnee and @skawhomp discuss mobile options for nonprofits and help you decide which approach is right for your organization @keljar @guidecreative
Getting Your Priorities Straight: A Guide to Successful Information Architect...Misty McLaughlin
Not-for-profit organizations often struggle for resources to focus on how engaging their web presence is for supporters. This guide aims to answer what information architecture is, why it matters, what makes good IA, what makes good IA in a nonprofit context, and how organizations can transform their web presence by focusing on IA.
Create A Solid Strategy For Your Website (Higher Ed)Aga Siuda
Strategic design can have a real impact on your school. Discover how a solid web design can create opportunities to acquire new applicants and to engage with your current students, parents, and alumni. Let us show you how Blackbaud’s design services team can transform your vision into a reality.
Social Media & Inbound Marketing for B2B Companies with Long & Complex Sales ...etplastics
E-Commerce Manger Pam Aungst gave a presentation on January 19, 2012 to the Society of Plastics Engineers, detailing how B2B companies with long and complex sales cycles can use inbound marketing and social media to build leads.
WordPress for NonProfits: Top Ten Elements Every Website Should Haveguidecreative
The document discusses best practices for nonprofit websites. It recommends that nonprofit websites should resonate with audiences, have a focused homepage, clearly share the organization's mission, use compelling imagery, ensure easy navigation, include clear calls to action, showcase how donations are used, keep content fresh, engage users on social media, and provide an interactive experience through multimedia. It also provides examples of nonprofit WordPress themes that can help organizations implement these best practices.
This presentation covered basics of interaction design and strategy. It began with an introduction to the speaker and his clients. The presentation then reviewed key UX principles like scent of information, progressive disclosure, information clustering and hierarchy. It discussed grids, projects, user journeys, responsive design, and included exercises for teams to design a responsive homepage and mobile app. The goal was for attendees to learn UX principles, responsive design, and practice designing through team exercises.
The document discusses the emergence and prevalence of social sharing buttons on websites, known as "share widgets". It provides statistics on the widespread use of like and share buttons on Facebook, Twitter, and other social networks. The document also covers the business benefits of share widgets, such as increased customer engagement, sales, and access to user data. Potential future applications and some concerns about overuse of sharing options are presented as well.
In the presentation I point out how the ability of visual communication to express core customer and brand messages across multiple forms of media has not changed much. However, shifts from locomotion to services, from pages to rich interactions, from sites to content experiences, and from content creation by webmasters to everyone online have introduced unique opportunities and constraints that the presentation layer of Web applications needs to account for.
Basics of Interaction Design & Strategy - 6/12/15Robert Stribley
The document provides an overview of an upcoming workshop on basics of interaction design and strategy. It includes an agenda for the workshop that covers topics like UX principles, grids, user journeys, responsive design, and team exercises to design a responsive homepage and mobile app. It also lists client examples for the speaker and provides learning goals and guidelines for a project to design experiences for the Museum of Modern Art that utilize both a responsive website and mobile app.
The document summarizes a 3-day conference on the future of web design with various speakers and topics. Day 1 focused on running a successful web design business. Other talks discussed typography for web vs print, the future of content management systems, creating wonderful web app UX drawing from Disney principles, the UX of HTML5 input types, and designing for the rise of social networks and devices. Highlights included comments on allowing ideas to incubate, using Adobe Shadow for responsive design testing, gestures being standard shortcuts for touch, failing being part of success, and working smart.
This document provides an overview of strategic web design services. It discusses analyzing the target audience and current site usage through Google Analytics. Wireframes and usability testing ensure the design meets audience needs. The process then involves designing the site, measuring performance, and ongoing optimization. Key Google Analytics reports and metrics are outlined to track things like traffic sources, top pages, keywords, and changes over time. Search engine optimization tactics like on-page optimization and content marketing are also addressed.
This document discusses the importance of strategic web design that engages the target audience. It recommends determining audience segments and designing content and navigation to drive users to relevant areas. Wireframes help prioritize content and the visual identity should support the brand. Effective design adds compelling imagery that connects through eye contact and shows real stories impacted by the work. Gathering inspiration and revisiting branding guides ensures the design matches the brand voice and style. Checking the success and staying focused on the brand promise and mission are important next steps.
This document discusses Guide Creative's services for designing websites to promote action and engagement. It summarizes their approach of designing for missions, audiences, impact, and user experience. Services include branding, visual design, website development, and mobile/social strategies. Case studies provide examples of how their design process solved clients' challenges to engage target audiences and reach goals through tailored creative solutions. Results showed increases in fundraising, traffic, and user engagement for nonprofit clients.
The document provides guidance on socializing a nonprofit through establishing goals, choosing social media platforms, creating policies, identifying target audiences, developing engaging content, monitoring discussions, and measuring results. It emphasizes determining goals and strategy, prioritizing efforts, and allocating staff. Specific tips are offered for creating effective posts and monitoring social networks to better understand audiences and discussions. Measurement of social media is also highlighted as important for tracking performance.
The document discusses the importance of visual strategy in website design. It recommends analyzing the audience, prioritizing key user tasks, creating wireframes to establish a visual hierarchy, developing an audience-centric navigation through card sorting techniques, analyzing existing content, and defining a content strategy before beginning visual design work. The goal is to ensure the design is based on a solid strategic foundation that places audience needs at the forefront.
@morganschnee and @skawhomp discuss mobile options for nonprofits and help you decide which approach is right for your organization @keljar @guidecreative
Getting Your Priorities Straight: A Guide to Successful Information Architect...Misty McLaughlin
Not-for-profit organizations often struggle for resources to focus on how engaging their web presence is for supporters. This guide aims to answer what information architecture is, why it matters, what makes good IA, what makes good IA in a nonprofit context, and how organizations can transform their web presence by focusing on IA.
Create A Solid Strategy For Your Website (Higher Ed)Aga Siuda
Strategic design can have a real impact on your school. Discover how a solid web design can create opportunities to acquire new applicants and to engage with your current students, parents, and alumni. Let us show you how Blackbaud’s design services team can transform your vision into a reality.
Social Media & Inbound Marketing for B2B Companies with Long & Complex Sales ...etplastics
E-Commerce Manger Pam Aungst gave a presentation on January 19, 2012 to the Society of Plastics Engineers, detailing how B2B companies with long and complex sales cycles can use inbound marketing and social media to build leads.
WordPress for NonProfits: Top Ten Elements Every Website Should Haveguidecreative
The document discusses best practices for nonprofit websites. It recommends that nonprofit websites should resonate with audiences, have a focused homepage, clearly share the organization's mission, use compelling imagery, ensure easy navigation, include clear calls to action, showcase how donations are used, keep content fresh, engage users on social media, and provide an interactive experience through multimedia. It also provides examples of nonprofit WordPress themes that can help organizations implement these best practices.
This presentation covered basics of interaction design and strategy. It began with an introduction to the speaker and his clients. The presentation then reviewed key UX principles like scent of information, progressive disclosure, information clustering and hierarchy. It discussed grids, projects, user journeys, responsive design, and included exercises for teams to design a responsive homepage and mobile app. The goal was for attendees to learn UX principles, responsive design, and practice designing through team exercises.
The document discusses the emergence and prevalence of social sharing buttons on websites, known as "share widgets". It provides statistics on the widespread use of like and share buttons on Facebook, Twitter, and other social networks. The document also covers the business benefits of share widgets, such as increased customer engagement, sales, and access to user data. Potential future applications and some concerns about overuse of sharing options are presented as well.
In the presentation I point out how the ability of visual communication to express core customer and brand messages across multiple forms of media has not changed much. However, shifts from locomotion to services, from pages to rich interactions, from sites to content experiences, and from content creation by webmasters to everyone online have introduced unique opportunities and constraints that the presentation layer of Web applications needs to account for.
Basics of Interaction Design & Strategy - 6/12/15Robert Stribley
The document provides an overview of an upcoming workshop on basics of interaction design and strategy. It includes an agenda for the workshop that covers topics like UX principles, grids, user journeys, responsive design, and team exercises to design a responsive homepage and mobile app. It also lists client examples for the speaker and provides learning goals and guidelines for a project to design experiences for the Museum of Modern Art that utilize both a responsive website and mobile app.
The document summarizes a 3-day conference on the future of web design with various speakers and topics. Day 1 focused on running a successful web design business. Other talks discussed typography for web vs print, the future of content management systems, creating wonderful web app UX drawing from Disney principles, the UX of HTML5 input types, and designing for the rise of social networks and devices. Highlights included comments on allowing ideas to incubate, using Adobe Shadow for responsive design testing, gestures being standard shortcuts for touch, failing being part of success, and working smart.
The document discusses tactics for social networking success. It defines social media as tools that enhance information sharing, including text, photos, audio and video. Social media helps businesses increase website traffic, build their brand, and improve customer service and marketing. While a Facebook page is common, companies need an expanded social media strategy across multiple platforms. Social media allows businesses to tell their story and create valuable content to earn attention. Critical success factors include committing resources, generating engaging content, connecting to build relationships, and measuring results.
The document discusses differences between print and web design. Print design has fixed dimensions while web design is variable based on screen size and browser. Web design must be flexible, interactive, and accommodate different content amounts. It also summarizes trends in web design like one page sites, animation, responsive design, and web fonts. Mobile website advantages include broad reach and easy updating, while apps are better for interactivity and offline use.
Basics of Interaction Design & Strategy - 4/9/16Robert Stribley
The document provides an overview of a workshop on basics of interaction design and strategy held at the School of Visual Arts. It includes details about the speaker's background and clients, goals and agenda for the workshop, and principles that will be covered including scent of information, progressive disclosure, information clustering and hierarchy, removing paths not taken, the tyranny of consistency, death of the homepage, knowing your audience, grids, and responsive design. The group will work on a project to design a responsive website and mobile app experience for the Museum of Modern Art that utilizes user journeys and personas.
Design your website with your mission in mindMichael Beahm
The document discusses upgrading a nonprofit's website to WordPress using Guide Creative. It highlights key benefits like ease of use, stability, and customizability. Guide Creative's strategic design process focuses on the audience and mission. They recommend best practices like clear navigation, compelling imagery, and calls to action. Ongoing services help nonprofits keep their sites updated and optimized.
Building a social business – combining external and internal social mediaZipipop Freud
This document discusses how to build internal social collaboration capabilities within an organization. It suggests that as external social media like Facebook and Twitter have grown, internal collaboration tools need to evolve as well to facilitate sharing, discussing, and interacting around content within organizations. The document outlines challenges with traditional email and proposes using social collaboration platforms that integrate with daily workflows. It provides examples of how organizations like Skanska and OSKE have successfully implemented internal social tools to improve communication, knowledge sharing, and business outcomes.
Building the Instructional Designer's Relevance in 2012Aaron Silvers
This document discusses how to stay relevant in organizational learning and development. It recommends:
1) Understanding trends outside of L&D, like user experience and performance improvement, to establish how L&D adds value.
2) Serving the people in your organization by understanding their perspectives and needs.
3) Embracing social business models where information is shared transparently across boundaries to connect people.
4) Disrupting yourself before other changes disrupt you, such as by taking on new perspectives, improving knowledge transfer, and embracing complexity over simplification.
iFactory and Infomous teamed up to deliver this virtual workshop as part of the FutureM Conference in Boston.
---
In a digital landscape that evolves every moment, it is crucial to communicate information clearly and effectively through visual design. We'll take a look at brand modules, infographics and interface innovations and showcase how (and how not!) to combine compelling content with smart and visually appealing design.
Presenters were Alen Yen, iFactory President/Creative Director; Jeremy Perkins, iFactory Art Director; and Paolo Gaudiano, Icosystem President and Chief Technology Officer.
www.ifactory.com
www.infomous.com
Visual Style and Aesthetics: Basics of Visual Design
Visual Design for Enterprise Applications
Range of Visual Styles.
Mobile Interfaces:
Challenges and Opportunities of Mobile Design
Approach to Mobile Design
Patterns
Storytelling For The Web: Integrate Storytelling in your Design ProcessChiara Aliotta
In this slides I explain how I have used storytelling techniques to elevate websites and brands and create memorable user experiences. You can discover practical tips as I showcase the elements of good storytelling and its applied to some examples of diverse brands/projects..
Connect Conference 2022: Passive House - Economic and Environmental Solution...TE Studio
Passive House: The Economic and Environmental Solution for Sustainable Real Estate. Lecture by Tim Eian of TE Studio Passive House Design in November 2022 in Minneapolis.
- The Built Environment
- Let's imagine the perfect building
- The Passive House standard
- Why Passive House targets
- Clean Energy Plans?!
- How does Passive House compare and fit in?
- The business case for Passive House real estate
- Tools to quantify the value of Passive House
- What can I do?
- Resources
Decormart Studio is widely recognized as one of the best interior designers in Bangalore, known for their exceptional design expertise and ability to create stunning, functional spaces. With a strong focus on client preferences and timely project delivery, Decormart Studio has built a solid reputation for their innovative and personalized approach to interior design.
Architectural and constructions management experience since 2003 including 18 years located in UAE.
Coordinate and oversee all technical activities relating to architectural and construction projects,
including directing the design team, reviewing drafts and computer models, and approving design
changes.
Organize and typically develop, and review building plans, ensuring that a project meets all safety and
environmental standards.
Prepare feasibility studies, construction contracts, and tender documents with specifications and
tender analyses.
Consulting with clients, work on formulating equipment and labor cost estimates, ensuring a project
meets environmental, safety, structural, zoning, and aesthetic standards.
Monitoring the progress of a project to assess whether or not it is in compliance with building plans
and project deadlines.
Attention to detail, exceptional time management, and strong problem-solving and communication
skills are required for this role.
ARENA - Young adults in the workplace (Knight Moves).pdfKnight Moves
Presentations of Bavo Raeymaekers (Project lead youth unemployment at the City of Antwerp), Suzan Martens (Service designer at Knight Moves) and Adriaan De Keersmaeker (Community manager at Talk to C)
during the 'Arena • Young adults in the workplace' conference hosted by Knight Moves.
International Upcycling Research Network advisory board meeting 4Kyungeun Sung
Slides used for the International Upcycling Research Network advisory board 4 (last one). The project is based at De Montfort University in Leicester, UK, and funded by the Arts and Humanities Research Council.
Explore the essential graphic design tools and software that can elevate your creative projects. Discover industry favorites and innovative solutions for stunning design results.
Fonts play a crucial role in both User Interface (UI) and User Experience (UX) design. They affect readability, accessibility, aesthetics, and overall user perception.
Practical eLearning Makeovers for EveryoneBianca Woods
Welcome to Practical eLearning Makeovers for Everyone. In this presentation, we’ll take a look at a bunch of easy-to-use visual design tips and tricks. And we’ll do this by using them to spruce up some eLearning screens that are in dire need of a new look.
PDF SubmissionDigital Marketing Institute in NoidaPoojaSaini954651
https://www.safalta.com/online-digital-marketing/advance-digital-marketing-training-in-noidaTop Digital Marketing Institute in Noida: Boost Your Career Fast
[3:29 am, 30/05/2024] +91 83818 43552: Safalta Digital Marketing Institute in Noida also provides advanced classes for individuals seeking to develop their expertise and skills in this field. These classes, led by industry experts with vast experience, focus on specific aspects of digital marketing such as advanced SEO strategies, sophisticated content creation techniques, and data-driven analytics.
1. Interactive Workshop: A Bag Of Tricks for
Your Nonprofit Website
PRESENTED BY:
KELLEY JARRETT, MARKET MANAGER – GUIDE CREATIVE (@KELJAR)
JONO YOUNG, DESIGN PRINCIPAL – INTERACTIVE (@CHSWEB)
10/26/2012 1
3. WELCOME!
Meet Jono
Meet Kelley
Meet Our Esteemed Facilitators/Panel
Who do we have out there with us today?
What Goes Into a Successful Website?
Name one mistake you’ve seen an
organization make on their website?
10/26/2012 3
4. WE’RE HERE TODAY TO…
• Review key elements that make nonprofit websites more
effective
• Learn how to analyze a website and recognize these elements
• Be able to identify opportunities for improvement
• Empower you to assess your own site and make changes
Your Website is an
EVOLUTION
10/26/2012 4
5. HERE’S THE PLAN
• Learn
• Discuss
• Assess
• Present
• Ask
10/26/2012 5
7. TEN BEST PRACTICES
1. Resonate with Your Audiences
2. Have a Focused Homepage
3. Share Your Mission
4. Use Compelling Imagery
5. Ensure Ease in Navigation
6. Include Clear, Bold Calls to Action
7. Showcase Your Stewardship
8. Keep Your Content Fresh
9. Be Social
10. Provide a Personal Touch Through Multimedia
10/26/2012 7
8. RESONATE WITH YOUR AUDIENCE
“Your website does not exist as a boutique
just to show off information about your
organization. Instead, it’s actually a tool
to mobilize your audience...”
- Raheel Gauba
“Design for Good: 4 (More) Nonprofit Design Principles” Netwits Think Tank, 10
10/26/2012 8
9. RESONATE WITH YOUR AUDIENCES
Focus on your audience needs
- Who are your audience groups and who is most important?
- What do they care about – need, goals and aspirations?
- How do they interact with you on and off your website?
10/26/2012 9
10. RESONATE WITH YOUR AUDIENCES
Speak the right language
- Choose a key message and use it
consistently
- Listen for feedback on what’s working
and what’s not through social media,
blogs and surveys
- Avoid jargon, too little or too much
content
- Test!
10/26/2012 10
11. RESONATE WITH YOUR AUDIENCES
Meet users where they are
- In less than three years mobile will be the #1 way your
audience will access your website … Are you ready?
10/26/2012 11
12. HAVE A FOCUSED HOMEPAGE
“The Web is a world of first impressions,
and quick ones at that. Users form an
opinion of a website within the first few
seconds of loading it.”
- Jason Gross
“The Role of Design in The Kingdome of Content, www.smashingmagazine.com
10/26/2012 12
13. HAVE A FOCUSED HOMEPAGE
Prioritize Content
- Wireframes are key for visual hierarchy
- Remember YOUR goals
- Remember your AUDIENCE’S goals
10/26/2012 13
14. HAVE A FOCUSED HOMEPAGE
Pass the 3-second test
- Is your homepage scannable, understandable, intuitive
in 3 seconds?
10/26/2012 14
15. SHARE YOUR MISSION
“Design your website around your non-
profit’s actions and purpose. Make the
mission statement clear as day.”
- Blake McCreary
“Non-Profit Web Design.”
10/26/2012 15
16. SHARE YOUR MISSION
Show your story … visually
- Every image, every link, every element should tell your
mission’s story.
10/26/2012 16
17. SHARE YOUR MISSION
Tell your story clearly & succinctly and make it actionable
- Visual interpretation can mean many things – infographics,
typography, links, video, imagery, photography
10/26/2012 17
18. USE COMPELLING AND ENGAGING IMAGERY
“Regardless of what your content actually
says, the design around it controls what the
users see first and how their eyes move
across the sections of the page.”
- Jason Gross
“The Role of Design in The Kingdome of Content, www.smashingmagazine.com
10/26/2012 18
19. USE COMPELLING AND ENGAGEMENT IMAGRY
Engage with eye contact … Make a personal connection
- Connect, speak and engage with a personal connection
- Eye contact makes it feel as real as it is
10/26/2012 19
21. USE COMPELLING IMAGERY
Match Imagery with your brand, mood and voice
- Does quality, composition and candor of your imagery jive
with your user experience?
10/26/2012 21
22. ENSURE EASE IN NAVIGATION
“User-centric design has become a
standard approach for successful and web
design. After all, if users can’t use a
feature, it might as well not exist.”
- Vitaly Friedman
“10 Principles of Effective Web Design”, www.smashingmagazine.com
10/26/2012 22
23. ENSURE EASE IN NAVIGATION
YOUR WEBSITE YOUR AUDIENCE
10/26/2012 23
24. ENSURE EASE IN NAVIGATION
Navigation Systems should be intuitive and precise
- Provide multiple interaction paths
- Ensure context for users who come in through search or links
- Does it take two clicks or less for key tasks?
10/26/2012 24
25. INCLUDE CLEAR, BOLD CALLS-TO-ACTION
“Assuming that you’ve written a brilliantly
persuasive page, it’s still next to worthless
without a strong call to action…”
- Brad Shorr
“Five Copywriting Errors That Can Ruin a Company’s Website,”
10/26/2012 25
26. INCLUDE CLEAR, BOLD CALLS TO ACTION
Remove all obstacles to action from anywhere
- Provide a tangible to an intangible (eg. Please give $10 today
Please give 10 meals to your community today)
10/26/2012 26
27. INCLUDE CLEAR, BOLD CALLS TO ACTION
Calls to action should be clear and compelling
- Never say “click here”
- Say for example “become a habitat volunteer today”
10/26/2012 27
28. SHOW STEWARDSHIP
“Stewardship comes down to being able to
show donors how their dollars were used
and what impact their contributions had…”
- Cynthia Gomez
“What Is Stewardship for a Non-Profit?” www.eHow.com
10/26/2012 28
29. SHOWCASE YOUR STEWARDSHIP
60% of donors visit a nonprofit’s website before making a gift.
- Show the impact (stats, infographics)
- Be transparent (share your annual report)
- Say “Thank you”
10/26/2012 29
30. KEEP CONTENT FRESH
“…You need to remember that the Internet
is a dynamic place, and make sure your
site is constantly changing as well.”
- Randall Mains
“Good Non Profit Website Design Principles #5 of 5,” blog.pathmakermarketing.com May 21, 2009
10/26/2012 30
31. KEEP YOUR CONTENT FRESH
Always have something new to share
- Utilize automatic feeds
- Add dates to content posted to the homepage
Timely
Upcoming
Events
10/26/2012 31
32. KEEP YOUR CONTENT FRESH
Gather user-generated content to delegate and let others
contribute.
10/26/2012 32
33. BE SOCIAL
“Integrating the social experience into your
organization’s web site will help promote
the channel, engage supporters, and
provide a constant source of dynamic
content …”
- Melanie Mathos
& Chad Norman
“101 Social Media Tactics for Nonprofits: A Field Guide.” John Wiley & Sons, Inc.
10/26/2012 33
34. BE SOCIAL
Social media and viral sharing are highly valuable tools in
contributing to web site traffic and brand exposure
- Make it easy to connect, interact and contribute
10/26/2012 34
35. BE SOCIAL
Encourage Viral Sharing
- Action Sharing
- Integrate social activities everywhere
10/26/2012 35
36. PROVIDE A PERSONAL TOUCH THROUGH MULTIMEDIA
“Many of today’s most successful websites
are interactive, meaning they allow people
to participate in the content in some way.
- Randall Mains
Randall Mains, Strategic Web Communication Principle #4: Interactivity” blog.pathmakermarketing.com
10/26/2012 36
37. PROVIDE A PERSONAL TOUCH THROUGH MULTIMEDIA
Allow users to consume information in multiple ways
- Your audiences’ preferences for consuming content varies, just
as their browsing and navigation styles do. Users want to
consume information in various media channels and formats.
10/26/2012 37
38. TEN BEST PRACTICES
1. Resonate with Your Audiences
2. Have a Focused Homepage
3. Share Your Mission
4. Use Compelling Imagery
5. Ensure Ease in Navigation
6. Include Clear, Bold Calls to Action
7. Showcase Your Stewardship
8. Keep Your Content Fresh
9. Be Social
10. Provide a Personal Touch Through Multimedia
10/26/2012 38
40. DISCUSS AND ASSESS: THE RULES
• Work as a Team
• On Your Table Laptop, You’ll Have:
- A website to audit
- The presentation we just reviewed for reference
- A digital “audit” form
• Use Your “Top Ten” Knowledge to Assess the
Provided Site With Your Team
- Expert facilitators can assist with questions
• Answer all questions and submit the form!
10/26/2012 40
41. LET’S LEARN FROM EACHOTHER!
• We’ll have the results on the projector
• Choose a presenter from your table
• In 2 minutes, tell us:
- The site you audited
- The most memorable “top ten” success
- One “top ten” element missed
- One suggestion you’d make for this website (optional)
10/26/2012 41
43. TEN BEST PRACTICES
1. Resonate with Your Audiences
2. Have a Focused Homepage
3. Share Your Mission
4. Use Compelling Imagery
5. Ensure Ease in Navigation
6. Include Clear, Bold Calls to Action
7. Showcase Your Stewardship
8. Keep Your Content Fresh
9. Be Social
10. Provide a Personal Touch Through Multimedia
10/26/2012 43
Include in your words…and in your visuals.Remove obstacles to actionProvide a tangible to an intangiblePlease give $10 todayPlease give 10 meals to your community todayA call to action must be clear and compelling:“Donate Now to save a gorilla“Tell Congress to Stop Child Slavery.”“Learn how your voice makes an impact.”Calls to action are strengthened by:Testimonials: It’s worked;Credibility statements: It’s reliable;Warranty or guarantee: It’s risk-free;High value: It’s worth having;Urgency: It’s now or never.