Coord inare

https://www.coordinare.org.au/

Industry

NFP – healthcare provider

COORDINARE is the South Eastern NSW Primary Health Network (PHN). Their role is to improve the health and wellbeing of their community which is one of the largest rural and regional populations in NSW.

Employer

Internetrix

Project Role

UI & UX Designer

High Level skill set

practitioner skills

Conduct stakeholder interviews
Identify user personas (e.g., content editors, admins, developers)
Perform competitor analysis (other CMS platforms)
Audit existing systems (if applicable)
Gather business requirements
Define content types and structure
Organize navigation structure
Create low-fidelity wireframes for dashboards, content forms, settings pages
Validate design decisions with stakeholders and users
Test for accessibility (WCAG compliance)
Collaborate with content creators to define workflows

Create a design system (colors, typography, buttons, forms, etc.)
Design high-fidelity mockups for each screen
Ensure responsive behavior (desktop, tablet, mobile)
Ensure consistency and scalability of components
Define UI states (hover, active, loading, error)
Accessibility Compliance
Ensure proper color contrast
Design for keyboard and screen reader accessibility
Include accessible labels, focus states, and alt text
Prepare design specs
Ensure alignment with development

Coordinare : The Block/Component System

Objective

Create more flexible CMS Block Structures to allow for robust content systems
Built with SilverStripe
Full accessibility AA compliance
Improve the user experience
Refresh the look and feel based on Brand changes
To be Considered
- Showcase for events
- listings widgets
- Resource widgets & Directory
- Staff & board member’s widgets
- Image galleries
- Featured Stories
- Carousel components – listing and featured
- Clients statistics
- Locations Widgets and directory

Outcome

Overall 20 blocks/components custom designed to suit clients accessible AA compliance and continuously evolving brand and content structures.
All blocks with customisable background and foreground brand colours.
Accessible contrast requirements build in to the blocks/components.
Unique designs for 1- 5 columns designs
Font awesome built in for customisation of icon by client
Resource directory’s and locations modules custom build with client’s requirement’s

My Role

UX & UI Interviews
Component Planning
UI Design
Mentor a junior FED through build

Home Page

Hover over plus for more details

Reusable Header Component with Search Block – Customisable background and foreground colours with accessible contrast rules . Heading style set. Button and Form labels text customisable and accessibly tagged

Background customisable with image or brand colour

Client stats area – Customisable digits, labels, sub labels and right image. Colour set for accessibility

Pathways widget – set up to reflect brand and pathways – fully customisable font awesome coloured icons and BG colour with set accessible contrast rules. Button labels and Content areas all customisable.

News & Events Widget. A feed for News and Events . Can be customised to display, most recently uploaded or set order depending on clients request. Has multiple of singular category assignment and customisable Headings, intro and button name. Background and cards can be colour customised and set to accessible contrast requirements. Column are set to display from 1 – 5 in unique layouts.

Fully Customisable header and footer – allow for quick content/page changes – featured logos and full brand changes

Events & Promotions Feature Widgets – These can be placed anywhere on a page to break up content or feature an event. Full customisable Background and Foreground according to accessibility contrast requirement’s. Customisable Image to Contain fill or Cover.