Techniques for Designing (or Redesigning) a Nonprofit Web-site

Coty Feil
Published on May 14, 2018

Techniques for Designing (or Redesigning) a Nonprofit Web-site


Did your organization need a website? Do you own a website that is certainly badly wanting an change? Depending on the size and needs of the organization, you will need professional help, or else you may be able to style the site in-house. This article will help you understand the primary steps that go into the web page design process and what sort of information you’ll need per step.

In case your organization is usually building a new website from day one – or perhaps updating an existing one – you may need to depend on professional help with regards to design and implementation. The subsequent guidelines will let you plan and design a polished, functional web page that matches your company needs.

This content focuses on the high-level management and preparing decisions you have to make when you design or perhaps re-design your site. We’ll discuss some of the key phases of an design project, some of the vocabulary and lingo you’ll face, and the tools and skill sets you need.

Steps in the Web Design Procedure If the steps described beneath seem a little overwhelming, remember that different assignments follow several patterns. If the site can be small , you are able to skip a few of the steps down below or spend a minimal amount of time on them. However , large style projects can be overwhelmingly complicated and disorderly if you don’t approach carefully.

1 . Preliminary interactions: Start by discussing with colleagues, board members, clientele, and other stakeholders about the intended crowd and wanted outcomes. These are generally high-level questions, but you have to raise all of them early in the act:

• Who also are you planning to reach with the website, and what manners are you planning to encourage?

• Could you maintain and update the website you’re here envisioning together with your current personnel and volunteers?

• Will you handle the project internally or perhaps hire a web design firm?

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

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

• Will you hosting server the website your self or use a web webhost?

• How will your target audience find the brand new site?

• Accumulate all the syllogistic and statistical information you could have about your current website. This kind of data will allow you to measure the accomplishment (or lack thereof) of the new internet site. In other words, how can the targeted traffic on the new site out-do the visitors on the good old site?

The outcome for these initial events is a job plan and a request proposals (RFP). A project arrange usually incorporates a high-level description of the task, a schedule, a budget, some of deliverables and solutions, and a definition of the roles and assignments.

2 . Build your group or retain a web design and style firm: Right now, send the RFP into a handful of webdesign companies. Check with to see samples of their earlier work, ask for references, and meet with the best candidates face-to-face if possible. Understand that a response to an RFP isn’t a binding arrangement. Once you’ve picked out a company, help them to draft a Statement of Work (SOW). That is a formal, agreed upon agreement that outlines the expectations and deliverables in both sides, along with price and payment information.

3. Inventory existing content and arrange for new content: Assign anyone to look through news letters, file computers, brochures, listserv postings, and marketing materials for content you are able to repurpose. Should you have an existing web-site, assign someone to review and categorize this great article, looking particularly for pages which can be outdated, incorrect, or incomplete. Even if you contain a lot of existing content material, the launch of a fresh or redesigned website positions a good chance to evaluate the quality of your external communications.

4. Collect requirements: Although you should have a lot of idea nowadays of your overall goal, after getting a workforce in place, you need to hold an alternative round of meetings and conversations. If you hired an online design organization, it should assist in these talks and ask person departments and stakeholders what each a single hopes to complete with the new site, and what features they want to stress.

You should also carry your own examples in the relationship. Try to always be specific about what you like and dislike about the articles you’re critiquing. If you have a current logo, a preexisting color palette, or organizational style guidelines, speak those obviously to your net team. Inform them your overall style and interaction philosophy, in case you have one.

your five. Create style documents: Here, the web design and style team usually creates a lot of prototypes and mockups to give stakeholders some 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 enactment phase. Nevertheless , it’s not free. Asking your staff to provide five sets of design files for you to pick from, each using a different design and layout, is usually expensive and time-consuming. Asking them to modify their patterns endlessly is also expensive.

Very good web design companies take this stage of the process very significantly, as should you. They often use a formal presentation to reveal the design files and describe their decisions. To avoid dilemma and misconceptions later on, all the major stakeholders should sign off and indicate their very own approval ahead of implementation begins.

6. Enactment and production: After most people have a chance to analysis the design documents and signal off on them, your web developers start to create the website. Depending on size of your web blog, this will have anywhere from weeks to months.

During this level, you have to achieve a balance between too much oversight and too little. You can inquire from for regular reviews and usability lab tests, but a lot meddling might prolong the process and raise the cost.

Site development occurs on a testing server that resembles the live production server whenever you can. At this stage, you mustn’t make any changes to your live internet site.

7. Examining: With any kind of new or redesigned web page, you will encounter challenges. Your site could have bugs, destroyed links, and features that don’t are advertised. A lot of features of the internet site will confuse your target audience. Dependant upon the size of your site, you should intend on testing from around a few days to a few several weeks. There are several screening methodologies, the majority of which are outside of the scope of this article, nevertheless we’ll explain a few of the better-known techniques. Quality assurance (QA) assessment: QA identifies the basic study of functionality. Will the site appearance and take action the way you expect it to in all the significant web browsers utilized by your target audience? Make sure to examine unforeseen behaviors and expected kinds. For example , a website often functions fine until someone types letters to a field designed for numbers simply.

Usability evaluating: Usability studies get you as close as possible towards the real connection with an end individual. You or someone on your web design crew observes the end user when he or your lover attempts to execute a list of responsibilities. The user from this situation must be relatively not really acquainted with the site.

Vulnerability screening: Websites undoubtedly are a popular aim for for viruses, hackers, and also other malicious Net dwellers. A vulnerability diagnostic tests tool definitely will probe your web site and article back about any slots or weaknesses it unearths.

Stress testing: Should you expect a large number of visitors to your site, you will discover tools offered that replicate heavy visitors.

almost 8. Launch: After everyone has authorised the site and it is been thoroughly tested, you’re willing to transfer this from the setting up server on your production web server. Back up your existing site so you can move back if necessary. As most likely migrating articles and relieving new features, keep in contact your matters and let all of them know what should be expected. Finally, upload your WEBSITE ADDRESS to all the main search engines so they understand it’s the perfect time to index or re-index your webblog.

9. Continual maintenance, outreach, and production: Throughout the planning and execution process, determine what you’re here committing to. How much staff time will it take to keep the content material fresh and troubleshoot challenges on the site?

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

Contact Us!

Get A FREE Home Valuation!