work.html

---
layout: default
toolbar_top: 0
main_background: "#ffffff"
hidden_bar_background: "#ffffff"
background: "black"
toolbar_color: "#000000"
title: design work
body_color: white
headline: I don't often design websites these days, <br />but when I do they turn out a lot like this...
hidden_bar_opacity: .8
main_opacity: 1
content_margin: 0 auto
---

<div id="work">
  <div class="project">
    <div class="text">
      <span class="title">new york magazine</span> <span class="description">i had the wonderful opportunity to work with new york magazine and ds9 here in chicago. i conceived and designed the entire site, as well as the photography for new york's famous Design Week.</span>
    </div>
    <div class="image">
      <img src="images/work/nymag.jpg" alt="New York Magazine">
    </div>
  </div>
  <div class="project">
    <div class="text">
      <span class="title">conan o'brien</span> <span class="description">the last few years i've had the opportunity to pitch a bunch of work directly to the late night show with conan o'brien. this direction was a pitch for a micro-site representing jim gaffigan's "pale force."</span>
    </div>
    <div class="image">
      <img src="images/work/conan.jpg" alt="Conan O'Brien">
    </div>
  </div>
  <div class="project">
    <div class="text">
      <span class="title">xerox-exchange</span> <span class="description">an association with imagination publishing and under a killer holiday deadline, for the launch of xerox's new brand, i led a team and helped design this internal xerox site as well as built it to it's completion.</span> <span class="address"><a href="http://www.xerox-exchange.com">www.xerox-exchange.com</a></span>
    </div>
    <div class="image">
      <img src="images/work/xerox.jpg" alt="Xerox Exchange">
    </div>
  </div>
  <div class="project">
    <div class="text">
      <span class="title">lg metrics</span> <span class="description">lg hired us to build a tool that allowed high level executives to get a realtime look into promotional events as well as a telemarketing campaign. i designed a dashboardesk tool that computed and segmented real-time data from all of these sources into one easy to use interface.</span> <span class="address"><a href="http://www.fathommetrics.com">www.fathommetrics.com</a></span>
    </div>
    <div class="image">
      <img src="images/work/lg.jpg" alt="LG">
    </div>
  </div>
  <div class="project">
    <div class="text">
        <span class="title">van kampen</span> <span class="description">an early project with ds9. i was hired to develop multiple microsite concepts as well as complimentary online advertising. still one of my favorites to date</span>
      </div>
    <div class="image">
      <img src="images/work/vankampen.jpg" alt="Van Kampen">
    </div>
  </div>
  <div class="project">
    <div class="text">
      <span class="title">iremix - university of chicago</span> <span class="description">one of our biggest projects to date, i led our design team (with help from chad kouri) in developing this special site. remix world is an informal learning space online; this robust social network allows students to collaborate online, and it's a pretty amazing program.</span> <span class="address"><a href="http://www.iremix.org">www.iremix.org</a></span>
    </div>
    <div class="image">
      <img src="images/work/iremix.jpg" alt="iRemix- University of Chicago">
    </div>
  </div>
  <div class="project">
    <div class="text">
      <span class="title">camp timberlane for boys</span> <span class="description">a little bit of dream come true, i was hired to design a website for the summer camp of my childhood. we modeled an interactive version of the summer camp and built a robust user system that allows parents, counselors, alumni and campers to all to have special access to their site.</span> <span class="address"><a href="http://www.camptimberlane.com">www.camptimberlane.com</a></span>
    </div>
    <div class="image">
      <img src="images/work/camptimberlane.jpg" alt="Camp Timberlane">
    </div>
  </div>
  <div class="project">
    <div class="text">
      <span class="title">ioimprov</span> <span class="description">i was in charge of the redesign of ioimprov.com. io has two locations, so we built a solution that worked for both locations while maintaing an better level of representing their brand.</span> <span class="address"><a href="http://www.ioimprov.com">www.ioimprov.com</a></span>
    </div>
    <div class="image">
      <img src="images/work/ioimprov.jpg" alt="ioImprov">
    </div>
  </div>
  <div class="project">
    <div class="text">
      <span class="title">nick taylor, dp</span> <span class="description">i designed a simple portfolio website for nick taylor. the site mainly uses javascript to allow for a easy to use, yet unique portfolio site.</span> 
    </div>
    <div class="image">
      <img src="images/work/nicktaylor.jpg" alt="Nick Taylor DP">
    </div>
  </div>
</div>