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

Nedra Rutherford
Published on May 14, 2018

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


Does your organization need a website? Is there a website that’s badly wanting an overhaul? Depending on the size and needs of your organization, you will need professional help, or perhaps you may be able to design and style the site in-house. This article will assist you to understand the essential steps that go into the web design process and what sort of methods you’ll need per step.

If the organization is usually building a fresh website from scratch – or perhaps updating a preexisting one – you may need to count on professional help when it comes to design and implementation. The next guidelines will let you plan and design a refined, functional site that complies with your organization’s needs.

This information focuses on the high-level management and planning decisions you should make when you design or re-design your site. We’ll go over some of the significant phases of a design task, some of the language and lingo you’ll face, and the tools and skill sets you need.

Steps in the net Design Procedure If the techniques described underneath seem a lttle bit overwhelming, keep in mind that different projects follow distinctive patterns. In case your site is definitely small , you can skip a number of the steps below or use a minimal amount of time on them. Nevertheless , large design and style projects can become overwhelmingly complex and chaotic if you don’t schedule carefully.

1 . Preliminary conversations: Start by talking to colleagues, mother board members, customers, and other stakeholders about the intended target audience and wanted outcomes. These are generally high-level inquiries, but you need to raise them early during this process:

• Who are you looking to reach with your website, and what manners are you looking to encourage?

• Could you maintain boost the website it’s envisioning with all your current staff and volunteers?

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

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

• Would you like to use a cms (CMS) or a static, HTML-based website?

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

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

• Collect all the deductive and statistical information you could have about your current website. This data can help you measure the achievement (or shortage thereof) of your new internet site. In other words, how can the traffic on the new site out-do the traffic on the old site?

The outcome of initial get togethers is a project plan and/or a request proposals (RFP). A project prepare usually has a high-level explanation of the task, a fb timeline, a budget, a description of deliverables and final results, and a definition of the roles and assignments.

2 . Assemble your crew or hire a web design and style firm: At this moment, send your RFP into a handful of web page design companies. Inquire to see types of their past work, look for references, and meet with the very best candidates personally if possible. Remember that a response to a RFP isn’t a binding contract. Once you’ve chosen a company, talk with them to draft a Statement of (SOW). This is certainly a formal, fixed agreement that outlines the expectations and deliverables on both sides, and price and payment facts.

3. Products on hand existing content material and cover new articles: Assign someone to look through newssheets, file machines, brochures, listserv postings, and marketing materials to get content you may repurpose. When you have an existing web page, assign anyone to review and categorize a few possibilities, looking especially for pages that are outdated, erroneous, or imperfect. Even if you include a lot of existing content material, the unveiling of a fresh or remodeled website positions a good chance to evaluate the quality of your external communications.

4. Collect requirements: Though you should have some idea at this point of your general goal, when you have a team in place, you have to hold an additional round of meetings and conversations. If you’ve hired an internet design company, it should accomplish these chats and ask specific departments and stakeholders what each one hopes to accomplish with the fresh site, and what features they want to focus on.

You should also bring your personal examples to the table. Try to become specific by what you like and dislike about the illustrations you’re looking at. If you have a current logo, an existing color palette, or organizational design guidelines, communicate those obviously to your net team. Make sure they know your overall design and style and interaction philosophy, for those who have one.

some. Create style documents: At that time, the web design and style team usually creates some prototypes and mockups to give stakeholders some thing concrete and specific they can respond to. As i have said previously, it can cheaper to modify your site during the initial design phase than during the enactment phase. Nevertheless , it’s not free. Requesting your staff to provide five sets of design files for you to select from, each with a different design and layout, is expensive and time-consuming. Requesting them to change their styles endlessly is usually expensive.

Very good web design organizations take this stage of the process very very seriously, as should you. They often use a formal business presentation to unveil the design records and discuss their decisions. To avoid distress and uncertainty later on, all the major stakeholders should signal off and indicate their particular approval before implementation begins.

6. Implementation and development: After we all have a chance to study the design documents and sign off with them, your web-developers start to develop the website. With respect to the size of your internet site, this will consider anywhere from several weeks to several weeks.

During this stage, you have to achieve a balance between a lot oversight and too little. You can inquire from for periodic reviews and usability assessments, but too much meddling will prolong the process and improve the cost.

Site development takes place on a assessment server that resembles your live development server as far as possible. At this stage, you mustn’t make any kind of changes to your live internet site.

7. Tests: With virtually any new or redesigned internet site, you will encounter concerns. Your site will have bugs, busted links, and features that don’t work as advertised. Several features of the web page will confound your target audience. With respect to the size of your blog, you should anticipate testing from a few days to a few several weeks. There are several examining methodologies, most of which are further than the opportunity of this article, nevertheless we’ll describe a few of the better-known techniques. Quality assurance (QA) evaluating: QA identifies the basic examination of functionality. Does the site take a look and respond the way you expect it to in all the main web browsers used by your target audience? Be sure to examine unexpected behaviors and expected types. For example , a web site often works fine till someone types letters in a field intended for numbers simply.

Usability testing: Usability exams get you as close as possible towards the real experience of an end end user. You or someone in your web design group observes the finish user as he or your woman attempts to carry out a list of responsibilities. The user from this situation need to be relatively not familiar with the site.

Vulnerability assessment: Websites can be a popular concentrate on for infections, hackers, and other malicious Internet dwellers. A vulnerability diagnostic tests tool will certainly probe your blog and record back about any holes or weak points it unearths.

Pressure testing: If you expect a lot of visitors to your site, you will discover tools offered that reproduce heavy traffic.

eight. Launch: Following everyone has authorized the site and it’s really been thouroughly tested, you’re prepared to transfer that from the staging server to your production hardware. Back up the existing web page so you can rotate back if required. As you aren’t migrating articles and releasing new features, keep in contact your constituents and let all of them know what should be expected. Finally, put up your WEBSITE to all the top search engines hence they understand it’s the perfect time to index or re-index your webblog.

9. Constant maintenance, outreach, and expansion: Throughout the planning and enactment process, ask yourself what you aren’t committing to. Just how much staff time will it choose 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!