Compass
Australia’s first national elder abuse support platform, designed for trust, clarity, and care.
The Attorney General’s Department and Elder Abuse Action Australia sought to create a national digital knowledge hub to help individuals navigate the complex and sensitive issue of elder abuse.
Problem
No central digital resource existed to support those experiencing elder abuse. Information was scattered, hard to navigate, and often emotionally overwhelming.
Outcome
Compass launched as Australia’s first platform of its kind, improving access to support and becoming a central hub for education and advocacy.
Role
End to end UI, Supported visual QA and developer handoff
Team
1 UI Designer, 1 UX Reseacher
Team
1 UI Designer, 1 UX Reseacher
Role
End to end UI, Supported visual QA and developer handoff
Naming & Brand Direction
Through research and user testing, we explored two naming options: HEARD and Compass.
01
Compass was chosen for its calm, directional tone and emotional resonance with users seeking guidance.
02
The logomark used a clean, typographic first approach with a subtle directional cue in the "p" to reflect the concept of support and forward movement.
03
The coral orange wordmark was a purposeful shift from conventional government palettes to introduce a sense of warmth, humanity, and hope.
UI & Accessibility Design
The goal was to guide users through a sensitive topic with interfaces that felt trustworthy, intuitive, and emotionally unobtrusive.
💡
High contrast colour
To ensured WCAG standards were met, while balancing legibility with a softened aesthetic to avoid overwhelming users.
💡
Touch friendly patterns and generous tap targets
Interactive elements were designed with larger touch areas and clear affordances, supporting users with limited dexterity or visual impairments.
Design System Creation
The design system was designed not only for visual consistency, but to support long term sustainability and ease of implementation across teams.
01
Reusable, modular components
To ensure consistency across layouts, patterns, and breakpoints. These were built to flex across different content types and user contexts, while maintaining brand clarity.
02
WCAG compliance embedded at every level
From colours and spacing rules to interactive states, we ensured every component met accessibility standards by default.
03
Close collaboration with developers
To ensured consistent application of the design system across platforms and reduce implementation friction.
Learnings
Compass reinforced the importance of empathy in design and that accessibility isn’t a checklist but rather a foundation for building trust, especially in emotionally charged spaces. This project deepened my belief that clarity, simplicity, and inclusive thinking are essential to creating meaningful public impact.
UI & Accessibility Design
The goal was to guide users through a sensitive topic with interfaces that felt trustworthy, intuitive, and emotionally unobtrusive.
💡
High contrast colour
To ensured WCAG standards were met, while balancing legibility with a softened aesthetic to avoid overwhelming users.
💡
Touch friendly patterns and generous tap targets
Interactive elements were designed with larger touch areas and clear affordances, supporting users with limited dexterity or visual impairments.
Naming & Brand Direction
Through research and user testing, we explored two naming options: HEARD and Compass.
01
Compass was chosen for its calm, directional tone and emotional resonance with users seeking guidance.
02
The logomark used a clean, typographic first approach with a subtle directional cue in the "p" to reflect the concept of support and forward movement.
03
The coral orange wordmark was a purposeful shift from conventional government palettes to introduce a sense of warmth, humanity, and hope.
Design System Creation
The design system was designed not only for visual consistency, but to support long term sustainability and ease of implementation across teams.
01
Reusable, modular components
To ensure consistency across layouts, patterns, and breakpoints. These were built to flex across different content types and user contexts, while maintaining brand clarity.
02
WCAG compliance embedded at every level
From colours and spacing rules to interactive states, we ensured every component met accessibility standards by default.
03
Close collaboration with developers
To ensured consistent application of the design system across platforms and reduce implementation friction.
Learnings
Compass reinforced the importance of empathy in design and that accessibility isn’t a checklist but rather a foundation for building trust, especially in emotionally charged spaces. This project deepened my belief that clarity, simplicity, and inclusive thinking are essential to creating meaningful public impact.
Compass
Australia’s first national elder abuse support platform, designed for trust, clarity, and care.
The Attorney General’s Department and Elder Abuse Action Australia sought to create a national digital knowledge hub to help individuals navigate the complex and sensitive issue of elder abuse.
Problem
No central digital resource existed to support those experiencing elder abuse. Information was scattered, hard to navigate, and often emotionally overwhelming.
Outcome
Compass launched as Australia’s first platform of its kind, improving access to support and becoming a central hub for education and advocacy.
Team
1 UI Designer, 1 UX Reseacher
Role
End to end UI, Supported visual QA and developer handoff