SPO: A Website Development Case Study
Strengthening Participatory Organization is a nonprofit organization with a mission to strengthen and support community organizations and public interest institutions of Pakistan for the benefit of poor and disadvantaged sections of society for sustainable development through a participatory approach.
The non-profit approached us to create a new website that would replace their existing and dated solution and put them on the map and help their investors to be aware of their vision and current project with ease. Few must have features in the new website were:
- Easy understanding of SPO’s thematic areas and projects.
- Developing a website with modern look
- Displaying content in clever and engaging ways.
- Giving the organization total control over their website.
- Multilingual support for some pages (English and Urdu)
We took the time to understand SPO’s challenges and recommended building a responsive website, with content neatly divided into different sections, making it easy for user to digest all the information present on the site. Our focus was to heighten the user experience, ensure their site was ADA (Standards for Accessible Design) compliant, and execute an effective SEO plan to increase their visibility. Client was presented with two design strategies, and after some revisions once concept was approved for development. To give SPO control of their website a CMS was needed, so WordPress was chosen to be development platform. Regular meetings with client was organized during strategy process to keep them on board while developing a design and UX strategy for the project.
After laying the site’s foundation, our focus shifted towards improving the overall user experience. Homepage was stuffed with SPO’s service offerings, upcoming events, project details and achievements. In short, homepage was redesigned so that end user can find everything they need, quickly and with ease. The nonprofit was also struggling to properly disseminate all the wealth of information they had buried on their website. To address this issue we develop a new sitemap and reorganized their content more logically, additionally sticky-nav was used to improve usability. Hierarchical navigations were used to provide consistency to the site and help users navigate in a more straightforward way.
The key focus while formulating a new style concept for SPO was to balance the excess of information present on site with more negative space and engaging imagery. Key branding story telling pieces like mission, history, values and latest projects were showcased on pages with more breathing spaces to improve overall legibility. Open sans was chosen as primary typeface because of its excellent legibility characteristics. While Museo was chosen as typeface for headings and copy writing in banners, because client wanted a fashionably modern yet substantial look for their site.
SPO’s existing color palette was used to preserve their well-established identity. Additionally Modernized buttons with accent colors and larger banners were also used. Illustration and icons suited to SPO’s brand were developed for site headers and other content. Keeping the concept of creating an intuitive experience in mind; we redesigned the home page as a one-stop for any kind of user.
The planned strategy to revamp the website resulted in an online space that is both a tool and source of information for SPO’s employees and well-wishers. The website was developed with a major focus on responsiveness, giving SPO’s staff and partners/investors easy access on any device. In addition, building in a robust Content Management System makes it simpler for SPO’s technical team to adjust or add content when required.
During the entire web design and development process SEO specialist was kept on board, to apply a good keyword mapping in order to ensure SPO’s site would have good ranking in search engines, which would ultimately result in more traffic to the website. Our development team used and created PHP based tools like data migration plugins and custom posts in WordPress to increase productivity and ensure timely delivery of project.