Strategic & Foundational

Design System Library

Design System Library for AI-Assisted Delivery

Design System Library for AI-Assisted Delivery

A scalable design system supporting Discovery Parks and G'day Parks across web and mobile platforms. Built to improve consistency, accelerate delivery, reduce duplication and establish a shared foundation for future AI-assisted workflows.

3

3

Digital Platforms

Discovery Parks & G'day Parks Website, and G'day Parks App

23

23

Design & Product Stakeholders

Designers, product owners and developers using design library.

200+

200+

Reusable Components

Shared UI patterns supporting web, app and campaign experiences.

80+

80+

Templates Created

Desktop, tablet and mobile templates accelerating delivery.

Problem

As Discovery Parks and G'day Parks evolved across multiple digital products, design decisions were becoming increasingly fragmented.

Patterns were recreated multiple times, design files became harder to maintain, and handover quality varied between teams.

Without a shared system, maintaining consistency across websites, mobile experiences, campaigns and future product initiatives became increasingly difficult.

My role

I led the evolution of a shared design system in Figma that established a common UX and UI foundation across Discovery Parks and G'day Parks.

This included defining reusable patterns, governance standards, documentation frameworks and component architecture that supported collaboration between design, engineering, marketing and product teams.

The challenge

Create a shared design system capable of supporting multiple brands, platforms and teams while reducing duplication and improving delivery consistency.

What I did

Shared Foundations

  • Unified Discovery Parks and G'day Parks patterns

  • Common interaction standards

  • Reusable UI components

Component Architecture

  • Atomic component structure

  • Scalable pattern library

  • Consistent naming conventions

Governance Framework

  • Documentation standards

  • Change management process

  • Cross-team adoption

Developer Alignment

  • Shared design language

  • Improved handover quality

  • Reduced implementation ambiguity

Design System Expansion

  • Marketing assets

  • Campaign components

  • Product experiences

AI-Ready Structure

  • Consistent component definitions

  • Structured documentation

  • Better support for AI-assisted workflows

Why Change Was Needed

Why Change Was Needed

Design System Evolution

Before

Separate files

Inconsistent patterns

Duplicate work

Manual handover

After

Shared library

Reusable components

Faster implementation

Consistent experiences

Component Library

Component Library

Shared component architecture supporting web, mobile and campaign experiences.

Shared component architecture supporting web, mobile and campaign experiences.

Product & Page Templates

Product & Page Templates

Reusable layouts and patterns used across Discovery Parks and G'day Parks products.

Reusable layouts and patterns used across Discovery Parks and G'day Parks products.

How The System Supported Delivery

Consistency

Shared patterns reduced visual and interaction differences across products.

Scalability

New experiences could be built using established components rather than creating interfaces from scratch.

Collaboration

Designers and developers worked from the same source of truth.

AI Readiness

Structured components and documentation improved the quality of AI-assisted design and development workflows.

"The goal wasn't to create a component library. The goal was to create a shared language that allowed design, engineering and product teams to move faster with greater consistency."

Outcome

Product Impact

  • Improved consistency across Discovery Parks and G'day Parks

  • Shared interaction patterns and UI standards

  • Reduced variation across customer journeys

Product Impact

  • Improved consistency across Discovery Parks and G'day Parks

  • Shared interaction patterns and UI standards

  • Reduced variation across customer journeys

Team Impact

  • Common design language across teams

  • Better collaboration between design and engineering

  • Faster onboarding for new team members

Team Impact

  • Common design language across teams

  • Better collaboration between design and engineering

  • Faster onboarding for new team members

Delivery Impact

  • Reduced duplicate design effort

  • Faster implementation through reusable components

  • Improved handover quality and implementation accuracy

Delivery Impact

  • Reduced duplicate design effort

  • Faster implementation through reusable components

  • Improved handover quality and implementation accuracy