Kia ora, I'm Mike Trilford.

I love to [ uncover insights ]

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.

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.

Michael Trilford's Portfolio -Figma iPhone XS template

Outcomes

Coming Soon

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.

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.

Michael Trilford's Portfolio -Figma iPhone XS template

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.

Michael Trilford's Portfolio -Figma iPhone XS template

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.

Michael Trilford's Portfolio -Figma iPhone XS template

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

Codepen

Ever 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.

Michael Trilford's Portfolio -Figma iPhone XS template

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.

Michael Trilford's Portfolio -Figma iPhone XS template

Toggle Contrast

Codepen

Over 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

Codepen

I 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.

Michael Trilford's Portfolio -Figma iPhone XS template

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.