Menu

Portfolio

A selection of recent design work

Tonkin + Taylor Digital Design

2021-2024

UI, UX, Figma, Illustrator, Miro, HTML, CSS

Image

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 is the creation and maintenance of our Component Libraries as we build a comprehensive system that will handle a number of complex visualisation tools including interactive maps, graphs and other geotechnical data.

Find out more about T+T


LocalCover Interface Design

2019-2021

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

  • Image
    001
  • Image
    002
  • Image
    003

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 (Feb 2022) and back-end services.

Site: goboxer.com


Masaki Iwana Web Design

2009-2020

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

  • Image
    001
  • Image
    002
  • Image
    003

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


SKY Web & Apps Team Web/Apps/Print Design

2015-2019

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

Image

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


Spendvision Web App Design

2011-2013

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

Image

I worked as a UI 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

Image

Image
Image

Image

Posters for Spendvision

Image

Image
Image

Image

B'giled by Little Palm Web/Print Design

2011-2014

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

Image

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

  • Image
    001
  • Image
    002
  • Image
    003

Ponsonby Social Club Print Design

2010-2011

Print Design, Billboards, Email, Newsletter Design

Image

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

  • Image
    001
  • Image
    002
  • Image
    003
  • Image
    004
  • Image
    005
  • Image
    006
  • Image
    007
  • Image
    008
  • Image
    009

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.

Image
Image

Alex Mayhew Web Design

2009-2013

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

Image

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

  • Image
    001
  • Image
    002
  • Image
    003

Brighton Jazz Club Web/Print Design

2007-2015

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

  • Image
    001
  • Image
    002

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.

Image

Image
Image

Image

Archive

Here's a list of nearly everything I've ever worked on.

2019-24

  • Tonkin + Taylor (2021-2024)
  • LocalCover > Boxer® (2019-2021)
  • Masaki Iwana (2009-2020)

2015-19

  • SKY TV New Zealand
    • Believe It or Not
    • Fan Pass
    • Neon TV
    • Prime TV
    • Rio Olympics
    • SKY Analytics
    • SKY Consumer Insights
    • SKY GO II
    • SKY Sport Highlights
    • SKY TV Guide
    • tvOS Design
    • Web & Apps Team

2011-15

  • B'giled by Little Palm (2011-2014)
  • Landspace (2011-2014)
  • Saudi Ministry of Education (2015)
  • Spendvision (2011-2013)
    • Air New Zealand
    • ANZ Bank
    • Bank of Montreal
    • Barclaycard UK
    • Flexipurchase
    • Government of Canada
    • Lloyds Bank
    • SunTrust
    • US Bank
    • Visa Global
  • Supply (2011)
    • Aggie Greys (2011)
    • Burger Fuel (2011)
    • Domainz (2011)
    • Porter Novelli NZ (2011)

2010

  • Nicolas C. Grey (2010-2017)
  • Ponsonby Social Club (2010-2011)

2009

  • Alex Mayhew (2009-2013)

2008

  • Extensible Systems (2008)
  • Johnny TooBad (2008)
  • Mahabongo: Swish It's Everywhere (2008)
  • Rhubarb's Restaurant (2008)
  • Byron Wallen (2008-2016)

2007

  • The Big Issue (2007)
  • Brighton Jazz Club (2007-2016)
  • C4 Life Recycled (2007)
  • Findwillow (2007-2013)
  • ID Cards and the Passport (2007)
  • The Independent (2007)
  • Learn Your Times Tables! (2007)
  • The New Statesman (2007)
  • Nigel Thomas' Jazzvibe (2007)
  • SCIP (2007)
    • Brighton & Hove Learning Partnership (2007)
    • Citizen Journalism Toolkit (2007)
    • Community Brighton (2007)
    • Community Fruit & Veg Project (2007)
    • Connections for Development (2007)
    • CVS Forum (2007)
    • eb4U (2007)
    • Hove YMCA (2007)
    • Support for Groups (2007)

2006

  • Franc O'Shea's Alkimia (2006)
  • Guy Holbrow (2006)
  • House Price Pro (2006)
  • Julian Franks' Urban Child (2006)
  • Universal Everything's Advanced Beauty (2006)
  • Will Lasdun (2006-2012)
  • Zeromoon (2006)

