Skills

Information sourced from Skills

Project Highlights

As the Design System Lead at Airwallex, I drove the evolution and maintenance of our in-house Design System, enabling seamless collaboration between design and engineering to ensure consistency, efficiency, and scalability.

Key Contributions

• Strategic Planning: Played a pivotal role in strategic decision-making for the Design System, prioritising tasks and aligning with quarterly product goals.
• Maintenance of Services: Managed Storybook and aligned Figma UI Kit with the live codebase for consistency across design and development.
• Onboarding: Streamlined the onboarding process for new Product Designers, providing comprehensive guidance on contribution processes, tooling, and best practices.
• Documentation & Guidelines: Orchestrated collaborative efforts to enhance our UX documentation. Refocused guidelines to meet evolving product requirements.
• Code Reviews: Ensured high-quality contributions to the Frontend Component Library through detailed reviews of coded components, focusing on design token usage and composability.
• Design System Council: Provided feedback on emerging patterns and components, facilitated updates, and curated feedback for continuous improvement.
• Components: Actively enhanced coded components with responsive updates for optimal performance across devices. Maintained the Figma component UI Library, ensuring accessible properties and easy prototyping with component variants.
• Collaboration & Communication: Orchestrated effective communication between designers and developers, promoting technical collaboration and efficient development processes.

Contribution Model

My approach emphasised empowering teams to contribute effectively to the system, fostering alignment across product teams. Learn more about my approach with contribution models

UX Guidelines

To maintain consistency across products during the design exploration phases, we closely integrated UX Guidelines within Figma, ensuring they were always accessible as designers prototyped new experiences. This approach helped designers utilise common patterns across products and avoid introducing multiple variations of similar approaches, aligning design intent with development execution from the outset.

• Read more about my approach to collaboration.
• Learn more about how I created high-quality guidelines.

Throughout my tenure at Airwallex, I've fostered a collaborative Design System environment, delivering robust, scalable, and user-friendly outcomes. I'm eager to leverage my experience to drive design excellence in future opportunities.

I contributed to the evolution of Feelix by shaping its documentation site, collaborating with engineers to develop key components for the MYOB product experience, crafting design tokens, and enhancing responsive design support through CSS contributions.

• Maturing Feelix • June 2018
• View all Design system case studies

Key Contributions

Muibook.com is the home of the MichaelUI Design System (MUI), a personal collection of Native Web Components built for composability, performance and trusted customisation.

Why I Built This Design System

I wanted a portfolio piece reflecting my vision of a complete, working design system. Design systems span many touchpoints, from restricted Figma files to private Storybooks. Muibook shows a full design system, not just UI components but the full experience: Figma components, code, tokens, UX guidance, and AI integration.

• Muibook.com
• Read the Blog

Goals

In this design sprint, the cross-collaborative group looked to solve known and unknown problems within the Accounting rural space.

• Design sprint case study • July 2017
• Storytelling case study • July 2017

Guru Guides is a free tool that helps teams document and share design system guidelines directly in Figma. It’s designed to increase engagement during the design process by reducing context switching and keeping guidance close at hand, so designers can stay focused and maintain consistency as teams scale.

• Guidelines at Your Fingertips • Apr 2025
• Install Plugin
• View Website

Figma Plugin

This is the default Guru Guides Figma Plugin showing a collection of components with guideline examples. The plugin can be customised to show specific components and guidelines relevant to your design system.

Website

The tool is also available via the web, ensuring guidelines are accessible to all team members, regardless of their role or access to design tools. This inclusivity helps foster a shared understanding of design principles across the entire team, from designers to product managers and developers.

Outcomes is an app that helps users track objectives and key results in an outcome-based roadmap format. It organises tasks into Upcoming, Doing, and Finished columns and includes tracking for key results for each objective.

• Improving Performance in Guru Outcomes • Apr 2025
• outcomes.gurusuite.xyz

When running a small business, there are some tasks a business owner is required to do, which helps with their tax compliance tasks. One of these tasks is reconciling their expenses to their bank transactions that come into their accounting system. To ensure the experience is an enjoyable and most efficient, the experience is designed to be less of a data-entry task, and more of a simple review.

During an MYOB Hackday in 2017, I set out to investigate and create a solution for a well-requested feature.

The capture experience allows business owners to record and store their business-related expenses in a convenient and accessible digital format. By having this document available in the MYOB, the system enables their accountant to have access to all the information they need for the tax period.

Fast forward a few years to 2019, MYOB launched an application called MYOB Capture, that's right, Capture. Where I wasn't involved in this project directly, a lot of the original thinking for the experience remains core to the experience, such as capturing an image of the receipt and uploading to an existing storage facility within the MYOB products, called In-tray.

Information sourced from Home and Case studies.

Blog Posts

I write about my experiences, insights, and lessons learned in product design, UX, and design systems. My blog serves as a platform to share knowledge, reflect on industry trends, and connect with the broader design community.