Tips for Designing (or Redesigning) a non-profit Web site

Nedra Rutherford
Published on May 14, 2018

Tips for Designing (or Redesigning) a non-profit Web site


Did your organization desire a website? Do you possess a website which is badly needing an overhaul? Depending on the size and needs of your organization, you will need professional help, or you may be able to design the site under one building. This article will help you understand the vital steps that go into the web page design process and what sort of methods you’ll need for every step.

If your organization is certainly building a new website from day one – or perhaps updating a preexisting one – you may need to rely on professional help with regards to design and implementation. The below guidelines will let you plan and design a polished, functional web page that satisfies your organization’s needs.

This post focuses on the high-level supervision and organizing decisions you need to make as you design or re-design your web site. We’ll discuss some of the key phases of an design task, some of the lingo and jargon you’ll face, and the tools and skill sets you will need.

Steps in the net Design Method If the steps described under seem somewhat overwhelming, understand that different assignments follow unique patterns. If the site is small , you can skip a number of the steps under or use a minimal amount of time on them. Nevertheless , large style projects can be overwhelmingly complicated and disorderly if you don’t arrange carefully.

1 . Preliminary interactions: Start by speaking to colleagues, panel members, clients, and other stakeholders about the intended projected audience and desired outcomes. They are high-level problems, but you will need to raise all of them early at the same time:

• So, who are you looking to reach with your website, and what actions are you looking to encourage?

• Can you maintain and update the website you will absolutely envisioning along with your current staff and volunteers?

• Will you take care of the project internally or perhaps hire a web design company?

• How much money are there for this project? Can you have a grant for the design (or redesign)?

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

• Will you hold the website your self or use a web hosting company?

• How will your target audience find the newest site?

• Collect all the conditional and record information you have about your current website. This kind of data will assist you to measure the achievement (or shortage thereof) of the new internet site. In other words, how can the visitors on the new site compare to the targeted traffic on the ancient site?

The outcome of these initial events is a job plan and/or a ask for proposals (RFP). A project approach usually comes with a high-level explanation of the project, a fb timeline, a budget, a description of deliverables and influences, and a definition of the roles and assignments.

2 . Put together your workforce or hire a web style firm: At that time, send the RFP into a handful of web design companies. Ask to see samples of their prior work, request references, and meet with the best candidates face-to-face if possible. Keep in mind that a response for an RFP is not a binding agreement. Once you’ve chosen a company, use them to draft a Statement of Work (SOW). This really is a formal, fixed agreement that outlines the expectations and deliverables in both sides, and also price and payment data.

3. Products on hand existing articles and policy for new content material: Assign someone to look through news letters, file hosts, brochures, listserv postings, and marketing materials with regards to content you can repurpose. If you have an existing web-site, assign anyone to review and categorize this great article, looking especially for pages which have been outdated, inaccurate, or imperfect. Even if you contain a lot of existing content material, the launch of a fresh or redesigned website reveals a good possibility to evaluate the quality of your external communications.

4. Collect requirements: Although you should have a lot of idea right now of your general goal, after getting a staff in place, you need to hold another round of meetings and conversations. When you have hired an online design firm, it should help these discussion posts and ask person departments and stakeholders what each a single hopes to accomplish with the fresh site, and what features they want to emphasise.

You should also take your very own examples to the table. Try to be specific about what you like and dislike about the illustrations you’re researching. If you have a current logo, a current color palette, or perhaps organizational style guidelines, connect those evidently to your web team. Let them know your overall style and conversation philosophy, should you have one.

5 various. Create design and style documents: Here, the web style team generally creates a lot of prototypes and mockups to provide stakeholders some thing concrete and specific that they may respond to. As mentioned previously, they have cheaper to change your site throughout the initial design and style phase than during the rendering phase. Nevertheless , it’s not really free. Requesting your group to provide five sets of design paperwork for you to select from, each having a different design and layout, is expensive and time-consuming. Asking them to modify their styles endlessly is additionally expensive.

Very good web design firms take this stage of the process very really, as should you. They often use a formal presentation to reveal the design papers and discuss their decisions. To avoid bafflement and uncertainty later on, all the major stakeholders should indication off and indicate the approval ahead of implementation starts.

6. Implementation and advancement: After we all have a chance to examine the design files and sign off about them, your web-developers start to produce the website. Dependant upon the size of your websites, this will take anywhere from weeks to several weeks.

During this stage, you have to achieve a balance between a lot of oversight and too little. You can inquire from for routine reviews and usability studies, but a lot meddling might prolong the process and increase the cost.

Internet site development happens on a testing server that resembles the live development server as much as possible. At this stage, you shouldn’t make any kind of changes to the live site.

7. Screening: With any kind of new or perhaps redesigned webpage, you will encounter problems. Your site could have bugs, shattered links, and features that don’t are advertised. Some features of the internet site will mistake your target audience. Depending on the size of your web sites, you should consider testing anywhere from a few days to a few several weeks. There are several screening methodologies, almost all of which are past the opportunity of this article, although we’ll summarize a few of the better-known techniques. The good quality assurance (QA) diagnostic tests: QA refers to the basic study of functionality. Will the site appearance and act the way you proceed with the expectation that it will in all the key web browsers utilized by your target audience? Make sure you examine sudden behaviors and also expected ones. For example , a website often works fine till someone types letters right into a field made for numbers just.

Usability assessment: Usability testing get you as close as possible to the real experience of an end consumer. You or someone in your web design workforce observes the completed user as he or the woman attempts to accomplish a list of duties. The user with this situation must be relatively unfamiliar with the site.

Vulnerability assessment: Websites certainly are a popular goal for infections, hackers, and also other malicious Net dwellers. A vulnerability examining tool can probe your web blog and record back regarding any holes or weak points it uncovers.

Anxiety testing: Should you expect a lot of visitors to your site, there are tools readily available that imitate heavy targeted traffic.

eight. Launch: After everyone has accepted the site and it’s been thouroughly tested, you’re ready to transfer this from the setting up server on your production server. Back up the existing site so you can rotate back if required. As it’s migrating content material and liberating new features, keep in contact your constituents and let them know what should be expected. Finally, upload your WEB LINK to all the main search engines consequently they know it’s time to index or perhaps re-index your webblog.

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

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

Contact Us!

Get A FREE Home Valuation!