NAB Website Design System

Role
Principal Designer
Scope
The public web design system for nab.com.au, built from the ground up

Outcomes

  • Thousands of nab.com.au pages rebuilt from 16 components, down from over 80
  • Every component A/B tested with millions of customers before release
  • Used by hundreds of designers in-house and at Clemenger, AKQA and Deloitte
  • Atomic from the ground up: every font, colour and icon a dynamic, reusable style
A map of the NAB website design system: cards, rate panels, buttons, navigation and type styles laid out on a dark green ground with connector lines running to the nab.com.au credit cards page they compose


I had the pleasure of leading the creation of NAB's public facing web design system, from the ground up. This went on to be the basis of the complete rebuild of nab.com.au and other supporting platforms.