Sensei
Sensei.study is an innovative Japanese language-learning app that helps you master real-life phrases through engaging lessons and authentic audio clips. It also explores the new light-dark CSS feature, offering both light and dark themes to match user preferences and improve readability across different lighting conditions.
Guru Guides
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.
Read the Case Study
Virtual Card
At Airwallex, I explored a fun way to make virtual cards stand out from physical ones, both represented in-product. After a quick team chat, I prototyped a CodePen concept using mesh gradients and looping transitions, creating a vibrant, ever-shifting digital aesthetic. This playful exercise reimagined how digital cards could feel more dynamic and alive.
MYOB Invoicing
Research has shown that quotes would be a useful feature for MYOB Invoicing to introduce. With the task of adding quotes to the current mobile application, there was an opportunity to review the workflow across Invoices also, so the work completed in quotes would need to be a holistic vision for the future experience of the MYOB Invoicing application.
Outcomes
Coming SoonOutcomes 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.
Feelix – Design System
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.
Case Studies
I have recently created a new section on my website called Case Studies, where I showcase work from the past two years working at MYOB as a Senior Product Designer, and the thinking and processes involved.
Served
Served is a mobile app that provides a new way of ordering and paying at restaurants. I explored the end-to-end experience of how a user would browse the restaurant menu, right through to settling the bill. With the inconvenience of Covid-19 for restaurants to operate as usual, I have recently explored how to enable this service to allow restaurants to have complete control of home deliveries.
Capture
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.
Mobile Banking
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.
On The Wrist
Receive timely reminders of incoming & outstanding payments, which allows businesses to keep an eye on their business health, without the overhead of being tied to their desk. This ease of mind enables the business owners to focus on more critical areas, which is running and ensuring their business is thriving.
Web Type
CodepenEver since learning how to create online experiences with code, I have always been interested in how to apply typography to the web. This Codepen example is one of my explorations with responsive type on the web.
iOS14 Public beta
My exploration improves the layout and functionality of the home screen widgets and increases the efficiency of accessing the App Library. The hypothesis is that integrating the 'App Library' into the 'Siri search' would be more familiar to a user, and faster to complete the intended task.
Royalty
iOS loyalty coffee app that makes use of iBeacon technology, so leave your loyalty cards at home. I contributed to this project by directing the user experience through the use of wireframes and creating the overall design aesthetic.
Toggle Contrast
CodepenOver the years, I have been experimenting and using Codepen to try out new ideas in the hope to utilise the explorations in future work. This contrast toggle was an exploration of how MYOB could introduce this concept into our product family.
Google Glass
CodepenI created this composition back in 2012 when I first started to learn CSS. In 2020 I have decided to revisit the design and make it responsive. The Google Glass visual direction of this advert is a pastiche of the "X-Ray" vision glasses that would be seen within a comic book magazine from the '60s.
Mui Pattern Library
This pattern library is a consolidation of patterns created on my codepen.io/trilm. It isn’t a framework, but a collection of base styles & components to assist with crafting prototypes or design.
Ngā Taonga
I lead the design & front-end to build a deserving mobile-first experience, which complements the vibrant content found within the walls at Ngā Taonga Sound & Vision.
Bladerunner 2049
With the introduction of SVG images and high-resolution screens, pixel-art is not a required skill in web design anymore. However; my passion for pixel-art has continued and here is a Bladerunner inspired illustration I have created.
Time Capsule
Based on the user's location, they can view modern-day landmarks during different periods. My goal is to be more involved with the implementation of my designs for iOS, so I can make correct design adjustments that were needed during development.
Anzac Sights & Sounds
This site explores the sights & sounds of World War I before, during & after the war. The clients' focus was to present the imagery, video & audio content excitingly. My objective was to let the content shine, so the design direction is built around this concept.
