…

Portfolio

A selection of recent design work

Tonkin + Taylor Digital Design

2021-2024

UI, UX, Figma, Illustrator, Photoshop, Miro, HTML, CSS, Logo Design

Tonkin + Taylor are New Zealand's leading environmental and engineering consultancy. Their award-winning engineers, scientists, planners and project managers stand shoulder-to-shoulder with the best in the world.

Working closely with T+T’s product managers, business analysts and geotechnical engineers, my primary focus was the creation and maintenance of our Component Libraries as we built a comprehensive system to handle a wide range of complex visualisation tools including interactive maps, graphs and other geotechnical data.

I had the opportunity to work as a UI/UX Designer on several key projects for Tonkin + Taylor, which took us from Discovery (assessing desirability, feasibility and viability with the various stakeholders), through to working closely with the project managers, business analysts, developers and testers to Delivery. We followed the classic Design Thinking process to help us understand our users, challenge assumptions, redefine problems and create innovative and practical solutions. These projects have included:

Damtec – a dam safety management system for New Zealand
Stockholm – a system that manages global disaster relief stocks
Cirro – a real-time geotechnical data monitoring and analytics platform
Landcheck – a way to check for natural hazard risks to any property in Auckland

These projects were highly successful and well-received, thanks to our focus on close client involvement and a user-centred approach. From the initial Discovery workshops through to regular progress reviews, we maintained transparency and collaboration. By advancing step-by-step through wireframing, prototypes, and working demos, we delivered products that effectively aligned with both user expectations and the business goals.

Logo designs

Recommendations 💫

Matt is a significant contributor to our business, constantly delivering high-quality work. As a Principal Designer on recent projects, his work extends beyond 'digital design' – his thoughtful approach and ability to contextualize ideas and scenarios has proved invaluable – promptly translating these into features, functionalities, and user interfaces. A team player with a great sense of humour, his welcoming and inclusive nature enriches our team dynamics. ~ Mark Michel, Senior Product Manager at T+T

Matt came up with designs that made the website look cleaner and way more user-friendly. He didn't just make it look good, he also made sure it met the client's needs and was easy for us to implement. Even after we finalised the designs, he kept working closely with us on tweaks and progress. He's super detail-oriented and always pushes for the best results. I can tell he really cares about getting things right. The way he works with the team is great as he's always open to feedback and makes sure his designs aren't just 'pretty', but practical too. He's got a great mix of creativity and practicality that really shows in his designs and the way he works. ~ Alan Guo, Senior Developer at T+T

Find out more about Tonkin + Taylor

Figma Links 2021-2024

For context, it would be best if I talk you through these working files…

LocalCover Interface Design

2019-2021

UI, UX, Figma, Sketch, Zeplin, Photoshop, Illustrator, HTML, CSS

LocalCover was a venture-backed startup based in New Zealand providing “warranty against product defects in your own country for the products you purchase from overseas web retailers”.

In my role as Senior UI Designer I was responsible for managing and maintaining the Component Libraries for the next iteration of LocalCover's offering. On a day-to-day basis I worked closely with the team of writers, designers, developers and business analysts to deliver the company's new Boxer® website and back-end services.

Recommendations 💫

I've worked with Matt for approximately two years and have found him to be a talented and thoughtful designer who understands the complexity of designing for the web. In addition to his design ability, he has great interpersonal skills and is a pleasure to work with. ~ Leonie Farmer, Lead Engineer at LocalCover (2019–2021)

SKY Web & Apps Team Web/Apps/Print Design

2015-2019

UI, UX, HTML, CSS, jQuery, Git, Photoshop, Illustrator, Sketch

I worked as a UI/UX Designer within the Web & Apps Team at SKY TV, New Zealand's “leading sport and entertainment company”.

As a team, we supported the business designing and developing mobile apps and websites. In consultation with the Product Managers and Business Analysts my role involved delivering wireframes, mockups, proof-of-concepts and prototypes that work within SKY's brand guidelines. On a day-to-day basis, I worked closely with the team of developers to create mobile apps, new websites and back-end systems for the various SKY products.

Check out samples of our recent work on our website.

Site: webapps.skytv.co.nz

Recommendations 💫

Thanks to the team who designed and built the interface for our metadata management – it's been lovely to use and very easy to navigate. I don't think I have ever been so happy at SKY! This really is something to celebrate. Let's break out the champagne!!! ~ Claire Newell, Metadata Manager (2015–2019)

We are a quiz company – we make great quizzes but have little internet knowledge so the steps towards a new website was something we couldn't comprehend! However, the team walked us through the process, were fantastically accommodating, patient and extremely creative, and we now have an awesome professional website which gets us many accolades. What an awesome team! ~ Brendan Lochead, General Manager (2014–2025)

Spendvision Web App Design

2011-2013

UI, UX, HTML, ASP, C#, CSS, jQuery, Print Design

I worked as a UI/UX Designer at Spendvision (now part of Visa) as part of the UX Team designing financial management software for a range of clients including Lloyds, ANZ, and Govt. of Canada.

