Target India Corporate Site

 

This was work I did at Pop for Target. I designed the Target India Corporate site. Layouts are below.

Target---India-Life-at-Target

 

Target-India-about

 

Target-India-home

Target – Read Across America Microsite

 

This was work I did at Pop for Target. I designed and assisted with Art Direction for the Read Across America Microsite and Mobile site below. This was in partnership with Dr. Seuss and promoted the movie the Lorax and also story time sessions at participating Target Stores.

 

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.

 

 

 

 

 

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.

 

 

 

Sony: Brand Shop on Walmart.com

Various Interactive Media Programs

These media placements were all created using Photoshop made with limited assets and working within brand style guides. The GI Joe placement was also a Flash banner wireframe mockup that Hasbro bought and put into production and was hosted on the walmart.com homepage.

Interactive Media Programs Interactive Media Programs

Hasbro Brand Shops

Star Wars Star Wars

I created this POV using brand style guides for Hasbro Star Wars. I utilized Photoshop to create it all. I converted the high definition footage given to us from Hasbro into an FLV for progressive streaming and download. I then brought this static image into flash and made it interactive and incorporated the video. I then placed this into the Hasbro Star Wars Brand page.

All assets are created using Photoshop, Illustrator, Fireworks and also Flash animation and ActionScripting. Star Wars and My Little Pony are POVS pulled from brand shops I created. The Transformers are 300×250 interactive flash banners.

My Little Pony My Little Pony

I created this POV using brand style guides for Hasbro My Little Pony. I utilized Photoshop to create this using limited Hasbro assets. I then placed this into the Hasbro My Little Pony Brand page utilizing CMS and using HTML and CSS.

Transformers Storyboard Transformers Storyboard

I created this Flash storyboard for the Hasbro Transformers banners that were hosted on the Walmart.com homepage. I had absolutely no assets and had no direction, this was for a sale so I came up with my own concept. I leveraged and created my own assets and copy. I created a storyboard, made static comps, then I pulled individual assets into Flash to create an interactive banner using only ActionScript 2 and the MC tween class.

Sony HDNA

Below is the Sony HDNA project. I designed these within brand style guides using Photoshop, Illustrator and optimized with Fireworks. I brought the static assets into Flash and animated the transitions using ActionScript 2. I also worked with metrics and integrated Omniture tracking ActionScript to capture user data. I also linked and tracked the proper internal Sony products and internal store.

Sony HDNA Flash POV

Sony HDNA Sony HDNA

Sony Wireframe Sony Wireframe

Sony Brand Shop Sony Brand Shop

Logo Design & Iconography

I created all these logos and iconography for various freelance projects, typographic exercises, websites and print work. All logos were hand drawn and then vectorized.

 

Logo Design

Rock Concert Pictograms

 

 

 

Copyright © Michael Johnston 2016