Arthritis Australia — Digital Platform
Product Design, Design System, Accessibility
Arthritis Australia is a not-for-profit charity and the country’s peak arthritis consumer body. It supports people with arthritis and their families, and raises awareness with the community and leaders in business, industry and government.
Product Design
I led design across MyJointPain, Empowered and MyBackPain.
I redesigned Arthritis Australia to compile and sort 500+ existing articles.
- 3
Led MyJointPain, Empowered and MyBackPain
- 500+
Existing articles to sort
Design System
I began by teaching the development team the benefits of a design system and leading workshops to plan the implementation. I then guided them on using it sustainably and extending components for their product.
The integration succeeded because of my approach: implementing all HTML, CSS and JavaScript as intended for each component, rather than applying only the presentational layer over a legacy interface, which causes rework and defects.
Under my guidance, the system went in with minimal accessibility and interface defects, so the product reached customers faster.
Colour
The design system palette
Text, borders and surfaces.
- Ink
#232426 - Charcoal
#25282F - Grey
#BFBFC1 - Silver
#CFD1D0 - Mist
#F7F7F7 - White
#FFFFFF
The brand, links and navigation.
- Navy
#284D79 - Blue
#3A77BA - Haze
#CBD3DE - Ice
#EFF3F6
Calls to action.
- Orange
#E29839 - Amber
#E8A73F
Typography
Four heading levels and a paragraph
- Heading 1Managing arthritis
- Heading 2Get support
- Heading 3Programs and research
- Heading 4Get involved
- ParagraphInformation and support for people with arthritis, their families and friends.
Accessibility
With an enthusiastic team, including management and stakeholders, we drove accessibility end to end. Requirements became part of the definition of ready in forward modelling sprints, and feature-specific requirements became part of the definition of done in development sprints. Frequent accessibility testing led the development and testing teams to adopt assistive technologies.
Accessibility in every sprint
Definition of ready
Set during forward modelling sprints.
In the sprint
Requirements specific to each feature.
Definition of done
Features close only when requirements are met.
Testing
Frequent testing with assistive technology.
A team focused on accessibility substantially reduced the defects found in testing, and fixed issues within the active sprint. Driving accessibility throughout the app is my primary achievement, and the whole team now understands why it matters.
