Tricks for Designing (or Redesigning) a non-profit Website

Brandy Willms
Published on May 14, 2018

Tricks for Designing (or Redesigning) a non-profit Website


Did your organization need a website? Is there a website could badly in search of an overhaul? Depending on the size and needs of the organization, you will need professional help, or you may be able to style the site under one building. This article will assist you to understand the main steps that go into the web site design process and what sort of resources you’ll need for each and every step.

If the organization is normally building a fresh website from the beginning – or perhaps updating a preexisting one – you may need to depend on professional help with regards to design and implementation. The below guidelines may help you plan and design a refined, functional web page that matches your organization’s needs.

This content focuses on the high-level control and planning decisions you have to make when you design or re-design your web site. We’ll discuss some of the significant phases of the design job, some of the lingo and jargon you’ll come across, and the tools and skill sets you may want.

Steps in the net Design Method If the ideas described underneath seem a bit overwhelming, remember that different projects follow distinctive patterns. If your site is usually small , you can skip a number of the steps beneath or spend a minimal amount of period on them. However , large design and style projects may become overwhelmingly complex and disorderly if you don’t approach carefully.

1 . Preliminary discussions: Start by talking to colleagues, panel members, consumers, and other stakeholders about the intended crowd and wanted outcomes. These are high-level concerns, but it is critical to raise these people early at the same time:

• Exactly who are you trying to reach with your website, and what behaviours are you aiming to encourage?

• Are you able to maintain boost the website that you simply envisioning together with your current staff and volunteers?

• Will you deal with the job internally or hire an online design company?

• How much money are you experiencing for this project? Can you get a grant for that layout (or redesign)?

• Are you going to use a content management system (CMS) or maybe a static, HTML-based website?

• Will you number the website yourself or make use of a web webhost?

• How will the people in your target market find the new site?

• Collect all the analytical and record information you could have about your current website. This data will allow you to measure the success (or lack thereof) of the new web page. In other words, how does the targeted traffic on the fresh site beat the visitors on the outdated site?

The outcome of them initial meetings is a job plan and/or a request proposals (RFP). A project plan usually carries a high-level information of the job, a timeline, a budget, an outline of gifts and benefits, and a definition of the roles and assignments.

2 . Put together your crew or work with a web style firm: At this point, send the RFP into a handful of web site design companies. Check with to see samples of their earlier work, look for references, and meet with the very best candidates face-to-face if possible. Keep in mind that a response with an RFP isn’t a binding contract. Once you’ve picked a company, help with them to draft a Statement of (SOW). This is certainly a formal, agreed upon agreement that outlines the expectations and deliverables on both sides, along with price and payment information.

3. Products on hand existing articles and plan for new content: Assign someone to look through ezines, file servers, brochures, listserv postings, and marketing materials with respect to content you can repurpose. If you have an existing internet site, assign anyone to review and categorize this great article, looking especially for pages which might be outdated, inaccurate, or imperfect. Even if you currently have a lot of existing articles, the introduction of a fresh or re-designed website presents a good chance to evaluate the quality of your exterior communications.

4. Collect requirements: Though you should have several idea by now of your general goal, when you have a workforce in place, you should hold an additional round of meetings and conversations. If you hired a web design organization, it should facilitate these discussions and ask specific departments and stakeholders what each you hopes to accomplish with the new site, and what features they want to focus on.

You should also deliver your very own examples to the table. Try to be specific of what you like and dislike about the experiences you’re critiquing. If you have a preexisting logo, a current color palette, or perhaps organizational design guidelines, converse those plainly to your web team. Inform them your overall design and style and conversation philosophy, in case you have one.

some. Create design and style documents: Here, the web style team generally creates a lot of prototypes and mockups to give stakeholders a thing concrete and specific that they can respond to. As stated previously, is actually cheaper to modify your site during the initial style phase than during the implementation phase. Nevertheless , it’s not really free. Requesting your team to provide five sets of design files for you to choose from, each using a different design and layout, is definitely expensive and time-consuming. Requesting them to revise their styles endlessly is also expensive.

Very good web design businesses take this stage of the process very very seriously, as should you. They often use a formal presentation to unveil the design records and express their decisions. To avoid dilemma and uncertainty later on, each of the major stakeholders should indication off and indicate their particular approval ahead of implementation commences.

6. Execution and expansion: After people have a chance to analyze the design docs and indication off to them, your web developers start to produce the website. According to size of your web site, this will consider anywhere from several weeks to several weeks.

During this level, you have to achieve a balance between a lot of oversight and too little. You can ask for periodic reviews and usability tests, but too much meddling should prolong the procedure and increase the cost.

Internet site development occurs on a screening server that resembles the live production server as far as possible. At this stage, you shouldn’t make any changes to your live site.

7. Assessment: With any new or redesigned webpage, you will encounter challenges. Your site could have bugs, busted links, and features that don’t are advertised. A few features of this website will mistake your target audience. According to size of your websites, you should plan on testing any where from a few days and nights to a few several weeks. There are several diagnostic tests methodologies, almost all of which are over the opportunity of this article, but we’ll identify a few of the better-known techniques. Quality assurance (QA) screening: QA identifies the basic study of functionality. Will the site appear and respond the way you expect it to in all the major web browsers utilized by your target audience? Be sure you examine surprising behaviors along with expected kinds. For example , a site often functions fine until someone types letters to a field suitable for numbers just.

Usability examining: Usability exams get you as close as possible to the real connection with an end consumer. You or someone on your web design crew observes the finale user as he or your sweetheart attempts to accomplish a list of responsibilities. The user through this situation must be relatively unfamiliar with the site.

Vulnerability screening: Websites certainly are a popular focus on for infections, hackers, and other malicious Internet dwellers. A vulnerability evaluating tool will certainly probe your blog and survey back about any slots or disadvantages it unearths.

Stress testing: Should you expect numerous visitors to your site, there are tools available that reproduce heavy targeted traffic.

main. Launch: Following everyone has authorized the site and it’s been thouroughly tested, you’re willing to transfer that from the workplace set ups server to your production machine. Back up the existing web page so you can move back if possible. As you aren’t migrating content material and releasing new features, keep in contact your matters and let all of them know what to anticipate. Finally, post your WEB ADDRESS to all the search engines and so they find out it’s a chance to index or perhaps re-index your webblog.

9. Regular maintenance, outreach, and development: Throughout the organizing and setup process, determine what most likely committing to. Just how much staff time will it choose to adopt keep the content material fresh and troubleshoot complications on the site?

Interested in more helpful real estate tips?
Read our newest blog post!

Contact Us!