Streamlining Aged Care Services
for CareCompass

By Yesin Singhawansa 

Solving UX Inconsistencies: Creating a Design System to Elevate GigaClear’s User Experience

By Chrishmal Fernando

Overview

CareCompass is the brain child of Mable which is a website that connects people looking for disability or aged care support with support workers. CareCompass builds on this principle by streamlining the aged care provider package discovery phase and simultaneously educating users on the benefits of using self-managed aged care services.

  • Product design
  • UX testing
  • Brand development
  • Front-end development
  • Craft CMS development
  • Copywriting
  • Graphic design
  • Background

    Aged care services tend to be quite expensive in Australia and it is quite tough and time-consuming to get approval for aged care grants for disabled and senior citizens. It is vital to make the best out of the yearly aged care allowance. Due to lack of awareness most citizens opt for services from traditional aged care providers when in reality most citizens have the potential to manage adequately with a self-managed service package and get far more care out of their annual allowance.

    The challenge

    The main challenge of CareCompare was coming up with a viable MVP that was both usable enough to find the ideal aged care service package, and educates it’s main target demographic (senior and disabled citizens) about the benefits of using self-managed aged care services.

    Figuring Out the User Journey

    Sketching out the user journey for this MVP proved to be challenging since we were trying to convince users throughout their journey about the benefits of self-managed aged care services.


    We managed to get a breakthrough in routing users to relevant parts of the overall journey in applying for a aged-care service package by identifying in which stage of their aged care grant application/usage process they were in. This made it easier to direct users to the relevant information they were looking for that would be the most helpful to them at their current stage.

    Finding a Layout That Works

    After many a trial and error we finally settled on a 3 column layout for the product search results page. The 2 main column layouts are for traditional aged care packages and self managed age care packages respectively.


    The goal is to highlight the noticeable price differences between the 2 types of service packages through the usage of colour coded markers for how much of the users annual aged care budget will be used by each service package.

    Comparison Widget

    Users can select up-to 5 service packages and compare them using the comparison widget that appears and hovers at the bottom of their display.

    Educating Users

    The 3rd column is dedicated to route users to useful information on what is self managed aged care service packages and how we can get the best use out of it.


    Shown below is the screenshot of the results page. Note that this was our initial place-holder colour theme before the branding was finalised by the client.

    Typography & Colour Selection

    We chose League Spartan as the primary brand font to reflect a bold, modern, and impactful aesthetic while maintaining a sense of simplicity and clarity. Its geometric structure and thick strokes create a striking visual identity, making it perfect for key headlines and focal points across the site.


    Despite its bold nature, League Spartan remains highly legible on all devices, adding both strength and sophistication to the brand’s web presence.

    Colour Palette

    For the colour palette, we opted for slate black as the primary colour while acid green and neutral teal served as accent colors. Light shades of grey are used sparingly to add depth and subtlety, while the generous white space evokes a clean, modern, and open feel, ensuring that the design remains minimal and approachable. This combination provides a sleek, professional look that allows key content to stand out. Especially since the website is heavy on written content.

    Added Focus on Accessibility

    We paid particular attention to the accessibility standards for this MVP because most of it’s user base will have declining vision. Maintaining proper contrast throughout our content which meets WCAG 2.1 guidelines.

    “Sam and her team were very easy to work with; clear communications, very positive attitude and above all knowledgeable and offered great suggestions. Sam immediately understood the brief, and collaborated well on the designs. Awesome team and wonderful professional result.”
    Kent Bolton
    /
    Chief Technology Officer @Gigaclear

    What our clients have to say!

    Tools That We Used
    These are some tools that helped us bring this product to reality

    Conclusion


    CareCompass serves as a prime example of how businesses can effectively bridge the gap between complex service offerings and customer education. Much like companies across various sectors, CareCompass needed to simplify its product, educate users on its value, and guide them through an unfamiliar journey. By focusing on clear comparisons, a user-friendly design, and maintaining accessibility, we ensured that the platform could meet the diverse needs of its target audience.

    Let us know how to help

    We love to hear what challenges you go through in your business and discuss how we can assist you.

    Services

    PartnersAbout Us

    Case Studies

    NewsCareersContact Us
    © 2009 – 2024 iTelaSoft (Pty) Ltd. All Rights Reserved