Approaches for Designing (or Redesigning) a non-profit Web page

Nedra Rutherford
Published on May 14, 2018

Approaches for Designing (or Redesigning) a non-profit Web page


Does your organization need a website? Do you own a website which badly in search of an change? Depending on the size and needs of your organization, you may need 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 web design process and what sort of resources you’ll need for each and every step.

If the organization can be building a fresh website from the beginning – or updating a preexisting one – you may need to depend on professional help in terms of design and implementation. The next guidelines may help you plan and design a refined, functional internet site that meets your organization’s needs.

This content focuses on the high-level administration and preparing decisions you need to make as you design or perhaps re-design your website. We’ll talk about some of the key phases of a design project, some of the language and lingo you’ll encounter, and the tools and skill sets you might need.

Steps in the internet Design Process If the methods described below seem a bit overwhelming, do not forget that different jobs follow several patterns. If your site is small , you can skip some of the steps under or spend a minimal amount of time on them. Yet , large style projects can be overwhelmingly sophisticated and chaotic if you don’t method carefully.

1 ) Preliminary interactions: Start by speaking to colleagues, mother board members, clients, and other stakeholders about the intended target audience and desired outcomes. They are high-level issues, but you have to raise them early during this process:

• Exactly who are you trying to reach with all your website, and what behaviours are you aiming to encourage?

• Are you able to maintain and update the website you will absolutely envisioning with all your current personnel and volunteers?

• Will you manage the task internally or perhaps hire an internet design company?

• How much money do you have for this task? Can you have a grant for that layout (or redesign)?

• Are you going to use a content management system (CMS) or a static, HTML-based website?

• Will you hosting server the website yourself or make use of a web webhost?

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

• Collect all the deductive and statistical information you could have about your current website. This data can help you measure the accomplishment (or absence thereof) of your new web page. In other words, how does the traffic on the fresh site compare to the visitors on the ancient site?

The outcome for these initial meetings is a job plan and/or a ask for proposals (RFP). A project approach usually carries a high-level description of the project, a fb timeline, a budget, an outline of gifts and effects, and a definition of the roles and assignments.

2 . Set up your group or seek the services of a web design and style firm: Right now, send the RFP to a handful of webdesign companies. Inquire to see examples of their previous work, request references, and meet with the very best candidates in person if possible. Remember that a response for an RFP isn’t a binding agreement. Once you’ve picked out a company, go with them to draft a Statement of Work (SOW). That is a formal, authorized agreement that outlines the expectations and deliverables on both sides, and also price and payment data.

3. Inventory existing content and cover new content: Assign anyone to look through must be, file machines, brochures, listserv postings, and marketing materials meant for content you may repurpose. Assuming you have an existing website, assign someone to review and categorize this article, looking especially for pages which might be outdated, inaccurate, or unfinished. Even if you include a lot of existing content, the roll-out of a fresh or remodeled website has a good possibility to evaluate the quality of your external communications.

4. Accumulate requirements: Even though you should have a lot of idea nowadays of your overall goal, upon having a staff in place, you should hold an additional round of meetings and conversations. When you’ve hired an internet design organization, it should help in these conversations and ask specific departments and stakeholders what each you hopes to attain with the fresh site, and what features they want to focus on.

You should also carry your own examples to the table. Try to become specific by what you like and dislike about the articles you’re critiquing. If you have an existing logo, a current color palette, or organizational design guidelines, communicate those plainly to your web team. Inform them your overall design and conversation philosophy, when you have one.

five. Create style documents: At this time, the web design team usually creates some prototypes and mockups to give stakeholders anything concrete and specific that they can respond to. As mentioned previously, it’s cheaper to change your site during the initial design and style phase than during the execution phase. Nevertheless , it’s certainly not free. Requesting your workforce to provide five sets of design records for you to select from, each having a different design and layout, is certainly expensive and time-consuming. Requesting them to modify their designs endlessly is usually expensive.

Very good web design companies take this level of the method very very seriously, as should you. They often make use of a formal production to reveal the design papers and teach you their decisions. To avoid stress and uncertainty later on, all the major stakeholders should indication off and indicate their particular approval ahead of implementation begins.

6. Implementation and expansion: After people have a chance to study the design records and sign off on them, your web developers start to set up the website. According to size of your site, this will take anywhere from several weeks to several months.

During this level, you have to achieve a balance between an excessive amount of oversight and too little. You can inquire from for regular reviews and usability assessments, but excessive meddling will prolong the method and raise the cost.

Web page development occurs on a tests server that resembles your live development server whenever possible. At this stage, then your make any kind of changes to the live site.

7. Screening: With any new or perhaps redesigned website, you will encounter complications. Your site will have bugs, harmed links, and features that don’t are advertised. A few features of the internet site will mix up your target audience. Dependant upon the size of your blog, you should intend on testing between a few times to a few several weeks. There are several evaluating methodologies, the majority of which are over the scope of this article, but we’ll express a few of the better-known techniques. The good quality assurance (QA) diagnostic tests: QA refers to the basic examination of functionality. Does the site seem and react the way you expect it to in all the significant web browsers utilized by your target audience? Make sure to examine unpredicted behaviors as well as expected types. For example , a web site often performs fine till someone types letters right into a field suitable for numbers just.

Usability evaluating: Usability assessments get you as close as possible to the real experience of an end customer. You or someone in your web design staff observes the finale user as he or this girl attempts to accomplish a list of duties. The user in this situation ought to be relatively unfamiliar with the site.

Vulnerability testing: Websites undoubtedly are a popular goal for malware, hackers, and also other malicious Net dwellers. A vulnerability evaluating tool is going to probe your internet site and record back about any slots or weak points it reveals.

Anxiety testing: When you expect numerous visitors to your site, you will discover tools offered that duplicate heavy targeted traffic.

8. Launch: After everyone has accepted the site and it is been thouroughly tested, you’re all set to transfer it from the hosting server on your production server. Back up your existing site so you can rotate back if required. As you’re migrating articles and liberating new features, stay in touch with your matters and let these people know what should be expected. Finally, post your WEBSITE ADDRESS to all difficulties search engines so they understand it’s time to index or re-index your web blog.

9. Constant maintenance, outreach, and creation: Throughout the preparing and setup process, think about what if you’re committing to. How much staff time will it take to keep the articles 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!