An online destination for all things NSW

Webling (JWT) · 2017

UX/UI

Design Systems

nsw.gov.au is the primary digital channel connecting more than 7.5 million citizens to state-wide news, services and initiatives.

Government departments are scattered across the web and citizens don't know where to find the information they are after. How do we direct users to the appropriate website quickly? NSW is a large state with a diverse and segmented audience. How can we personalise the experience for every visitor? People want to feel like they are part of the decisions being made by the Government. How can we give a voice to the citizens of NSW?

By leveraging user-centric principles such as accessibility, localisation and integrated data, we were able to provide a personalized experience for every individual. Users can now view live traffic conditions, locate nearby service centres, get in touch with their local government representatives and engage with initiatives relevant to their situation, from any device.

A wide range of users

Providing an optimized experience for such a diverse audience can prove to be challenging. Early strategy sessions focused on understanding our users' context and aligning key business objectives with our content strategy.

A wide range of users

Content first approach

Our primary focus with the information architecture was to focus on a simple taxonomy that would cater to the broad spectrum of users. I spent a full sprint working out the right content strategy to support key user goals. I mapped out all of the pages and identified a handful of templates that would support a growing site map.

Content first approach

Search

More than 50% of the site's visitors use the search field to find relevant information. By surfacing popular and contextual results within the search flow, we can get users to the information they need quicker, without adding much mental load.

Search

Connect

In an effort to surface and promote various government services and data sources, we grouped localized content into a page-wide widget. Users could a access relevant local information at a glance.

Connect

In an effort to surface and promote various government services and data sources, we grouped localized content into a page-wide widget. Users could a access relevant local information at a glance.

Connect

In an effort to surface and promote various government services and data sources, we grouped localized content into a page-wide widget. Users could a access relevant local information at a glance.

Inform

The main objective of the redesign was to allow users with specific needs to quickly find the information they need. A two-tier page layout helped elevate popular content, and allow quick access to deeper sections of the website, all in one view.

Inform

Discover

Year-round, there are great many things happening all across NSW. The opportunity here was to allow users to browse and learn about events based on topics, dates and location – All dynamically updated through a CMS.

Discover

A cohesive design language

As the lead UI designer, my main responsibility was delivering an extensive style guide to the engineering team. With a concern for accessibility and implementation constraints, I made sure every component would scale with the website, and the team maintaining it.

A cohesive design language