These are some of the cool projects I've worked on. Some of them represent work I have done professionally, others are personal projects that scratch a technical or creative itch.
CME Group commissioned VSA Partners to build their online 2010 Annual Review. The HTML and CSS work was split between another developer and I for this project. I also took care of most of the JavaScript work, such as the transitioning tiles on the front page and navigation menu. Notably, this is the first client project that I was able to use my Kapi animation framework, which can be seen on the Financial Highlights and Financial Milestones pages. Go check out some sweet animations.
Allstate is another VSA client, and we built their 2010 online Annual Report. I paired up with Brian Bosen to develop the site - we only had about a week to do it, and it turned out really well. Brian built the bulk of the static portion, and I focused on the JavaScript and interactive components. I built the widget on the front page with with jQuery and only a few low-level plugins, such as jQuery Outside Events and jQuery Color - much of it was written from scratch. The designer that I worked with on this was Sarah LeCroy. Check out the annual report.
My first major project at VSA Partners was the Avery Dennison online Year in Review. This site features a very distinctive interface and user experience. The whole site is built around the scrolling interaction - the viewport actually shifts as the user scrolls about, but not in a disruptive way. It doesn't feel like a website in the traditional sense, it's something much more engaging. I was the primary developer for the site, and Zack Frazier helped me to bring some of the interactions to life and add some polish to the code. Peter Ty was the designer. Scroll around and have some fun.
Kapi is an open source project that I started. Its goal is to expose a user friendly keyframing API for the HTML5 canvas. I've always admired the way Adobe Flash simplifies animation development, and I wanted to create something similar with open standards. My hope is that designers as well as developers will find Kapi useful. Distributed under an MIT license, Kapi is completely free and open. Learn more about Kapi and download a copy.
EDrop-Off is a Chicago-based eBay consigner for upscale fashion accessories. A major part of EDrop-Off's business strategy is their brochure site, shopedropoff.com. For their site redesign, I was shopedropoff.com's Lead Developer. Although I was not the site designer, there were elements of the design that I had some creative control over. For instance, the Current Auctions page, an AJAX-driven eBay querying tool, is entirely my own design and strategy. This was a great project, because I learned what it really meant to be the Lead Developer on a client-facing site. Take a look at what's going on with EDrop-Off.
The jQuery Canvas Kit is an open source project that I started to make HTML 5 canvas development easier. The canvas object has a lot of potential, and I felt there were some functionality possibilities that might be useful to myself and other developers. I created this toolkit to help fill in the gaps, and the landing page I made for it details what it can do. Check it out and play with some demos.
The Universal Blog Project is a social experiment. It's like a regular blog, but anybody can anonymously post to it. All of the posts on the site are contributed by users. This is the second version of this application; it is built on top of CodeIgniter and uses AJAX to load and send data. This project is available on Google Code along with all of the source code. See what's new on the blog.
At OgilvyOne, Chicago 2016 was one of our highest profile clients. Chicago 2016's goal was to bring the 2016 Olympic games to Chicago. For the site, I developed a web form that gets career history data from prospective Olympic contractors. Built on ASP.NET, the form interfaces with a Microsoft SQL back end. Check out Chicago 2016.
World Sport Chicago is an organization that promotes athleticism and sportsmanship amongst youths in Chicago. This is a client that I worked with at OgilvyOne. Most of the tasks I performed for this site were administrative, as well as helping to manage the CMS (DotNetNuke). Check out World Sport Chicago.
Stacy Medema, a designer, asked me to create a website portfolio to help show off her work. I liked this project because I got to both develop and design the page - Stacy gave me full creative control. I implemented ColorBox - my favorite Lightbox derivative - and mashed it up with ContentFlow, a very interesting looking jQuery plugin. Check out Stacy's work.
An artist and personal friend of mine, Courtney Wheaton, needed an online portfolio. I offered to help her out, since I thought it might be a fun side project. I also thought it would be a good reason to put the jQuery framework to use, which I had recently fallen in love with. Since the site was small, it only took me about a week in my off hours to make her a simple landing page and gallery. See what Courtney's making now.