Subaru Build Your Own Configurator

I was the Senior Digital Producer for the full re-design of the Subaru Build Your own Car Configurator. I worked with our front-end and back-end architects to plan and execute this site. The goal was to explain and visualize available vehicles, options, packages, and accessories so that shoppers can see how a Subaru would fit into their life and budget and ultimately lead to dealer interaction.

The site was built using HTML5, CSS2/CSS3, JSON, XML, XPath, MVEL, AJAX, JavaScript, JQuery and XHTML. Backend was Apache/OC4J, JAVA, Web Services.

Pacifico Adventures on Tap

 

Pacifico is now on tap. And to celebrate the occasion, we hand-delivered the first 5 ceremonial kegs to 5 lucky cities: Phoenix, San Diego, Los Angeles, San Francisco and Seattle.

This was no ordinary trip. Using kegs as canvases to document our travels, we transformed them into 5 pieces of art.  A journey that we called ‘Adventures on Tap.’

We relied on our Facebook friends and people we met on the way to guide our journey– seeking out adventure where we could find it. And we blogged our experiences as they happened.

I did the Interactive Production on this project and produced the Facebook blog page, and also the main campaign site on Facebook, the rich media and also the mobile versions of the website. I also helped with some minor typographic fixes, translated design layouts for mobile and designed vector masks in illustrator for the menu system in Flash.

 

 

 

 

 

Creature Agency Site

This was an agency project for the Creature site welcometocreature.com. I produced the website and developed the front page Flash POV using ActionScript 3 and GreenSock TweenLite.

[pro-player width=’700′ height=’300′ type=’video’ image=’https://miketothemax.com/wp-content/uploads/2011/07/welcometocreaturevideo.jpg’]https://miketothemax.com/wp-content/uploads/2011/07/Safari-Welcome-Creature2_1.flv[/pro-player]

JanSport What’s Your Outdoors?

I produced the main campaign site

I developed the iPhone and iPad version site

Verner Panton Visiona Book

 

 

 

Typographic Exercises

 

 

JanSport Bonfire Sessions

This was a fun project to work on. I worked closely with the Art Director and Writer. Not only did I produce this project and event, I also Designed and developed the site within WordPress. I was fully utilized as a creative/technical hybrid. This was one of those low budget agency projects that we produced in house from the print work to the photography and event setup. It was a great partnership with JanSport and their teams. We hosted intimate concerts called The Bonfire Sessions and the concerts were shuttled by our branded bus literally to the woods and the concerts  were around a campfire. It was a first come first serve basis so space was limited making it an exclusive yet fun Jansport event.

Bonfire Session Rich Media, Splash Page I produced and developed

Pacifico Bus Route

 

This campaign was to promote the launch of Pacifico On Tap. We created a branded bus and ran a bus route through the streets of San Diego stopping at all bars that held Pacifico on tap. Through the website you could track the bus location via the map and see where to catch a ride, via web or mobile device. We ran this route for 4 weeks.

 

Mexico Via Pacifico: A Destination Website

This project was for our client Pacifico. The site consists entirely of webcams pointing at specially commissioned murals painted around the USA and Mexico. With each wall representing a section of the site users literally travel between sections. This project won an FWA, was short listed for a Cannes Lion 2010, was also short listed in D&AD under Digital Design -Interface and Navigation for websites. It also received some other awesome publicity. Check it out –> http://www.mexicoviapacifico.com

Seattle’s Best Coffee Inner Morning Person

Everyone can be a morning person, sometimes they just need the right tools. Seattle’s Best Coffee demonstrates that here. Pull the Joy lever and watch the ridiculous morning unfold no matter what time it is.

Version of the site that was launched for the iPhone. I produced the main website and designed and produced the mobile site.

 

 

 

Copyright © Michael Johnston 2016