Tricks for Designing (or Redesigning) a Nonprofit Website

Coty Feil
Published on May 14, 2018

Tricks for Designing (or Redesigning) a Nonprofit Website


Does your organization desire a website? Do you have a website that is definitely badly searching for an overhaul? Depending on the size and needs of the organization, you will need professional help, or else you may be able to design and style the site in-house. This article will assist you to understand the key element steps that go into the web page design process and what sort of solutions you’ll need for each step.

If your organization is certainly building a new website from the beginning – or updating an existing one – you may need to rely on professional help when it comes to design and implementation. The following guidelines can help you plan and design a refined, functional site that meets your company needs.

This post focuses on the high-level management and preparing decisions you need to make at the time you design or perhaps re-design your web site. We’ll discuss some of the main phases of the design project, some of the lingo and jargon you’ll come across, and the equipment and skill sets you might need.

Steps in the internet Design Process If the measures described beneath seem a little overwhelming, understand that different projects follow unique patterns. In case your site is normally small , you can skip a number of the steps beneath or spend a minimal amount of period on them. Yet , large design projects can become overwhelmingly complicated and chaotic if you don’t arrange carefully.

1 ) Preliminary conversations: Start by talking to colleagues, mother board members, clients, and other stakeholders about the intended market and ideal outcomes. They are high-level questions, but it is critical to raise them early in the process:

• So, who are you trying to reach with all your website, and what manners are you planning to encourage?

• Is it possible to maintain and update the website to get envisioning with the current personnel and volunteers?

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

• How much money do you own for this task? Can you obtain a grant for the design (or redesign)?

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

• Will you coordinate the website yourself or use a web hosting company?

• How will your target audience find the modern site?

• Collect all the analytical and record information you have about your current website. This kind of data will help you measure the achievement (or lack thereof) of your new web page. In other words, how can the traffic on the new site compare to the visitors on the previous site?

The outcome of such initial appointments is a project plan and a request proposals (RFP). A project prepare usually carries a high-level information of the task, a fb timeline, a budget, a description of giveaways and results, and a definition of the roles and assignments.

2 . Put together your crew or seek the services of a web design firm: At this point, send your RFP to a handful of web development companies. Talk to to see examples of their prior work, request references, and meet with the very best candidates personally if possible. Understand that a response with an RFP isn’t a binding agreement. Once you’ve selected a company, use them to draft a Statement of Work (SOW). This is certainly a formal, authorized agreement that outlines the expectations and deliverables on both sides, as well as price and payment info.

3. Products on hand existing articles and plan for new articles: Assign someone to look through has to be the, file hosting space, brochures, listserv postings, and marketing materials meant for content you are able to repurpose. For those who have an existing webpage, assign anyone to review and categorize this great article, looking especially for pages which might be outdated, inaccurate, or imperfect. Even if you own a lot of existing articles, the unveiling of a fresh or remodeled website positions a good possibility to evaluate the top quality of your exterior communications.

4. Accumulate requirements: Though you should have a lot of idea chances are of your total goal, after you have a staff in place, you should hold some other round of meetings and conversations. If you hired a web design firm, it should accomplish these conversations and ask individual departments and stakeholders what each a person hopes to attain with the new site, and what features they want to emphasize.

You should also get your own examples to the table. Try to be specific by what you like and dislike about the cases you’re researching. If you have a preexisting logo, a current color palette, or organizational style guidelines, converse those obviously to your web team. Inform them your overall design and style and connection philosophy, assuming you have one.

a few. Create design documents: At that point, the web style team usually creates some prototypes and mockups to give stakeholders anything concrete and specific that they may respond to. As stated previously, it’s cheaper to modify your site through the initial design phase than during the execution phase. Nevertheless , it’s not free. Requesting your crew to provide five sets of design records for you to choose from, each using a different design and layout, is certainly expensive and time-consuming. Requesting them to revise their models endlessly is usually expensive.

Good web design organizations take this level of the procedure very significantly, as should you. They often use a formal display to unveil the design paperwork and make clear their decisions. To avoid stress and uncertainty later on, all of the major stakeholders should signal off and indicate their very own approval prior to implementation begins.

6. Rendering and production: After most people have a chance to analysis the design docs and indication off on them, your web developers start to produce the website. With respect to the size of your site, this will take anywhere from weeks to months.

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

Site development occurs on a diagnostic tests server that resembles your live development server whenever you can. At this stage, you can’t make virtually any changes to the live web page.

7. Assessment: With any kind of new or redesigned internet site, you will encounter challenges. Your site could have bugs, shattered links, and features that don’t act as advertised. A lot of features of the internet site will befuddle your target audience. With respect to the size of your blog, you should anticipate testing from a few days to a few weeks. There are several evaluating methodologies, most of which are outside the scope of this article, but we’ll describe a few of the better-known techniques. The good quality assurance (QA) evaluating: QA identifies the basic study of functionality. Does the site appearance and midst the way you expect it to in all the key web browsers utilized by your target audience? Make sure you examine surprising behaviors along with expected ones. For example , a site often works fine until someone types letters into a field designed for numbers simply.

Usability assessment: Usability testing get you as close as possible to the real experience of an end end user. You or someone on your web design workforce observes the finale user as he or the woman attempts to perform a list of jobs. The user through this situation must be relatively not really acquainted with the site.

Vulnerability assessment: Websites undoubtedly are a popular goal for infections, hackers, and other malicious Net dwellers. A vulnerability examining tool is going to probe your blog and survey back about any slots or weak points it reveals.

Stress testing: When you expect a lot of visitors to your site, there are tools readily available that reproduce heavy targeted traffic.

almost 8. Launch: Following everyone has approved the site and it is been thouroughly tested, you’re willing to transfer it from the staging server to your production hardware. Back up your existing internet site so you can spin back if necessary. As to get migrating content and releasing new features, stay in touch with your constituents and let these people know what to expect. Finally, put up your WEBSITE ADDRESS to all the major search engines so they understand it’s time to index or perhaps re-index your web blog.

9. Regular maintenance, outreach, and advancement: Throughout the preparing and setup process, determine what if you’re committing to. Simply how much staff time will it decide to use keep the content fresh and troubleshoot complications on the site?

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

Contact Us!

Get A FREE Home Valuation!