Work
Taronga Zoo
Officeworks
Open insurance
Fidelity Life
Coca-Cola Amatil
NSW Electoral Comission
kicbox
Other projects
NSW Electoral Commission
Every interaction counts.
The New South Wales Electoral Commission (NSWEC) exists to deliver democracy in NSW and is proud of its record in running fair, independent and accessible elections.
Studio
Folk ↗
Role
Product Designer
Overview
Collaborating closely with key stakeholders, designers and developers, I worked to create a design system that best represents the NSWEC. Using the atomic design methodology, I designed and built out a complete UI system that is now being used to restyle all of their digital properties.
Visit site ↗
Design System
Foundations overview
These are the smallest building blocks of the NSWEC UI Kit; text styles, buttons, icons, input fields, radio buttons, etc.
These elements are not to be divided into smaller components.
These elements are not to be divided into smaller components.
Spacing
Spatial units ensure consistency through the design system. Spatial units also determine the size of items such as buttons or the height of the global navigation.
These units play a crucial role in setting a rhythm within the designs, creating meaningful information hierarchies and balanced interfaces that help users absorb information.
These units play a crucial role in setting a rhythm within the designs, creating meaningful information hierarchies and balanced interfaces that help users absorb information.
The brand iconography is used for navigational purposes. Designed with a linear style that uses the brand colours and gradients ensures they are consistent and identifiable.
Brand iconography
Components overview
Component specification
Component elements are complex entities made from several foundation elements.
Call to action tiles
Patterns overview
Patterns are primary elements made from a number of foundation elements.
Mobile Navigation
Templates
Home - Election Mode
Event page
Awareness mode
Election mode
Results mode
Elections page
Event page