Skip to content
CGU ONLINE TOOLKIT

Feature Modules

Feature modules are a style of modules that focus on limited amounts of content, strong call to actions and large imagery. Feature modules vary from attention grabbing Header modules to flexible Grids and everything in-between.

Search Header

Module description:

The Search Header can be used to help aid in discovery of different content from top-level pages. This is particularly useful if there are many sub-pages of content in this section of the website. A background image should be chosen which is relevant to the content searchable and allows the text and search box to be clearly visible.

An optional call to action bar can be added at the bottom of the module. Text in this area should be kept to a minimum.

Requirements:

  • Title (max 30 characters)
  • Search field with description text & search button
  • Background image (full width - Desktop: 2000 × 777, Mobile: 768 × 353)
  • Optional: Call to Action bar with copy and 1 html link

Image Panel - Small

 
 

Are you insured for the right amount?

Use our building and contents calculators to determine the level of cover that you need.

Home Building calculator
Home Contents calculator
 

Module description:

The Small variation of the Image Panel module uses iconography and a large background image to the same effect as the Large variation, but should only be used with content focusing on a single message.

The module is full width, meaning the image extends to the edges of the users bowser. Icons should be chosen from the Universal set.

Requirements:

  • Title
  • Body copy (short sentence)
  • Links with icons (max 5 links, use Universal icons)
  • Background image (faded to #414042, full width - Desktop: 2000 × 455, Mobile: 998 × 300)

Image Panel - Micro

Product Disclosure Statement

Within this PDS, you’ll learn everything you need to know about what’s covered under your insurance policy – including the all-important No Claim Bonus, exclusions and excesses. Go on, make yourself a cuppa and read it now.

Car Insurance Product Disclosure Statement (PDF 1.04 MB)
CGU Personal Insurance Supplementary PDS (PDF 88.47 KB)

Module description:

The Image Panel Micro provides space for a single message across the title, body copy and up to 3 links. Unlike the Small variation, the Micro module is not full width, its width is constrained to the content column. Icons should be chosen from the Universal set.

Requirements:

  • Title (max 60 characters)
  • Body copy (short paragraph)
  • Links (max 5)
  • Background image (faded to #414042, Desktop: 1140 × 350, Mobile 335 × 671)

Image Panel - Icons

CGU has your business covered

Module description:

The Icon variation of the Image Panel provides space for 3 feature icons along with a short description. This module should be used as an alternative to the Large Image Panel, when a more visual approach is needed, or the 3 icons need to represent three different messages.

Icons for this module should be chosen from the Feature set.

Requirements:

  • Title (max 30 characters)
  • Icons with description (min 3, max 3)
    • Use icons from the Feature set, description text (short sentence)
  • Background image (faded to #414042, full width - Desktop: 2000 × 571, Mobile: 998 × 966)

Grid - Image

See how Public Liability insurance has helped Australian businesses

Hospitality

Why does a hospitality business need liability insurance?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere aperiam dicta repellendus sed veniam at beatae, adipisci ex ut ipsam enim quam omnis laborum eius suscipit ratione inventore tenetur quis.

Trade

When a client tripped over a ladder, it could have cost me my business

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum autem temporibus ipsam molestias aspernatur? Quia repellendus distinctio quos est ipsa quisquam dolores consectetur modi, sunt voluptatibus, doloribus perferendis minus.

Professional

Physical injury cover

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt velit consequatur ea error dolore molestiae aliquam magnam, tempora quo earum laborum qui eius quaerat facilis officiis fugiat, veniam quibusdam.

Retail

What happens if someone sues my business?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam, dolorum. Quas, doloribus laborum dolore suscipit, ipsam quia, temporibus excepturi voluptates consectetur qui cum nihil. Recusandae aliquid.

Module description:

The Grid Image module is one of the more flexible Feature modules. The amount of content displayed can be varied by the amount of tiles chosen to be displayed.

Each tile provides space for an image, sub-title and paragraph content with an option for descriptor/category label. Please note that the image layout changes depending the mobile and desktop views.

An optional summary tile is also available, which allows users to download a PDF. This PDF and its content should directly relate to the content in the tile above.

Requirements:

  • Title (max 30 characters)
  • Content tiles (max 6)
    • Each title should contain: image, descriptor word (optional), sub-title, paragraph content
    • Image dimensions - Desktop: 164 × 375, Mobile: 350 × 165
  • Background image (treated in dark grey) Desktop: 2000 × 1060, Mobile: 768 × 2000
  • Optional: Download link tile (see 'Grid - Text' for more details)

Grid - Text

Questions to ask when starting a business

Young man working in a shop being handed a credit card.

How do I get funding for my business?

Morbi interdum mollis sapien sed ac risus. Phasellus lacinia magna a ullamcorper laoreet lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus mauris nibh felis adipiscing varius adipiscing in, lacinia vel tellus.

Resources

How do I write a business plan?

Lorem ipsum dolor sit amet consectetuer adipiscing elit. Phasellus hendrerit pellentesque aliquet nibh nec urna in nisi neque, aliquet vel dapibus id mattis vel nisi. Sed pretium ligula sollicitudin.

Resources

How can CGU help start my business?

Sed egestas ante et vulputate volutpat eros pede semper est vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing commodo quis gravida id est sed lectus. Praesent elementum hendrerit tortors ed semper lorem at felisv estibulum volutpat lacus a ultrices sagittis mi neque euismod dui, eu pulvinar nunc.

Resources

Module description:

The Grid Text module is similar to the Image variation, but caters for more text heavy content. The amount of content displayed can be varied by the amount of tiles chosen to be displayed.

Each tile provides space for an icon, sub-title and paragraph content with option for feature image. Icons should be chosen from the Universal set.

An optional summary tile is also available, which allows users to download a PDF. This PDF and its content should directly relate to the content in the tile above.

Requirements:

  • Title (max 30 characters)
  • Content tiles (max 6)
    • Each title should contain: image (optional), sub-title, paragraph content
    • Image dimensions: 498 × 291
  • Background image (treated in dark grey) Desktop: 2000 × 1142, Mobile: 768 × 1794
  • Optional: Download link tile (max 1)
    • The download link tile must contain: thumbnail, title, file details, supporting image

Digital First Occupation Picker

Get a quote for trades insurance today

Our trades insurance is designed to cover the unique needs of tradies. Choose the level of cover that works for your business in just a few easy steps. CGU Trades Insurance covers you for:

  • Liability Insurance for onsite business protection
  • Tool cover with flexibility to add on site overnight storage
  • Portable Electronic Equipment cover for devices such as mobiles, tablets and laptops if they are stolen, damaged or lost.
  • Commercial motor vehicle insurance to cover your work vehicle or trailer

Module description:

For business products that have online quoting, the Digital First Occupation Picker module can be used to facilitate users easily starting a quote from a content page. This module provides space for a small amount of marketing copy inlcuding title, introduction and up to icons with dot points.

The rest of the module is an occupation and location picker, the data for which must line-up with options in Digital First as this provides information that forms the start of an insurance quote.

Requirements:

  • Title (max 30 characters)
  • Body copy (short paragraph)
  • Dots points with icons (max 4, see icon demo for list of icons)
  • Occupation picker
  • Background image (tier 1 branded image treated as per latest brand guidelines, full width - Dimensions: 1800 × 565)

Call to Action - Image

Get a Home Insurance Quote Today

Buy online

Module description:

The Call to Action - Image module allows for a final area to provide a action the user should take. This action is prodominatly getting a quote online.

This module should be placed near the end of the page, but before modules such as Related Articles or Related Products.

Requirements:

  • Title (max 30 characters)
  • Call to Action buttons (max 1)
  • Background image (tier 1 branded image treated as per latest brand guidelines, full width - Desktop: 2000 × 520, Mobile: 768 × 400)