2005

  • 72 Dots (2004-2005)
    • Argenta Europ (2005)
    • C4 Hay Festival (2005)
  • Aerotrope (2005-2008)
    • Cici Blumstein (2005)
  • Caxtonia (2005)
  • Dawndale (2005)
    • Monovue (2005)
    • Pelicans Yard (2005)
  • Our World Our Say (2005-2007)
    • Terry's All Gold (2005)
  • Primary Transformation (2005-2010)
  • Safehouse Brighton (2005-2007)
  • Sharon Elphick (2005-2007)
  • Tristan Banks (2005-2007)

2004

  • 72 Dots (2004-2005)
    • C4 The Art Show (2004)
    • C4 Kids Art Week (2004)
    • C4 Lust4Life (2005)
    • C4 That'll Teach 'Em 2 (2004)
  • Château Guillotin (2004)
  • File Sanctuary (2004-2005)

2003

  • Lingaroo (2003-2006)
    • Grand Cru (2003)
    • South Downs Cellars (2003)
  • Feats Press (2003)
  • Nudge Music (2003)

2002

  • Finally Something To Replace Bowling (2002)
  • The Fire This Time (2002-2003)
  • The Feature Creature (2002)
  • The Voice Phenomenon Project (2002)
  • Transmit I, II (2002-2003)

2001

  • Ambient Internet (2001)
  • Mim King (2001)
  • Pedantico (2001)
  • ¿Que Casa? (2001)
  • Soname (2001-2016)

2000

  • Aortatu (2000)
  • Café Diana (2000)
  • Eyestorm (2000)
  • Forma (2000)
    • Sony Playstation Emersion (2000)
  • Graham's Hi-Fi (2000)
  • The Mercer's Company (2000)
  • Peter Hall, Organist (2000)
  • Semantico (2000-2007)
    • Ask Oxford (2003)
    • Blackwell Publishing (2006-2007)
    • Brill (2006-2010)
    • Collins Publishers (2002)
    • Dawson Books (2006)
    • Europa World (2003)
    • Grove Art (2001-2003)
    • Grove Music (2000-2003)
    • Holtzbrinck (2000)
    • International Who's Who (2002)
    • IUPsyS (2000)
    • Kodansha Encyclopedia of Japan (2000)
    • Macmillan (2000-2001)
    • Oxford Reference Online (2002)
    • Oxford University Press (2002-2003)
    • Palgrave Academic Monographs (2000)
    • Palgrave Macmillan (2000-2002)
    • Routledge Encyclopedia of Philosophy (2000)
    • SYB World (2002)
    • Taylor & Francis (2002-2003)
    • The World of Learning (2002)
  • Signa (2000)
    • Swiss Light (2000)
  • Vote for a Colombian Pope (2000)
  • World CallNet (2000)

1999

  • Okupi (1998-2000)
    • 3D Scanners (1999)
    • Alembic (1999)
    • @rtHype (1999)
    • BBC Education (1999)
    • BBC Geography (1999)
    • Digidub Records (1999)
    • First Conferences (1999)
    • Hackney LinKK (1999)
    • Lloyds Catering (1999)
    • Ministry of Sound's Meta (1999)
    • RCN Publishing (1999)
    • Sheppard Robson (1999)

1998

  • Cable & Wireless (1998)
  • Digital Underground (1998)
  • Direct Marketing School (1998)
  • Financial Times (1998)
  • Testcard (1998-2011)
  • Virgin MegaStore (1998)
  • Analysis
  • Research
  • Architecture
  • Sketching
  • Wireframing
  • Mockups
  • Templates
  • Testing
  • Refining

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. While most of my work now is for the web, 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.

Up from the Archives Album Cover Concepts

ImageImageImageImageImageImageImageImageImageImage
ImageImageImageImageImageImageImageImageImageImage
ImageImageImageImageImageImageImageImageImageImage
ImageImageImageImageImageImageImageImageImageImage
ImageImageImageImageImageImageImageImageImageImage