Portrait XL L M

NSW Department of Premier and Cabinet

NSW Government Digital Design Guidelines


Making it easier to create accessible, mobile-friendly government websites for the NSW public

The challenge
The Department of Premier & Cabinet wanted to ensure consistency and trust across NSW Government websites with the aim of providing simple and seamless experiences for all citizens.

What we did
Folk worked closely with the Department of Premier & Cabinet to define and validate a foundational digital design guideline that NSW brands can easily apply and adhere to their services.

To achieve this, we knew how important it was to work closely with the teams who design and build NSW digital services. By partnering with key NSW government agencies through collaborative research, workshops and analysis, we were able to identify and frame;

_ Citizen needs and pain points with the as-is digital experience
_ Triggers and barriers to the introduction of digital design guidelines
_ Requirements for brand variance and system boundaries
_ Foundational digital design principles for NSW

The all-new foundational NSW Government Digital Design Guidelines make it easy for design teams to build on brand, accessible digital design for all citizens and their experiences.

https://www.digital.nsw.gov.au/design-system/style

The solution has been designed and tested with NSW citizens, covering a range of accessibility needs.

Scope

Experience and product design

01 1920X1280 Dpcopt

Close collaboration

Through collaborative research, workshops and analysis, we worked closely with 15 government departments and agencies, including:

• Department of Premier and Cabinet
• Department of Industry
• Department of Finance
• Department of Education
• Department of Justice
• NSW Health
• Transport for NSW

NSW DPC Website Working 1

NSW DPC Website Working 2

NSW DPC Website Working 3

NSW DPC Website Working 4

Design and developer tools to make citizen centred products and services.

NSW DPC Website Working 5

NSW DPC Website Working 6

NSW DPC Website Working 7

NSW DPC Website Working 8

Responsive layouts
Layouts for pages that designers can add or remove components to suit their product’s needs, optimised to scale elegantly from mobile to large screens.

Brand application and site navigation
The digital design guidelines include the masthead and footer for every NSW Government webpage.

NSW DPC Website Working 9

NSW DPC Website Working 10

Visual identity system and core UI components
The colour, typography, and UI components have been carefully considered and tested to meet the needs of digital creators when developing citizen-centred products and services.

NSW DPC Website Working 11

NSW DPC Website Working 12

NSW DPC Website Working 13

NSW DPC Website Working 14

NSW DPC Website Working 15

NSW DPC Website Working 16

The digital guidelines provides a simple and seamless experience for all citizens in NSW.

NSW DPC Website Working 17

NSW DPC Website Working 18

NSW DPC Website Working 19

NSW DPC Website Working 20