Client

National Advocacy Service

My Role
  • UI Design
  • UX Design
Summary

I led the design and direction for an accessibility-focused website

Launch Date

Work in progress

Problem Statement

The National Advocacy Service previously existed only as a solitary webpage on the Citizen’s Information Board website with little to no branding.

They needed their visual branding, mood and tone established, and a website where accessibility was a key concern.

Project Goals
  1. Provide a community based website that is is functional, easy-to-use for all, and inclusive for all age groups and accessible for all users
  2. Ability to get an overview of what the organisation is about and showcase their services
  3. Allow people to contact the NAS easily with forms linked to general inquiry inbox
  4. Act as a repository for NAS publications including annual reports, increasing NAS transparency and accountability - a resource tool for staff
  5. Custom graphic design and build, providing an easy-to-use content management system to enable staff updates

Style guide designed in Sketch

Learnings

Our User

With the pressure of a tight budget and deadlines, it was difficult to gauge what the end user needed over the client’s needs. We didn’t have any analytics from a similar or legacy website so weren’t able to gather important qualitative feedback. This made it difficult to help our client make evidence based decisions in terms of the design.¬†With that in mind, we followed Web Content Accessibility Guidelines (WCAG), methodologies such as “Easy-to-read” – which are text and image guidelines chosen by a committee of people with disabilities, and common online web tools such as colour contrast checkers. Running small workshops to discuss desired features of users would have been an affective way to expose important unknowns and encourage different design directions.

Advocating a Design System

NAS was only the second project within our agency to utilise a design system in our workflow. I designed a system that could be re-used across multiple pages in different ways, with user accessibility always at the forefront of my decisions. The system was a hugely successful approach for our front-end developer as it saved him quite a lot of time when implementing the designs. Having a shared reference guide guided him even as I had moved onto other projects.