NDS Responsive Website Design
NDS’ members (non-government disability service providers) range from large to small, and the organisation’s services are equally as varied. The previous site made it impossible for members to find what they were looking for because of the outdated, clunky CMS which made updates challenging, and information architecture almost impossible to change. Content is limited according to membership levels to encourage users to upgrade, and new members also needed an easy way to join up and find information relevant to them.
Our mission was to make sense of a labyrinth of content and create clear navigation paths that all members – both old and new – could follow.
It was also important for NDS that the site followed WCAG guidelines. We built to WCAG 2.0 Level AA, keeping WCAG in mind for both design and development.
Sorting out the information architecture of the site was a big part of this project. Members needed to find content by following menu navigation pathways and also through search, so the solution was to introduce tagging. Butterfly worked closely with NDS to figure out how many tags there should be and what they should be - for all 765 pieces of content being tagged!
Another aspect of this project was the complex integration system required. At the same time that were weaving our magic using Joomla as our Content Management System, NDS was moving to Microsoft Dynamics as its Customer Relationship Management system. Our CMS had to talk to the new and customised CRM for NDS staff to add content, and manage their users’ subscriptions and access levels.
Because of this added complexity, not only did we need to create clear pathways for users, we also had to make sure we didn’t lose people while they were waiting for the CRM to sort through all the data - we spent a lot of time on performance optimisation to get complex pages to load quickly.
We always centre our design around user requirements and content strategy, and never more so than for NDS who needed something engaging and exciting to take to market. We modernised the look, boosted the number of images and made the site responsive. Multiple menus were a must because of the complexity of the information architecture, so we differentiated clearly between the different levels.
Overall, the new design has enhanced NDS’s ability to inform members, influence policy, and be a stronger voice for the disability sector.