Project 02 of 10

Pallet - NZTE’s new cross platform design system

Down-icon

Client: NZTE

Role: Design systems

Year: 2024

At NZTE I was a highly active contributor and early adopter of their new design system, Pallet. I designed several large components in the new design library and established documentation guides for ongoing use, collaborating closely with the design team and developers to ensure successful adoption into our day-to-day workflow.

Pallet_00-1

Built on Chakra UI

Pallet is built on the Chakra UI component system. Every new component in Pallet references the Chakra UI documentation to ensure scalability and composability for designers and developers.

Accessibility front and foremost

As a government agency, we must adhere to at least WCAG 2.0 Level AA standards. Every component added to Pallet is researched and designed to meet these requirements and must pass A11y tests before being accepted and adopted into Pallet.

Pallet_01-1
Pallet_02-1
Pallet_03
Pallet_04

Scalable and robust

Components added to the library mirrored the functionality required across our ecosystems and aligned with the same props and values as Chakra UI components, ensuring flexibility and scalability.

Pallet_05
Pallet_06
Pallet_07
Pallet_08
Pallet_09-1

User friendly workflow

To streamline the design process, Pallet components were organised and configured with easily usable values and props, enabling a fast and efficient workflow for both designers and developers.

Pallet_10
Pallet_11
Pallet_12
Pallet_13
Pallet_14
Pallet_15
Pallet_16-1
Pallet_17

Documentation

I created documentation guides for new components in the Pallet library, which fellow designers adopted. This documentation had to be completed before developer handover, ensuring clear functionality for developers to build and future teams to reference.

Pallet_18
Pallet_19-1

Results

07

New components contributed to the Pallet design library

07

Story book documentation pages contributed to Pallet

03

Designers peer reviewing every new component added

100%

Adoption rate of Pallet across developer and design teams

LogoDark

© 2024 Jim Pachal. All trademarks belong to their respective owners. All rights reserved.