The Australian Government coat of Arms

Communities of practice

Communities of practice

Carousel - Split-image-text

myGov Beta component

This component consists of individual cards which turn into a carousel at a certain number of cards.

The ‘Split-image-text’ card has an image background behind a full-width white container which consists of a heading and arrow CTA. On hover, the arrow animates by moving right 10px.

The carousel includes left and right arrow buttons to navigate between rows of cards.

On mobile, only one card maximum will display at a time. Any additional cards can be viewed by navigating with the arrow buttons.

Rationale for submission:

The carousel component provides the user the opportunity to explore content that is relevant to them.

Specifically, the ‘Split-image-text’ carousel works well to link to content pages that don’t require a supporting description and fit within a certain category e.g. Crisis & hardship, Work & education, Health, Raising a child.

Extension of ‘Card’. Prior conversation at Responsive Image Slider / Carousel.

UX owner: Jess Taylor
VD owner: Tamati Currie

InVision link:

See ‘Crisis & hardship’ carousel on Homepage:

Desktop
https://deloitteaustralia.invisionapp.com/share/7GXYQS96DBY

Mobile
https://deloitteaustralia.invisionapp.com/share/QRXZDYW5V49

Sketch file:
DTA-10-Carousel-Split-image-text.sketch (2.1 MB)