<img src="//bat.bing.com/action/0?ti=5065582&amp;Ver=2" height="0" width="0" style="display:none; visibility: hidden;">
Jessica Teal 11 min read

Five Tips to Strengthen the Design of your Nonprofit's Website

Is your nonprofit ready for a website redesign?  Are you the one charged with making sure the organization “gets it right this time?”  Before you ask a web designer to produce that first round of homepage comps, you will need to take some initial steps to set yourself up for success.  Follow these tips to get started.

1. Establish a style guide and stick to it.
 If your organization doesn't already have a style guide, invest in the time to create one.  The style guide can be simple and contain basic information on logo use, color palette, fonts, and style of imagery.  This style guide should be used when creating all of your promotional materials – web, video, and print.  By using this style guide steadfastly and consistently, you will strengthen your organization's brand by enforcing the look and feel across all media channels.  It shouldn't matter if an individual is looking at your brochure or your website – the visual message should be the same.

2. Prioritize your website goals. 
Before starting the design process, it is important to not only list the goals of your website, but prioritize them.  This prioritized list will guide the design by establishing a hierarchy of information. When deciding what goal should take the top spot on your website list, ask yourself, “If I could only deliver ONE message to users, what would it be?” The goal that best supports the answer to that question should be ranked #1 and be the visual focus of your homepage.  Other goals should take second and third seats.  After all, if every element is given equal visual prominence, your user won't know what to focus on, your message will get lost, and you won't achieve your goals.  Also, make sure that one of your top five goals is to introduce first-time visitors to your organization.  You can't expect new users to know what your organization is about upon their first visit to your website. Telling users who you are and what you do will establish an initial baseline of trust.

3. Just say “no” to design-by-committee. 
Too often, organizations fall to the pressures of allowing anyone and everyone to participate in the design process. As a result, the design becomes more about compromising participants' opinions than about creating the most effective solution (Examples: “I really think we should highlight what my department is doing on the homepage,” “Maybe we could color-code these sections,” “Let's include this photo of our director in the main feature area”). This is not to say that design shouldn't be a collaborative process – it should – but, ideally there should only be one final decision-maker.  This decision-maker should have a deep understanding of the site goals and brand so they can collect feedback from stakeholders and determine what ideas best support the site goals and brand.  For example, the idea to include the “photo of our director in the main feature area” might be a great idea – it might be a high quality photo that shows the director in action.  But, is it helping the organization achieve one of the site goals?  Is it consistent with the visual brand of the website?  Maybe not.  The decision-maker must evaluate this to make the proper determination.  If your organization works with web consultants they can also make recommendations from a strategic, design, usability, functionality, and execution perspective.

4. Present problems, not solutions.
When working with your designer to draft the requirements for the initial design comps, present problems you hope to resolve (or concerns you hope to address), rather than solutions.  For example, rather than presenting your designer with a solution such as, “We need to have a slideshow of all the logos of grassroots organizations and government officials that support us,” present them with a problem such as, “We want to show that our issue is supported by a wide-range of grassroots organizations and government officials.” A slideshow might not be the most effective solution to emphasize the fact that your organization is well-supported.  Your designer can help you figure that out.  This is not to discourage you from conducting your own research on user interfaces and design techniques used by other websites.  In fact, this exploration is encouraged and can help you communicate your preferences to the designer.  However, be prepared to explain WHY you like something.  If you like the green used in a partner organization's website, try to assess why you like it.  Is it because it feels “fresh” or are you drawn to it because it offers a nice contrast from the dark brown background?  It may be that there are other ways to accomplish that “freshness and contrast” that does not necessarily use that specific shade of green and that aligns more closely with your branding guidelines and your site goals.  In the end, you'll have an original, customized design that is more than a just a patchwork of your favorite elements from other sites.

5. Understand that design requires ongoing maintenance. 
Frequently clients tell me, “We want our website to be as effective design-wise as Obama's campaign website.” Having served as the campaign's design manager, I can tell you that the reason the design was effective was because we had a team of 12 super-talented in-house designers and developers creating and improving upon the site daily (and nightly!).  The website was a living and breathing document that required things like new feature images for every major initiative -- and those images were custom-created to match the look and feel of the website.  Naturally, many nonprofits do not have the luxury of having a large in-house team focused on design every day.  In fact, most often there are no in-house design resources.  If you are working with a professional firm or designer to create your website, you will need to prepare for ongoing design maintenance.  This might mean hiring a contract designer or signing a maintenance contract with a web design firm.  If you don't have the budget for design maintenance post-launch, make sure that you communicate this during the design process.  That way, the designer can create a design that errs on the side of minimal design maintenance.  Yes, the more “designed” feature images might look better and serve your brand more effectively, but if your organization can not maintain that style, the look and feel of your site will only be as good as the day it was launched.

*This article was written by Jessica Teal, the Creative Director at Fission Strategy.  Prior to joining the Fission team, Jessica served as Design Manager for the Obama presidential campaign.

You should follow Frogloop on Twitter here

 

COMMENTS