Case Study of a Non-Profit Website Redesign - Pixelmattic

Case study

Pixelmattic Case Study on website UX for non-profit
Rural Development Trust Website Portfolio

Website Redesign Challenge

 

1. Information Hierarchy and Navigation Issues

The number of pages and multi-level page hierarchy made content accessibility and discoverability a challenge, particularly when one of the goals of the client was to showcase the extensive work they were doing.

The left side menu and right sidebars added a lot of navigational links but narrowed the content area significantly. This reduce the room for displaying content effectively. It did not provide clear paths to finding information quickly either.

old rural development trust website
Menu structure on the old website

2. No Clear Call-to-Actions

The cluttered content and no clear call to action were resulting in lower donations through the website.

old rural development trust website
CTA section on the old Rural Development website

3. Website Security and Performance Issues

The client was hosted on a 2GB Virtual Private Server previously.

Our current website is heavy (for example, 55 plugins are installed, 18 of which are inactive). It takes time to respond and crashes often. We also think it is too textual and grades low in terms of design. We are currently assessing our communication strategy and we want the new website to align with it so that it can be an essential voice of our organisation and we can direct considerable traffic to it.

Judit Algueró, International Communications Coordinator

 

Customer Objectives from the new Website

Our current website is www.rdtfvf.org but it is not functional. We would like to duplicate our partner’s website in the USA www.vffusa.org (they will provide for the templates) and we need an agency like yours to help us with this process, adapting the structure of the site to our organisation. We would be looking to establish a relationship with an agency that can also take care of the site’s maintenance.

Judit Algueró, International Communications Coordinator

 

The client had the following priorities:

  1. Brand building (showcase our areas of work and our organisation)
  2. News and opinions
  3. Lead generation (newsletter sign-up)
  4. Online donation.

The initial plan was to replicate the design of their US foundation website. However, after analyzing the pros and cons, we decided to custom design it on WordPress.

We thought about duplicating our partner’s website http://vffusa.org/ 

PROS: It is in line with our corporate identity and has most of the sections we need. Clear and concise. 
CONS: VFF USA focuses more on fundraising and RDT implements the programmes. The website is not very attractive. Lacks images or multimedia.

Judit Algueró, International Communications Coordinator

 

Website Redesign Solution

1. Content Organization

The first task was to organize the content. Since the old website had a lot of content and there was lots more in their repository, we had to do an audit to get the full picture. During the audit which the client did on our request, we categorized and tagged content.

Once the content was organized, we audited the pages on the old website and removed the unwanted ones. The content audit insights helped us map what content would go under which section of the new website.

RDT Website Mindmap
New Rural development Trust information architecture creation

There was a lot of content in different formats under many categories. We decided to create WordPress Custom Post Types for some of them. This now provides two distinct advantages to the client:

  • Easy management and uploading of content
  • Better control in displaying and filtering content on the website
Media section on the new website with categories utilizes the WordPress Blog feature
Publications and annual reports uploaded as separate entities in the backend but displayed in a single place that sorts them by type

 

2. Website Design

Rural Development Trust Style guide during the Website Redesign process

The design had two challenges to overcome:

  • Refresh the look and feel of the website, but keep it consistent with other websites used by the Spanish and German teams
  • Create better user experience and provide an easier navigation experience

We followed a 3-step design process that included creating low-fidelity wireframes and then creating high-fidelity prototypes after feedback from the client.

https://youtu.be/BQXi897fQlo
This video explains how the design process transformed a low-fidelity wireframe into a modern, responsive and interactive website

With the work done previously in gathering, analyzing and organizing content, we then had to place them on the website. The copy for the website was to be provided by the client. To make their job easier, we created wireframes with guidelines on how much copy to be provided for each section. This was then incorporated into the website design.

Rural development trust website copy process
Gathering website copy from the client specifically for each page, section by section

 

This is tactic of collecting copy from clients for the website has been used successfully with our clients. It eliminates the trouble of trying to extract copy from a Word document and then trying to fit that into a design.

Sandeep Kelvadi, Head of Marketing, Pixelmattic

 

3. Secure, Performance-optimized & Donation-friendly WordPress Solution

We added a clear call-to-action on every page to encourage donation. The Donate button was also made prominent in the sticky Menu bar.

Rural Development Trust redesign navigation menu
Rural development Trust CTA section

We did our research on what users look for on non-profit websites when it comes to donations. With this in mind, we add important information in vital places, like the “Want to know how we used our funds?” link just below the Donate button.

We provide an option to donate to specific causes without having to pick from a lot of options.

non profit website donation CTAs

Or donate to a specific sector…

We implemented a timeline feature to showcase the history of the organization.

Keeping the goal of donations in mind, we built designed and built features on the website that displayed authenticity and social proof of the organization, like the stats slider here, testimonials and legally compliant documents for an NGO.

Finally, at the time of migration we had to find a solution to their hosting problems. The IT team was hesitant to move away from the VPS they were managing. However, given the security issues and frequent downtimes, we recommended and convinced the client to move to a reliable and stable WordPress hosting from Siteground.

Happy with our services, the client then signed on to our website care plans in May 2018 and we’ve been supporting them ever since.

Client Testimonial


Having worked with the team at Pixelmattic, we know that they are among the best in the field, especially at WordPress. The recommendations on how we should structure our content was especially helpful. The team at Pixelmattic is highly professional and skilled. They have a great understanding of technicalities as well as design and content. Not only were they quick to respond to our queries and suggestions but they guided us at every step through the process.Recommendation from Rural Development Trust

Felita Viegas

Communications Officer

Client Project


Design Development Maintenance

UX Design for a Non-Profit Website Optimized for Donations

Rural Development Trust is an NGO based out of Anantpur, Andhra Pradesh. Judit who was the International Communications Officer at RDT reached out to us through our website in June 2018. We visited their HQ in Anantapur on their invitation to understand the history of the organization and their scale of efforts in the rural areas of Andhra and Telangana, which inspired us to come up with a modern website. The non-profit had an old and outdated website that was suffering from frequent website downtimes and security issues. The content on the website as also dense and not easily navigable.…

Check our other Casestudies

Cleartrip WordPress Blog Customisation

Cleartrip is a WordPress development retainer customer of Pixelmattic. We work with…

Case Study On Information Architecture – Simplifying...

Content heavy websites are a challenge to design because of the many…

Case Study On WordPress Performance Optimization

Website optimization ensures that the website loading speed, traffic, and conversion rates…
Turn your website into a lead generation machine

Turn your website into a lead generation machine

Join our mailing for simple and effective tips on marketing, design and WordPress

You have Successfully Subscribed!

Pin It on Pinterest