Your role ~ The advocate for the customer, ensuring they’re always represented and that your design solutions balance customer needs and desires with business viability and technical feasibility.

use the tools

get up and running quickly and efficiently

How to design with GEL

Read about how to design with GEL. How do you retain this enthusiasm while designing with a design system?

The GUI

View our multi-brand, responsive, HTML framework for designers and developers.

The Grid

Read about our responsive grid. Why you should use it and how it works.

Sketch UI Kit

Download these design assets to help you create high quality, consistent digital experiences.

Axure UI Kit

Download the Axure UI Kit libraries and templates to keep you efficient and aligned.

CCD and Agile

Read about CCD and Agile. Support your project to ensure the customer remains front and centre.

CCD methodology

Customer Centred Design, know the process. Capture, Create and Deliver.

Collaborate for quality

Find out how to plan and establish a collaborative approach to your project.

Digital Brand compliance

Learn about the benefits of complying with the digital brand.

How to deliver
using GEL

Find out how to set up your CX project team for optimal design delivery.

Lean startup tools

Use them to focus on problems, solutions, key metrics and competitive advantages.

Non-functional
requirements

Read about how some of your most important requirements are the things you can’t see.

Customer Decision
Making Model

Download the model to understand how your customers make decisions.

Customer insights

Download these insights to inform your work about your customer’s behaviours, attitudes and needs.

CX frameworks

Download these guidelines to create and develope great customer experiences.

CX Visions & promises

Download our visions, they provide customer led strategic direction.

Personas

Download and know the personas - we are not our customers.

Research techniques

Download the techniques to engage with our customers and learn as much as you can.

GUI Dev starter pack

View our front end development environment that aligns with the elements in the GUI.

Write code
collaboratively

Create a styleguide to reduce errors, time to refactore and the need to rebuild.

Using grunt and npm

Find out how to automate your environment to speed up your work.

Multi-brand

Learn about our strategic approach to digital brand management & delivery.

Colour

Read about the colour system. Why we’ve done it, how it works and why you should use it.

Iconography

Read about our UI icon library. How to use icons, when to use icons and… when not to use icons.

Typography

Read about the typography system. Why we’ve done it, how it works and why you should use it.

GEL is a systematic design approach with a multi-brand responsive framework, it’s the Group’s ‘single source of truth’. It underpins our Customer Centric Design Methodology and helps to comprehensively deliver the Westpac, St George, Bank SA and Bank of Melbourne brands consistently with quality across every digital user interface. Most importantly, its tools are accessible and digestible, helping you and your teams deliver consistent, high quality outcomes, and with much less effort.

see the benefits

reap the rewards

Like any good design framework, there are inherent benefits that help your project deliver customer experiences with integrity on time and on budget:

  • CONSISTENCY through digital design clarity and direction
  • EFFICIENCY through a single source, multi-brand, multi-device solution
  • QUALITY through empowering us to deliver on our brand promises

Fundamentally though, collaboration is the key to success and one of the pillars for great work, not just between ourselves but also between visual designers and front end developers.

plan effectively

get it right first time

  • Getting support

    Sometimes you need to bounce ideas off others or just need an extra pair of eyes. We’ve established regular catch-ups and provided resources to support you and your team to deliver great design and a quality outcome for your Westpac Group project. The best way to make contact is to email us.

  • Plan for quality

    There are different levels of engagement with the GEL, even within the same role. Find out those options and processes available to better execute your project.
    More about Planning for quality

work effectively

reduce effort for a better outcome

Our design systems play an important role in achieving quality, consistency and efficiency across all our brands user interfaces.

We’re constantly building and refining these systems to cater for the ever changing digital brand landscape.

These systems also allow us to quickly implement new front end technologies into our projects.

Being able to react efficiently and effectively to change means our digital products and services will always utilise bleeding edge technology. This will enable us to continually design and build high quality products and services for our customers.

It’s important to understand these systems. They’ll help you design and build coherent, consistent user journeys while maintaining strong brand alignment.

We’re constantly building and refining these systems to cater for the ever-changing digital brand landscape.

  • how to design with GEL

    You’ve got grand ideas! You’re up to speed on all the latest AI, AR, VR, and hardware technology. You’re excited to push the boundaries of what’s possible and be on the cutting edge of the industry. How do you retain this enthusiasm while designing with a design system? More about how to design with GEL

  • the GUIs

    As well as being a tool to inform developers, the GUIs work as a coded visual style guide for our designers. They are the single source of truth for the digital brand as well as a representation of the common elements used in digital interfaces. View the GUIs

  • the grid

    In today’s digital world responsive design is simply best practice. We’ve created a responsive grid – along with a library of templates to help you design for multiple screen sizes. The responsive grid is a powerful system. It’s difficult to master but crucial if your design has to be responsive. More about the grid

  • sketch UI kit

    A set of graphic assets for designing responsive, multi-brand applications that align with our front-end development framework. Each element in the Sketch UI Kit corresponds exactly to the coded element found in the GUIs. More about the Sketch UI Kit

  • axure UI kit

    Our wireframing UI Kit has been created using Axure. It contains all the elements you will find in the GUIs and lots of re-usable patterns and components sized to match the responsive views. Using these tools will save design time and have you thinking with a design system mindset from the get-go. More about the Axure UI Kit

talk to us

we’re here to help you get started and stay on track

  • 1 Planning phase

  • 2 Design & build

  • 3 Approval & Delivery

make informed decisions

with our principles, customer centric design philosophy and customer insights

Accessibility

Your design solutions should reflect the Westpac Group’s recommended accessibility guidelines and be as inclusive as possible. This is both a social obligation and a legal requirement.
More about Accessibility

Customer centricity

Across our business, everything we do starts with the customer at the centre. It means every single process and every single practice should be built from the customer’s perspective.
More about Customer centricity

CX design

Our CX design principles will help your solutions reflect the core expectations for our customers and brands.
More about CX design

Multi-brand

We’re a multi-brand organisation. We need to be smarter in the way we think about design, re-using wherever possible to achieve more with less effort.
More about Multi-brand

Our values

We don’t just pay lip service to the concept of values we take our values seriously. They have real, practical relevance to your work and workplace.
More about Our values

Responsive design

Only with a thorough understanding of why responsive design is the right approach can you confidently influence the project to do the right thing by our customers in adopting it.
More about Responsive design