Australian Skills Quality Authority: New site on GovCMS

Mapping the brand to the theme

Morpht undertook an initial analysis of the ASQA branding guidelines and extracted the following key components:

• typography
• primary, secondary and accent colours
• backgrounds and textures
• imagery treatment.

Each of these aspects were mapped into features inside the theme

• Typography could be applied on a site wide level in the theme, ensuring that Editors adhered to a consistent style throughout the site
• Colours were mapped into various colour definitions in the theme. Each of these colours were converted to selectable options for ‘hero’ and ‘content backgrounds’, providing Editors with flexibility when creating areas of focus on web pages.
• Commonly used textures were also converted to selectable option for ‘heroes’ and ‘callouts’, providing Editors with versatile options when building out content rich pages.
• Other image treatments were also provided as editor selectable options.

The approach here was to map as much as we could into the theme and then deliver these styles as tooling to Editors, empowering Editors to build out the pages as they desire, while adhering to the required usability and accessibility standards.

Component driven design

During the wireframing and design stage of the project we uncovered a number of different components needed for the build of the site. Some of these components were extensions to what is found natively in the design system:

• Hero elements
• Item lists for titles
• Icons
• Accessible menu

Each of these ‘components’ were implemented into the theme, in most cases utilising the Paragraphs module. This provides Editors with a modular and highly flexibly solution for adding content and laying out pages.

In the case of the menu for the main navigation, we adapted and applied the Adobe Accessible Megamenu library to support keyboard and screen reader accessibility standards.

Content migration

Anyone who's worked on a content migration project would warn you not to underestimate the job. We started by uncovering 14 different content types and their related structures. Mapped those to new page layout and views. Ran migration API workflows to manage most of the migration and supported that with custom PHP scripts. We created 11 custom PHP scripts to:

• manage the renaming of pages
• migrate taxonomies
• capture redirects from old pages to new
• create table of content component within pages where needed
• enable webforms
• check for errors during migration
• publish content in bulk.