Additional Australian Antarctic Division websites

Australian Marine Mammal Centre website displayed on a laptop.

During my employment at the Australian Antarctic Division I have been responsible for the refresh or redesign of a number of sites housed in the Squiz Matrix content management system. Some of these sites have now been redesigned again and moved into ProcessWire, as you will see on the respective pages for those projects.

Australian Antarctic Jobs website implementation

In 2018 it was decided that the Jobs section of the Australian Antarctic Division website would be moved to its own website. It was the first site created in ProcessWire after the decision to move away from Squiz Matrix. My role was to take the desktop mockups provided by our own multimedia team and implement a responsive design. I was also responsible for creating a significant portion of the PHP-based custom templates in ProcessWire.

Australian Antarctic Jobs website (2018 design) displayed on three devices: a laptop, a tablet and a mobile phone.
The 2018 version of the Australian Antarctic Jobs website.

The site was redesigned to match the main website design in 2020.

Technologies used

HTML5, CSS, PHP, native JavaScript, ProcessWire CMS, Plyr media player, Modernizr feature detection, Moqups for wireframing, BrowserStack, PuTTY and UltraEdit.

Australian Antarctic Division website refresh

When I commenced at the Australian Antarctic Division in 2010 the site had just been redesigned for its migration into Squiz Matrix.

Australian Antarctic Division website (original version) displayed on a laptop.
The original 2010 version of the Australian Antarctic Division website.

In 2011 I performed a few tweaks to refresh the design.

Australian Antarctic Division website (2011 refresh version) displayed on a laptop.
The refreshed design from 2011.

In 2015 I refreshed the design again and made it fully responsive.

Australian Antarctic Program responsive website (2015 version) displayed on three devices: a laptop, a tablet and a mobile phone.
The refreshed and responsive design from 2015.

The site was redesigned and migrated into ProcessWire in 2020.

Technologies used

HTML4/HTML5, CSS, Squiz Matrix, Photoshop, BrowserStack and UltraEdit.

Australian Antarctic Division Intranet redesign

In 2011 the existing Intranet, which was housed on an ageing system, completely crashed so the web team had to implement a new one in Squiz Matrix within days.

Australian Antarctic Division Intranet (original version) displayed on a laptop.
The design of the original Intranet that crashed in 2011.

I came up with the new visual design and coded the necessary templates while colleagues concentrated on repopulating the content. In 2015 the design was retained but it was made responsive.

Australian Antarctic Program Intranet (2011 redesign, 2015 responsive version) displayed on three devices: a laptop, a tablet and a mobile phone.
The design implemented in 2011 (and made responsive in 2015).

This design was kept until the Intranet was migrated into ProcessWire in 2020.

Technologies used

HTML4/HTML5, CSS, Squiz Matrix and BrowserStack.

Australian Marine Mammal Centre redesign

In 2012 I was asked to redesign the Australian Marine Mammal Centre website.

Australian Marine Mammal Centre website (original version) displayed on a laptop.
The original version of the Australian Marine Mammal Centre website.

I incorporated the existing whale and wave devices into the new design, which they wanted to somewhat match the main Antarctic Division website at the time.

Australian Marine Mammal Centre website (2012 version of the home page) displayed on a laptop.
The redesigned version of the website in 2012.

In 2014 the home page layout was revised (at their request) to further match the Antarctic Division's home page layout. At this time some new buttons were also required so I created the icons for those using Photoshop. This included tracing a photo of a whale to produce a similar graphic to the existing whale.

Australian Marine Mammal Centre website displayed on a laptop.
The 2014 home page update with the addition of whale icon buttons.

Close-up of two buttons from the Marine Mammal website home page - 'Report a sighting' and 'Rescue hotlines'

This design from 2012/2014 is still in place, but may be redesigned in the near future if it is to be moved into ProcessWire.

http://www.marinemammals.gov.au/

Technologies used

HTML4, CSS, Squiz Matrix and Photoshop.

Home of the Blizzard website refresh

In 2012 I migrated the Home of the Blizzard website from its old system into Squiz Matrix and gave the design a refresh at the same time. I didn't have access to the original banner image so I reconstructed it to be wider using Photoshop.

Home of the Blizzard website (original version) displayed on a laptop.
The original design of the Home of the Blizzard website.
Home of the Blizzard website (2012 refresh) displayed on a laptop.
The refreshed version of Home of the Blizzard from 2012.

This design remained until the site was migrated into ProcessWire in 2019.

Technologies used

HTML4, CSS, Squiz Matrix and Photoshop.

Heard Island website refresh

Once I had migrated and refreshed the Home of the Blizzard website, I sought permission to refresh the design of the Heard Island website to match (they had similiar designs to start with). I didn't have access to the original banner image so I reconstructed it to be wider using Photoshop.

Heard Island website (original version) displayed on a laptop.
The original design of the Heard Island website.
Heard Island website (2012 refresh) displayed on a laptop.
The refreshed version of the Heard Island website from 2012.

This refreshed design from 2012 is still in place, but may be redesigned in the near future if it is to be moved into ProcessWire.

http://heardisland.antarctica.gov.au/

Technologies used

HTML4, CSS, Squiz Matrix and Photoshop.