Much of my work involved liaising with analysts and team leads to deliver modular solutions to often complex functional requirements, usually in the form of workflows, wireframes and HTML/CSS templates for the development teams to implement as part of Spendvision's quarterly rollouts.

I was also responsible for branding white label versions of the product for the various partners, delivering technical documentation to the teams, and providing proof-of-concepts to the executive management to demonstrate how the core product might evolve.

Responsibilities

Managing, evolving and standardising the design and technical maintainability of the Spendvision application. Ensuring that WAI, cross-browser compatibility, CSS, W3C standards and compliance are at the level required.
The creation, maintenance and stewardship of standards guidelines and templates to assist technical teams in the efficient creation of application UI.
Mentoring and training of technical teams to ensure they understand and can implement deliverables as per guidelines.
The creation of new design elements such as HTML structures, icons, and navigation elements to assist with ongoing UX improvements and new module development.
Hands-on development of UI and development artefacts required to evolve the application, including updating legacy CSS and HTML to be in line with new standards.
Working within an Agile Scrum methodology.

Recommendations 💫

Matt is a very creative guy who understands Technology. As Design Lead he was our go-to guy for solving tricky design problems in our web UI. He drove good design and quality while remaining pragmatic and considerate of commercial realities. He was comfortable presenting ideas to the executive team and could be depended on when deadlines were tight. Matt is easy going and made many friends at Spendvision. Put him in a supportive environment with clever people and he will thrive. ~ Daniel Larsen, Development Director at Spendvision (2012–2015)

Screenshots of Spendvision

Posters for Spendvision

Masaki Iwana Web Design

2009-2020

Identity, UX, UI, PHP, HTML, CSS, jQuery

I had the honour of looking after Butoh dancer Masaki Iwana's website from 2009-2020. In mid-2014 I was given the opportunity to re-design his site with the brief to be fresh, ultra-minimal, multi-lingual and responsive.

I made an audit of the old site which had become bloated and really quite difficult to manage, re-organising both new and old content into meaningful sections, marking up all the pages in both Japanese and English, with a huge amount of time spent in Google Translate deciphering the Japanese text. I built the site in PHP, on top of the Bootstrap framework so that mobile-friendly views were easy to manage. At the same time I was working on realising the simplest design possible, with much of the work involving continually stripping visual clutter until the site achieved the stark, understated simplicity we were after for such a text-heavy website.

Masaki passed away peacefully at home in Normandy, France on 11 November 2020.

Site: moeno.com/iwanabutoh

B'giled by Little Palm Web/Print Design

2011-2014

Identity, UX, UI, PHP, HTML, CSS, jQuery, Print Design

The proprietors of B'giled by Little Palm, eliot and Micheal, asked me to design a one-page brochure website for their exclusive accommodation near Palm Beach on Waiheke Island.

The brief was that the site should look clean and informative, show off the photos and be extremely easy to use.

Brochure for B'giled by Little Palm

Ponsonby Social Club Print Design

2010-2011

Print Design, Billboards, Email, Newsletter Design

Tony McGeorge of Ponsonby Social Club, asked me to produce a series of large posters for the bar. The series ran for one year and the posters were showcased billboard-style in the entrance.

Posters for Ponsonby Social Club

I was also commissioned to create a number of posters for one-off gigs as well as designing an email template for the club's weekly newsletter.

Alex Mayhew Web Design

2009-2013

UX, UI, Wordpress, PHP, HTML, CSS, jQuery

Alex Mayhew is an award-winning interactive designer, visual artist, and creative director based in Toronto, Canada.

We collaborated with London-based art director Johnny TooBad over Skype, across three timezones, to design a portfolio and blog to archive a selection of Alex's extensive work.

I built an HTML5/CSS3 template based on the designs and created a bespoke WordPress theme. The site makes extensive use of jQuery and AJAX to display slideshows of Alex's projects, and was the first time I'd used HTML5, CSS3, PHP, jQuery and WordPress all together in a live project.

Site: alexmayhew

Brighton Jazz Club Web/Print Design

2007-2015

Identity, UX, UI, PHP, HTML, CSS, jQuery

Brighton Jazz Club was entirely volunteer-run, promoting top British and international jazz artists in a number of relaxed and intimate environments, perfect for listening to live music.

As a budding jazz enthusiast and a regular at Brighton Jazz Club since the mid 90's, I had been creating posters for the club for many years when in 2007 the Jazz Club committee asked me to design a website for them. The resulting site was developed very quickly and subsequently refined over the next few years.

Site: Brighton Jazz Club

Posters for Brighton Jazz Club

The committee asked me to design a series of high quality posters for their Autumn 2014 & Spring 2015 seasons. The posters were created with Photoshop and Illustrator, and designed to be printed at large sizes.

About Me

Over the years I have worked on a wide range of projects – everything from large-scale corporate to small brochure sites…

Coming from a graphic design background, I have been designing and building websites since 1998. Although my recent focus has been as a UI/UX Designer working on web projects, I still love designing for print whenever the opportunity arises… And, although I'm not currently taking on new projects, please feel free to get in touch.

In the meantime, you might like to see some of my photographs and drawings, maybe even a mugshot…