Techniques for Designing (or Redesigning) a non-profit Webpage

Nedra Rutherford
Published on May 14, 2018

Techniques for Designing (or Redesigning) a non-profit Webpage


Did your organization desire a website? Are there a website that is definitely badly in search of an overhaul? Depending on the size and needs of your organization, you may want professional help, or perhaps you may be able to design and style the site in-house. This article will help you understand the key steps that go into the website development process and what sort of assets you’ll need for each step.

If your organization is usually building a new website from the beginning – or perhaps updating a preexisting one – you may need to depend on professional help in terms of design and implementation. This particular guidelines will let you plan and design a refined, functional site that fulfills your company needs.

This post focuses on the high-level supervision and planning decisions you have to make as you design or perhaps re-design your site. We’ll discuss some of the major phases of your design project, some of the vocabulary and jargon you’ll come across, and the tools and skill sets you need.

Steps in the internet Design Process If the guidelines described down below seem a lttle bit overwhelming, understand that different jobs follow numerous patterns. Should your site is small , you are able to skip a number of the steps below or use a minimal amount of period on them. However , large design and style projects may become overwhelmingly complex and chaotic if you don’t approach carefully.

1 ) Preliminary interactions: Start by conversing with colleagues, board members, consumers, and other stakeholders about the intended audience and wanted outcomes. These are high-level questions, but it’s important to raise them early in the act:

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

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

• Will you manage the task internally or hire a web design firm?

• 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 content management system (CMS) or maybe a static, HTML-based website?

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

• How will your target audience find the new site?

• Gather all the discursive and record information you have about your current website. This data will help you measure the accomplishment (or absence thereof) of the new web page. In other words, how does the targeted traffic on the new site beat the visitors on the classic site?

The outcome of the initial group meetings is a project plan and a ask for proposals (RFP). A project arrange usually has a high-level information of the task, a timeline, a budget, an outline of gifts and effects, and a definition of the roles and assignments.

2 . Construct your team or retain a web design firm: Right now, send the RFP to a handful of website development companies. Inquire to see types of their prior work, look for references, and meet with the very best candidates in person if possible. Keep in mind that a response for an RFP isn’t a binding contract. Once you’ve picked out a company, handle them to draft a Statement of Work (SOW). This is certainly a formal, authorized agreement that outlines the expectations and deliverables in both sides, as well as price and payment facts.

3. Inventory existing content material and cover new articles: Assign someone to look through newssheets, file machines, brochures, listserv postings, and marketing materials intended for content you are able to repurpose. Should you have an existing website, assign anyone to review and categorize this article, looking specifically pages which can be outdated, incorrect, or imperfect. Even if you contain a lot of existing content material, the roll-out of a new or remodeled website presents a good opportunity to evaluate the quality of your exterior communications.

4. Collect requirements: Though you should have a few idea nowadays of your overall goal, after getting a team in place, you have to hold an alternative round of meetings and conversations. If you hired an online design organization, it should facilitate these discussion posts and ask person departments and stakeholders what each one particular hopes to complete with the fresh site, and what features they want to focus on.

You should also carry your own examples in the relationship. Try to end up being specific of what you like and dislike about the experiences you’re researching. If you have an existing logo, a preexisting color palette, or perhaps organizational design guidelines, connect those clearly to your world wide web team. Make sure they know your overall design and connection philosophy, if you have one.

some. Create design and style documents: At that time, the web design and style team usually creates a lot of prototypes and mockups to offer stakeholders anything concrete and specific that they may respond to. As stated previously, it’s cheaper to change your site during the initial design and style phase than during the enactment phase. Nevertheless , it’s not really free. Asking your group to provide five sets of design docs for you to pick from, each which has a different design and layout, can be expensive and time-consuming. Asking them to modify their designs endlessly is likewise expensive.

Very good web design businesses take this stage of the method very critically, as should you. They often make use of a formal introduction to reveal the design files and mention their decisions. To avoid confusion and misconceptions later on, all of the major stakeholders should signal off and indicate their particular approval prior to implementation begins.

6. Setup and creation: After people have a chance to analysis the design papers and indication off with them, your web developers start to make the website. Depending on size of your internet site, this will have anywhere from several weeks to months.

During this level, you have to achieve a balance between too much oversight and too little. Ask for routine reviews and usability studies, but a lot of meddling might prolong the process and boost the cost.

Site development takes place on a examining server that resembles your live production server as much as possible. At this stage, you should not make any changes to the live internet site.

7. Tests: With virtually any new or redesigned website, you will encounter concerns. Your site will have bugs, shattered links, and features that don’t work as advertised. Several features of the web page will confound your target audience. Depending on size of your web blog, you should consider testing anywhere from a few days and nights to a few weeks. There are several assessment methodologies, almost all of which are past the range of this article, nonetheless we’ll illustrate a few of the better-known techniques. The good quality assurance (QA) examining: QA identifies the basic examination of functionality. Does the site take a look and react the way you proceed with the expectation that it will in all the important web browsers utilized by your target audience? Make sure you examine unexpected behaviors and expected kinds. For example , a web site often functions fine till someone types letters into a field made for numbers simply.

Usability assessment: Usability studies get you as close as possible towards the real connection with an end end user. You or someone in your web design crew observes the finale user as he or this lady attempts to accomplish a list of responsibilities. The user from this situation should be relatively not really acquainted with the site.

Vulnerability testing: Websites are a popular aim for for malware, hackers, and other malicious Internet dwellers. A vulnerability tests tool is going to probe your internet site and article back regarding any openings or disadvantages it unearths.

Anxiety testing: When you expect many visitors to your site, there are tools obtainable that replicate heavy traffic.

eight. Launch: After everyone has accredited the site and it’s been thouroughly tested, you’re all set to transfer this from the setting up server to your production server. Back up your existing internet site so you can roll back if necessary. As you’re here migrating content and delivering new features, stay in touch with your matters and let them know what to expect. Finally, furnish your LINK to all the main search engines therefore they understand it’s the perfect time to index or perhaps re-index your web site.

9. Ongoing maintenance, outreach, and creation: Throughout the organizing and execution process, think about what it’s committing to. Just how much staff period will it choose to use keep the content material 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!