Examples of My Work

Berocca Banners

About

This is an example of some animation work that I've done.

It involved pulling out all of the relevant imagery from brand assets and then working closesly with the creative director to make their vision come to life, making tweak after tweak until we had it just right.

Tech

HTML, CSS, JS, GreenSock (Hosted as a static asset)

View banners
Berocca Banners

Pick My Project Banners

About

This is another example of some animation work that I've done.

This also involved pulling out all of the relevant imagery from brand assets and then working closesly with the creative director to make their vision come to life, making tweak after tweak until we had it just right.

Tech

HTML, CSS, JS, GreenSock (Hosted as a static asset)

View banners
Pick My Project Banners

Woolworths WOW Careers

About

This is an example of some theming work that I've done.

It involved creating components/pages that could be themed differently, in order to create a recruitment site that was adaptable across Woolworths' brands.

Tech

HTML, CSS, JS, Gulp (Shipped static for another agency to integrate)

View candidate login View candidate profile View candidate preferences View hiring manager interview
Woolworths WOW Careers

BWS WOW Careers

About

This is an example of another theme from the above project.

It uses the same pages as the Woolworths site above, although it has been themed for BWS.

Tech

HTML, CSS, JS, Gulp (Shipped static for another agency to integrate)

View candidate login View candidate profile View candidate preferences View hiring manager interview
BWS WOW Careers

Break Down The Beast Phase 1

About

This was a really cool project that I worked on in my role as a Front End Developer at Wunderman Thompson in 2018. It involved me working closely with a UI designer to come up with an engaging and technically feasible interface that displayed information on HP’s current campaign, that was aimed at “breaking down the plastic beast”.

This phase involved a timer that counted down to when the beast would be making a physical appearance, and an engaging parallax banner that created the visual effect of plastic elements floating around in the ocean alongside wildlife (with the ability to click on each element and find out stats, etc.).

Tech

HTML, CSS, JS, Gulp (Hosted as a static page)

View site
Break Down The Beast Phase 1

Break Down The Beast Phase 2

About

This was the second and final phase of HP’s “break down the beast” campaign.

This version features an interactive, rotatable plastic beast, in which you can click on different features to find out more about them. This involved working with an external agency who were building the beast, to get a compressed rendering of each angle that we could then stitch together in order to create the experience.

Tech

HTML, CSS, JS, Gulp (Hosted as a static page)

View site
Break Down The Beast Phase 2

Z Business Hub

About

This was another interesting project that I worked on in my role as a Front End Developer at Wunderman Thompson in 2019. It also involved me working closely with a UI designer, this time to come up with an interface that consisted of components that could be re-used throughout the site.

Together we mapped out how the components would be separated, and how we could achieve maximum efficiency for any new modules that were to be added in the future. It featured modules of different shapes and sizes, and CSS animations to improve the feel of the site.

Tech

HTML, CSS, JS, Hugo (Hosted as a static site)

View site
Z Business Hub