Approaches for Designing (or Redesigning) a Nonprofit Webpage

Nedra Rutherford
Published on May 14, 2018

Approaches for Designing (or Redesigning) a Nonprofit Webpage


Did your organization need a website? Are there a website absolutely badly in search of an overhaul? Depending on the size and needs of your organization, you will need professional help, or else you may be able to design and style the site in one facility. This article will help you understand the primary steps that go into the web site design process and what sort of assets you’ll need for every step.

When your organization can be building a fresh website from day one – or perhaps updating a preexisting one – you may need to depend on professional help when it comes to design and implementation. The next guidelines can help you plan and design a refined, functional internet site that fits your organization’s needs.

This content focuses on the high-level control and planning decisions you should make when you design or perhaps re-design your site. We’ll go over some of the major phases of an design project, some of the language and jargon you’ll encounter, and the equipment and skill sets you need.

Steps in the net Design Process If the methods described under seem somewhat overwhelming, do not forget that different jobs follow unique patterns. Should your site is certainly small , you are able to skip some of the steps listed below or use a minimal amount of time on them. Nevertheless , large design and style projects can become overwhelmingly intricate and topsy-turvy if you don’t schedule carefully.

1 . Preliminary discussions: Start by discussing with colleagues, board members, clientele, and other stakeholders about the intended market and ideal outcomes. They are high-level inquiries, but you need to raise them early in the process:

• Who are you planning to reach along with your website, and what behaviours are you trying to encourage?

• Can you maintain and update the website most likely envisioning with the current staff and volunteers?

• Will you cope with the task internally or hire a web design organization?

• How much money do you possess for this job? Can you get a grant for that layout (or redesign)?

• Can you use a cms (CMS) or possibly a static, HTML-based website?

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

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

• Gather all the discursive and statistical information you may have about your current website. This kind of data will let you measure the accomplishment (or lack thereof) of the new internet site. In other words, how can the visitors on the new site out-do the targeted traffic on the ancient site?

The outcome of those initial get togethers is a job plan and a request proposals (RFP). A project strategy usually consists of a high-level description of the project, a timeline, a budget, a description of giveaways and consequences, and a definition of the roles and assignments.

2 . Build your team or retain a web design and style firm: At this point, send your RFP to a handful of web development companies. Inquire to see samples of their prior work, request references, and meet with the very best candidates in person if possible. Do not forget that a response with an RFP is not a binding contract. Once you’ve picked out a company, assist them to draft a Statement of Work (SOW). This can be a formal, authorized agreement that outlines the expectations and deliverables in both sides, and also price and payment data.

3. Products on hand existing content and arrange for new articles: Assign someone to look through newssheets, file hosts, brochures, listserv postings, and marketing materials to get content you are able to repurpose. Assuming you have an existing web-site, assign anyone to review and categorize the information, looking specifically pages which can be outdated, incorrect, or unfinished. Even if you have got a lot of existing articles, the introduction of a new or re-designed website gives a good possibility to evaluate the quality of your exterior communications.

4. Collect requirements: Though you should have a lot of idea chances are of your total goal, once you have a team in place, you should hold one more round of meetings and conversations. Should you have hired a web design company, it should aid these talks and ask person departments and stakeholders what each you hopes to accomplish with the fresh site, and what features they want to focus on.

You should also deliver your very own examples to the table. Try to become specific about what you like and dislike about the instances you’re examining. If you have a preexisting logo, a preexisting color palette, or perhaps organizational style guidelines, speak those obviously to your net team. Inform them your overall design and style and connection philosophy, in case you have one.

your five. Create style documents: At that point, the web design and style team usually creates a few prototypes and mockups to provide stakeholders a thing concrete and specific that they can respond to. As i have said previously, it could cheaper to modify your site through the initial style phase than during the setup phase. Nevertheless , it’s not really free. Asking your crew to provide five sets of design docs for you to choose from, each using a different design and layout, can be expensive and time-consuming. Asking them to modify their designs endlessly is usually expensive.

Good web design firms take this stage of the method very significantly, as should you. They often make use of a formal introduction to discover the design papers and show you their decisions. To avoid indecision and uncertainty later on, each of the major stakeholders should signal off and indicate their particular approval ahead of implementation starts.

6. Execution and development: After people have a chance to analysis the design documents and sign off with them, your web developers start to produce the website. Depending on size of your web site, this will have anywhere from several weeks to months.

During this stage, you have to achieve a balance between excessive oversight and too little. Ask for regular reviews and usability medical tests, but a lot of meddling is going to prolong the method and add to the cost.

Site development occurs on a assessment server that resembles the live creation server as much as possible. At this stage, you shouldn’t make any kind of changes to your live site.

7. Evaluating: With any kind of new or redesigned web-site, you will encounter concerns. Your site will have bugs, damaged links, and features that don’t act as advertised. A few features of the internet site will mix up your target audience. With respect to the size of your web site, you should consider testing anywhere from a few times to a few weeks. There are several examining methodologies, most of which are over and above the opportunity of this article, nevertheless we’ll illustrate a few of the better-known techniques. Quality assurance (QA) screening: QA identifies the basic study of functionality. Does the site appear and operate the way you proceed with the expectation that it will in all the key web browsers employed by your target audience? Be sure you examine unexpected behaviors along with expected types. For example , a site often functions fine right up until someone types letters in a field suitable for numbers just.

Usability diagnostic tests: Usability tests get you as close as possible towards the real connection with an end end user. You or perhaps someone on your web design crew observes the finale user as he or the girl attempts to carry out a list of tasks. The user through this situation ought to be relatively not familiar with the site.

Vulnerability testing: Websites are a popular focus on for viruses, hackers, and other malicious Net dwellers. A vulnerability screening tool is going to probe your web blog and record back regarding any slots or disadvantages it reveals.

Pressure testing: When you expect a lot of visitors to your site, you will find tools readily available that imitate heavy targeted traffic.

8. Launch: After everyone has permitted the site and it’s been thoroughly tested, you’re willing to transfer it from the staging server on your production server. Back up your existing web page so you can roll back if required. As if you’re migrating content and relieving new features, stay in touch with your constituents and let all of them know what should be expected. Finally, post your URL to all difficulties search engines consequently they know it’s the perfect time to index or re-index your webblog.

9. Ongoing maintenance, outreach, and advancement: Throughout the planning and rendering process, consider what you will absolutely committing to. Simply how much staff time will it decide to use keep the content fresh and troubleshoot problems on the site?

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

Contact Us!

Get A FREE Home Valuation!