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 GEL Design System
View our multi-brand, responsive, HTML framework for designers and developers.
Sketch UI Kit
Download these design assets to help you create high quality, consistent digital experiences.
CCD and Agile
Read about CCD and Agile. Support your project to ensure the customer remains front and centre.
Collaborate for quality
Find out how to plan and establish a collaborative approach to your project.
Lean startup tools
Use them to focus on problems, solutions, key metrics and competitive advantages.
Read about how some of your most important requirements are the things you can’t see.
Download these insights to inform your work about your customer’s behaviours, attitudes and needs.
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.
Create a styleguide to reduce errors, time to refactore and the need to rebuild.
Read about our UI icon library. How to use icons, when to use icons and… when not to use icons.
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, BankSA 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.
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 Design System
As well as being a tool to inform developers, the GEL Design System works as a coded visual style guide for our designers. They are the single source of truth for the digital brands as well as a representation of the common elements used in digital interfaces. View the Design System
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 elements found in the Design System. 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 Design System and lots of reusable 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