Living PlanIt Visualization

Living PlanIt Visualization

Living PlanIT is an amazing set of technologies that integrates building and other management systems on a large scale.  As part of their initiative to get the word out about their technology they came to BEAM to create a beautiful new web presence.  As part of that endeavor several great visualizations.  One in particular that I put together was the connected systems map.

This is build in D3.js and uses a combination of web fonts and dynamic data to complete the experience.  You can view it live on their site at: http://www.living-planit.com/whatwedo.html

Converse Chuck II Launch Experience

Converse Chuck II Launch Experience

When Converse decided to update their iconic Chuck Taylor shoe, they wanted to have a strong online interactive experience for the launch.  I was fortunate enough to be the developer who along with the other amazing people at BEAM put together this incredible experience.

The experience involved integration of video of the 3D rendered shoe exploding apart to highlight the various details of the product. Using various animation and timing techniques, the scroll-based navigation page guided the user to a lower page section with more information and shop. 

Additionally the site broke down to tablet and mobile sizes with a combination of adaptive and responsive techniques.  The video was replaced with a canvas based frame animation to allow give the appearance of video playback while getting around some of the iOS issues with inline video elements.

My Role: Front-end development, media management, integration consulting.

Site Interaction Demonstration

Intro Screen Post Animation

Saucony Find Your Strong Project

Saucony ran a socialy driven campaign entitled "Find Your Strong". The site featured a weekly contest where users submitted photos, quotes and videos for a chance to win Saucony products. The site featured a infinite scrollable masonary style grid for displaying the user's submissions. The site also implements the Facebook likes widget and a custom script for sorting by likes as well as the Facebook comments widgets.

Services Provided: Front-end development with HTML5, CSS, jQuery, AJAX, and Isotope. Middle-tier development with php & mysql utilizing the code igniter framework. 

saucony_strong_01.jpg
saucony_strong_02.jpg
saucony_strong_03.jpg

Virgin Mobile USA

As lead developer on the 2012 website rebrand for Virgin Mobile USA I was in charge of front-end development as well as the building of the XSL templates for the dynamic portions of the website. Highlights of the site include a custom mega-menu style navigation, custom carousel, product tab content loaded via ajax, and an interactive phone comparison section.

Services Provided: Front-end development with HTML, CSS, and jQuery. XSL/XML development. Integration with third party services.

Website: http://www.virginmobileusa.com

csvmuvirgincom0.jpg
csvmuvirgincom1.jpg
csvmuvirgincom2.jpg
csvmuvirgincom3.jpg

Saucony Kinvara3 Launch Site

An interactive experience to promote the Saucony's new Kinvara 3 shoes. The site employs a parallax style view of the build and features of the shoe as well as a carousel style gallery of the different colorways.

Services Provided: Front-end web development with HTML5, CSS3, and jQuery.

Website: http://community.saucony.com/kinvara3/

kinvara3_0000_1_1_905.jpg
kinvara3_0001_2_905.jpg
kinvara3_0002_3_905.jpg
kinvara3_0003_4_905.jpg
kinvara3_0004_5_905.jpg
kinvara3_0005_6_905.jpg
kinvara3_0006_7_905.jpg
kinvara3_0007_8_905.jpg

The John Marshall Law School

The John Marshall Law School is an independent law located in downtown Chicago, IL.  For a long time the site had been maintained by a decentralized CMS system.  It suffered from an incredible lack of organization as well as a very dated website.  I worked with the web team to put together a fresh new design, as well as a strategy for restructuring the site.  The new design increased the law school’s ranking over 60 places in the annual law school homepage rankings put together by Georgetown University Law Center.

Services Provided: Web Design; Front & Back end Web Development with jQuery and ASP; Website Strategy

Website: http://www.jmls.edu

jmls-edu.jpeg

miCubs.com

miCubs.com is a site that connects Chicago Cubs fans with the players directly.  Fans can visit the site and choose a player from the Cubs or any of the organizations farm teams and get up to date information, photos, and news stories for that player.

Services Provided:Web Design; Front & Back end Web Development with jQuery, PHP, and Mysql; Custom CMS System built on Codeigniter.

Website: http://www.micubs.com/

micubs.jpeg

McDonald's McCafe Interactive Menu

With the launch of their new McCafe line of beverages, McDonalds had a challeging task ahead of them bringing more sophisticated coffee drinks to their customer base.  A customer base that may not be so familiar with what a cappuccino actually is. To help patrons learn about the new McCafe line, DNA Digital Media Group worked with several of the Chicagoland restaurants to produce a touch screen kiosk that give an interactive look into each of the new beverages.  While at the same time making the drinks look delicious and inviting.  The team went so far as to shoot the drinks on a turntable to get the spinning cups in the final project.

Services Provided: User interface design; Graphic Design; Flash asset creation including programming of UI components.

cap011.jpeg
cap02.jpeg
icemoc01.jpeg
icemoc02.jpeg

Jump Pad UI

DNA Digital Media Group developed a track and field game for kids to play using a pressure sensitive pad.  By stepping/leaning left or right and jumping they could control the character on the screen. I developed the UI design and created the illustration and non-3D graphics for the game.

Services Provided: UI Design, Illustrations and Asset Development

Home Screen

Home Screen

Player Select Screen

Player Select Screen

Hurdles Game Screen

Hurdles Game Screen

Long Jump Game Screen

Long Jump Game Screen

Imprint Enterprises Micro Site

Imprint Enterprises contacted me to build a series of micro sales sites for various product lines.  ZebraPrintHeads.net is one of those sites. We used WordPress completely for it’s CMS capabilities and built a custom theme to their specifications.

Services Provided: Web Design, WordPress Theme Development

Website: http://www.zebraprintheads.net/

imprint.jpeg

JMLS.edu - eCourses

The John Marshall Law School made a large push in 2010 to promote their distance education program.  As part of the marketing efforts, the existing web presence was completely overhauled.  I chose WordPress to use as a CMS for the tools ease of use in maintaing the website. I also produced and animated the tour video giving prospective students a look into the courseware system.

Services Provided: Web Design, WordPress Theme Development, Video Production with Adobe After Effects

Website: http://ecourses.jmls.edu/

ecourses.jpeg

Club Lez Life

ClubLezLife.com is a website that connects lesbians all over the world with events in their areas.  It leverages content from Facebook users, pages, and groups to provide a centralized listing of events for the site’s users.

Services Provided: Web Design, Front and Back-end Web Development with PHP & MySQL, Facebook Integration, Custom CMS tools, Codeigniter Framework, jQuery, Ajax Loading

Website: http://www.clublezlife.com/

cll_screen.jpeg

Bodified Fitness

Melissa Carr is a personal trainer working in Chicago, Illinois.  She was looking for a way to promote her business, Bodified Fitness, online as well as a place where she could share fitness and nutritional tips with her existing clients.  Additionally she wanted a website that would be easy for her to maintain on her own.  So I set her up with a WordPress solution with a custom theme to match her business.

Services Provided: Web Design, WordPress Theme Development

Website: http://www.bodifiedfitness.com

bodified.jpeg

Battram Custom Goal Equipment

Scott Battram makes custom ice hockey goalie equipment in Ontario. His website is his primary marketing piece. Over the years it had become a bit outdated, so when I approached him to redesign it he was very excited to start working on it. We gave the look a complete overhaul, and added custom CMS capabilities to the website.

Services Provided: Web Design, Front & Back end Web Development with jQuery, PHP, and Mysql

Website: http://www.battram.com