Heart Online Website


  • Chromatix


HEART Online was developed and supported by Queensland Health and is maintained by the Heart Foundation of Australia. Its mission is to be the leading national web resource for health professionals seeking evidence based information and tools that support the delivery of quality cardiovascular disease prevention and rehabilitation and heart failure management services.

The objectives of the project were to:
– Design and develop a new content structure that is intuitive to navigate, easy for users to find the information they are seeking whilst being visually pleasing in design.
– Deliver a responsive website that performs exceptionally on mobile devices.

Key Features


Technical highlights

– We were tasked with creating custom search functionality that searches text within PDF documents. This was accomplished through the development of a custom Expression Engine PDF text search extension.
– Angular.js framework was utilised to achieve fluid event driven user experience for calculators.
– Due to the abundance of references within articles, ease of content maintenance in regards to reference management was critical. We developed a custom reference system built into the Expression Engine CMS and dynamically rendered content to accomplish this.
– Custom auto-complete search capability that integrates with article headings and accordion javascript.



– Expression Engine CMS was a requirement of the project, due to being the platform of choice for the Heart Foundation of Australia.
– Angular JS is a structural framework for dynamic web apps, especially perfect for single page applications such as the calculators on the Heart Online website.


Special features

A variety of navigation options to accommodate different user journeys, including:
– Homepage icons as visual representation of primary content topics.
– Top navigation bar and drop down mega-menus for intuitive access to all content.
– Content housed in accordion functionality to effectively display long articles, which cannot be separated onto multiple pages as a project requirement.
– Persistent side menu for long content, which interacts with the content by opening corresponsding accordion sections.
– Auto referencing system in the Expression Engine CMS back-end for ease of reference updates for administrator users.

Read all features / benefits
online casino