Welcome to the HAZARD MEDIA portfolio. Skip directly to: main content, navigation.
Pull me
Pull me
HTML5
CSS3

Hello.

My name is Michael.

I make pretty things on the internet.

I'm an interactive designer and developer, specializing in HTML5/CSS3 and Flash ActionScript 3. I get my kicks of being on the cutting edge and playing with shiny new technology.

I also enjoy live action role playing on days when I'm not writing code.

If you'd like to get in contact with me, feel free to give me a call on +6421891670 or drop me an email.

Welcome

To the lab.

Next >
  • Home page

Winstone Aggregates Website

Client: Winstone Aggregates
[via Market United]

Role: HTML5 / CSS

Winstone Aggregates is New Zealand's leading supplier of aggregates and sand.

The site is powered by Wordpress, taking full advantage of the capabilities of HTML5. A core feature is the Google Maps powered dropdown map, available on every page, that shows all the Winstone Aggregates locations around New Zealand.

View project

  • Home page

Health Chemist Website

Client: Health Chemist
[via Market United]

Role: HTML5 / CSS

Health Chemist is an eCommerce site based in New Zealand that sells health products and other pharmacy medicines.

This project was a re-design of an existing site, with that restriction that the back-end couldn't change. We managed to achieve quite a bit of flexibility with the design while still adhering to the technical limitations of the existing back-end web application.

View project

  • Home page

What Is LARP? Website

Client: nzLARPS
Role: HTML5 / CSS / Graphic Design

As part of a campaign launched at Armageddon Expo 2011 in Auckland, New Zealand, nzLARPS launched an informational site introducing new people to Live Action Role Playing.

I designed and built the site to filter people through to signup forms so they could register for two games specifically run for new players, with the goal of increasing nzLARPS membership count.

View project

  • Home page

Chimera 2011 Template

Client: nzLARPS
Role: HTML / CSS / Graphic Design

In 2011 nzLARPS ran a space-themed Live Action Role Playing game as their main LARP for their annual convention.

I built a template for the convention website which they populated with content. I also designed t-shirts and other promotional material for the convention.

View project

  • Home page
  • Events page
  • Event detail page
  • Blog post

ZombieLARP NZ Site

Client: NZLARPS
Role: AS3 Dev / Animation
HTML / CSS / Graphic Design

ZombieLARP is an event where groups of players battle hordes of 'zombies' and is based on rules created by Zombie LARP UK. I created this site to help promote and provide a method of registering players for a live action zombie game being held in September 2010.

The site uses a number of Wordpress plugins, and allows users to share blog posts and pages from the site with their friends on Facebook. The front page featured a custom countdown widget built in Flash ActionScript 3 that counted down the days until the first event began.

View project

  • Home page
  • Registration page
  • LARP detail page

Chimera 2010 Template

Client: NZLARPS
Role: HTML / CSS / Graphic Design

nzLARPS wanted a new look for a website promoting their annual Live Action Roleplaying convention.

I provided them with a HTML/CSS template that they were able to use to build all the content pages and forms for the site.

View project

  • Toyota showroom widget video player

Toyota Showroom

Client: TVNZ [via Pitch]
Role: AS3 Development

A video player widget for Toyota Showroom on the TVNZ website that provides informational video content on the latest Toyota car models.

All content is editable via an external XML file. The main carrousel menu is dynamic and changes its layout and appearance depending on how many cars are present in the XML file.

  • Introduction screen
  • Questions
  • Questions
  • Summary screen
  • Products recommended to the user
  • Final summary screen with calls to action
  • Tell a friend form

Olay for You

Client: Olay [via Pitch and TMII]
Role: AS2 / AS3 / Flex Development

I worked on developing various localisations of the existing Olay for You questionnaire for Olay Australia, French Canada and Russia.

I made changes to the product recommendation logic in ActionScript 2/Actionscript 3/Flex, as well as functionality and language changes to the questionnaire screens. I also developed a Flex tool for rapidly double checking that the correct products would be recommended to the users.

View project

  • 3D handset selection menu
  • Interface running on Kiosks
  • Interface running on Kiosks

3D Kiosk Interface

Client: Nokia [via Pitch and TAG]
Role: AS3 Development

An interface for touchscreen kiosks that displays 3D representations of Nokia mobile phone handsets and allows users to explore the features of each handset. My role involved creating the menu functionality in Papervision 3D.

I also built a custom framework for the kiosks that allows Flash animators to easily add in new static and video content when the kiosks need to be updated.

  • 2D handset selection menu
  • Interface running on Kiosks

2D Kiosk Interface

Client: Sony [via Pitch and TAG]
Role: AS3 Development

An carrousel menu that allows users to explore the features of Sony Handycams. I was working with another AS2 developer and ported existing AS2 code to AS3 for the carrousel functionality.

I also built a custom framework for the kiosks that allows Flash animators to easily add in new static and video content when the kiosks need to be updated.

  • Leaderboard banner
  • Skyscraper banner
  • Box banner

Finda Flash Banners

Client: APN Finda
Role: Animation / Graphic Design

A series of animated Flash banners to be displayed on NZHerald.co.nz in 2008.

Flash banners with complex animation/functionality and small filesize requirements are like trying to fit a hippopotamus down a garden hose; it's an art.

View project

Various examples of print work

But wait!

There's more...

In a previous life I was a graphic designer. Nowadays I find having this background makes it easier to work with designers; giving me the edge when making their graphics dance with the code.

From time to time I still make pretty art for people to look at; letting the messages contained therein seep in through their eyeballs to their consciousness (or subconsciousness, if that's the way you swing). Keep scrolling across to see various examples of graphic design for print and web.

  • Beat Hero Logo
  • Christian Singles Ball 2009 Logo
  • Hazard Team Logo
  • Warriors of the Green Dragon Logo
  • ZombieLARP Logo
  • The Legend of Zelda: Heroes of Clocktown Logo

Logo Design

Client: Various / Internal

Various logos for events and games.

All of these were designed in Illustrator, then brought into other programs for further processing.

  • Poster
  • Logo

Promotional Poster

Client: NZLARPS
Role: Graphic Design / 3D Modelling

A promotional poster advertising a Zombie-themed Live Action Roleplaying event in September 2010. The event involves actual combat, with foam weapons and Nerf guns being used against players dressed up as zombies, as well as a big chunk of problem solving using interactive props.

The logo was designed in Illustrator CS4 and then brought into Cinema 4D and then rendered back out to Photoshop CS4.

The poster was displayed in Borders Albany and King of Cards on Queen Street, Auckland to give the event more exposure.

  • Poster

What Is LARP? Poster

Client: NZLARPS
Role: Graphic Design

A large format poster part of the What Is LARP? campaign I worked on for nzLARPS that was displayed during Armageddon Auckland 2011 at the nzLARPS stall.

This was designed to be an attractor to the stall; high contrast and featuring bright bold colors. The acompanying business cards, derived from the poster artwork, were given out to passers by as part of a strategy to introduce people to Live Action Role Playing games by visiting the What Is LARP? microsite.

  • Poster

Promotional Poster

Client: NZLARPS
Role: Graphic Design

A large format poster advertising a dark fantasy themed Live Action Role Playing game called Teonn, run in December 2011.

The poster was displayed at Armageddon Auckland 2011 at the nzLARPS stall.

Test tubes

This is where

it all goes down.

This is my playground of experimental projects that foray into the realms of Flash ActionScript, game development, interactive prop design and iOS mobile development.

Next >
  • Life counter screen
  • Scanner screen
  • Article list screen
  • Article detail screen
  • Powersuit costume

iOS app: Powersuit Interface

Role: iOS Dev (Corona) / Graphic Design

iOS app built using Corona SDK, designed to work with a power suit costume I put together for a futuristic Live Action Role Playing game. The armored costume has built in speakers that connect to an iPod Touch strapped to one arm. The app responds to the wearer's movement while displaying the life counter screen, playing robotic sound effects, and shows accelerometer movement visually as a realtime graph.

The design of the Ui draws inspiration from the computer interfaces in the video game Mass Effect.

View project

Next >
Get Google Chrome