<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>What the Druck</title>
	<atom:link href="http://www.whatthedruck.com/portfolio/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.whatthedruck.com/portfolio</link>
	<description>Aaron Druck is a product designer living in SF.</description>
	<lastBuildDate>Mon, 20 Feb 2012 20:22:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.3</generator>
		<item>
		<title>Yahoo! Hub</title>
		<link>http://www.whatthedruck.com/portfolio/2012/01/hub/</link>
		<comments>http://www.whatthedruck.com/portfolio/2012/01/hub/#comments</comments>
		<pubDate>Mon, 30 Jan 2012 00:41:02 +0000</pubDate>
		<dc:creator>aaron</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[Mobile]]></category>

		<guid isPermaLink="false">http://www.whatthedruck.com/portfolio/?p=559</guid>
		<description><![CDATA[<a href="http://www.whatthedruck.com/portfolio/2012/01/hub/"><img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/hub/thumb-yhub.png"></a><h2><a href="http://www.whatthedruck.com/portfolio/2012/01/hub/ ">Yahoo! Hub</a></h2>Fast and easy-to-use mobile messaging app.]]></description>
			<content:encoded><![CDATA[<div class="grid_4">
<div class="info">
<h2>Client</h2>
<p>Yahoo!<br/><br/></p>
<p>
<h2>Overview</h2>
<p><a href="https://market.android.com/details?id=com.yahoo.mobile.client.android.csm&#038;hl=en" target="_blank">Yahoo! Hub</a> is a lightweight, easy-to-use, mobile messaging application.  Users can create group conversations with friends and family.
<p><br/>
		</p>
<p>
<h2>Role</h2>
<p>			Lead Designer
		</p>
<p><br/></div>
<div class="link-side">
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/link-icon.png"><a href="https://market.android.com/details?id=com.yahoo.mobile.client.android.csm&#038;hl=en" target="_blank">Yahoo! Hub</a>
		</div>
<div class="cate-side">
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/tag-icon.png"><a href="http://www.whatthedruck.com/portfolio/category/mobile/">Mobile</a>
		</div>
</p></div>
<div class="grid_8">
<p>
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/hub/hub-android-1.png">
		</p>
</div>
<div class="clear"></div>
]]></content:encoded>
			<wfw:commentRss>http://www.whatthedruck.com/portfolio/2012/01/hub/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sieve</title>
		<link>http://www.whatthedruck.com/portfolio/2011/03/sieve/</link>
		<comments>http://www.whatthedruck.com/portfolio/2011/03/sieve/#comments</comments>
		<pubDate>Thu, 03 Mar 2011 21:29:53 +0000</pubDate>
		<dc:creator>aaron</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[Mobile]]></category>

		<guid isPermaLink="false">http://www.whatthedruck.com/portfolio/?p=420</guid>
		<description><![CDATA[<a href="http://www.whatthedruck.com/portfolio/2011/03/sieve/"><img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/sieve/thumb-sieve.png"></a><h2><a href="http://www.whatthedruck.com/portfolio/2011/03/sieve/">Sieve</a></h2>iPad app that manages, searches and filters Twitter content that is most relevant, current and useful to you.]]></description>
			<content:encoded><![CDATA[<div class="grid_4">
<div class="info">
<h2>Client</h2>
<p>Collaborative project with <a href="http://www.domaincalmeyn.com/" target="_blank">Chris Calmeyn</a><br/><br/></p>
<p>
<h2>Overview</h2>
<p>There&#8217;s a lot of content flowing quickly through Twitter, that soon becomes lost and overwhelming to you.</p>
<p><br/>Sieve solves this problem.  Sieve is an iPad application that quickly manages, searches and filters your Twitter content.</p>
<p><br/>In doing so, Twitter&#8217;s content becomes more relevant, current and useful to you.</p>
<p><br/>We built an mobile web iPad application.  We currently have a video demo set up, but have a live prototype also.  Please contact either one of us to test it out.</p>
<p><br/>
		</p>
<p>
<h2>Role</h2>
<p>			Concept, design, web &#038; mobile development
		</p>
<p><br/></div>
<div class="link-side">
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/link-icon.png"><a href="http://sieve.cc/" target="_blank">Sieve</a>
		</div>
<div class="link-side">
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/link-icon.png"><a href="#">See the process</a>
		</div>
<div class="cate-side">
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/tag-icon.png"><a href="http://www.whatthedruck.com/portfolio/category/mobile/">Mobile</a>
		</div>
</p></div>
<div class="grid_8">
<p>
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/sieve/sieve-1.png">
		</p>
<p>
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/sieve/sieve-2.png">
		</p>
<p>
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/sieve/sieve-3.png">
		</p>
<p>
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/sieve/sieve-4.png">
		</p>
<p>
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/sieve/sieve-5.png">
		</p>
<p>
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/sieve/sieve-6.png">
		</p>
<p><iframe src="http://player.vimeo.com/video/23568041" width="620" height="349" frameborder="0"></iframe></p>
</div>
<div class="clear"></div>
]]></content:encoded>
			<wfw:commentRss>http://www.whatthedruck.com/portfolio/2011/03/sieve/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SubGab</title>
		<link>http://www.whatthedruck.com/portfolio/2011/03/subgab/</link>
		<comments>http://www.whatthedruck.com/portfolio/2011/03/subgab/#comments</comments>
		<pubDate>Thu, 03 Mar 2011 21:24:06 +0000</pubDate>
		<dc:creator>aaron</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[Mobile]]></category>

		<guid isPermaLink="false">http://www.whatthedruck.com/portfolio/?p=419</guid>
		<description><![CDATA[<a href="http://www.whatthedruck.com/portfolio/2011/03/subgab"><img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/subgab/thumb-subgab.png"></a><h2><a href="http://www.whatthedruck.com/portfolio/2011/03/subgab/">SubGab</a></h2>iPhone application that empowers New Yorkers to get real-time NYC subway updates.]]></description>
			<content:encoded><![CDATA[<div class="grid_4">
<div class="info">
<h2>Client</h2>
<p>Collaborative project with <a href="http://www.domaincalmeyn.com/" target="_blank">Chris Calmeyn</a>.<br/><br/></p>
<p>
<h2>Overview</h2>
<p>See something, say something, SubGab something!</p>
<p><br/>New Yorkers can use crowd-sourcing to get real-time NYC subway status updates. The more people who use it and participate, the better the results!</p>
<p><br/>SubGab is an iPhone application that uses Twitter&#8217;s network, which empowers New York City subway riders to critique, comment and document their beloved subway. As a result, users can see real-time text and photo updates for trains, stations and riders.</p>
<p><br/>See a funny person passed out on the train?! Gab it!</p>
<p><br/>Mad the F in Brooklyn is still late?! Gab it, and let others know to take another train!</p>
<p><br/>*You need a Twitter account if you want to gab! You can view gabs without an account however.</p>
<p><br/>
		</p>
<p>
<h2>Role</h2>
<p>			Concept, design, iPhone development
		</p>
<p><br/></div>
<div class="button-side"><a href="http://itunes.apple.com/us/app/subgab/id459349206?ls=1&#038;mt=8" target="_blank"><img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/app-store-btn.png" alt="SubGab on iTunes"></a>
		</div>
<div class="link-side">
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/link-icon.png"><a href="http://subgab.com/" target="_blank">SubGab site</a></div>
<div class="link-side">
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/link-icon.png"><a href="#">See the process</a>
		</div>
<div class="cate-side">
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/tag-icon.png"><a href="http://www.whatthedruck.com/portfolio/category/mobile/">Mobile</a>
		</div>
</p></div>
<div class="grid_8">
<p>
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/subgab/subgab-1.jpg">
		</p>
<p>
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/subgab/subgab-2.jpg">
		</p>
<p>
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/subgab/subgab-3.jpg">
		</p>
<p><iframe src="http://player.vimeo.com/video/23341745" width="620" height="349" frameborder="0"></iframe></p>
</div>
<div class="clear"></div>
]]></content:encoded>
			<wfw:commentRss>http://www.whatthedruck.com/portfolio/2011/03/subgab/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>myETD</title>
		<link>http://www.whatthedruck.com/portfolio/2011/01/myetd/</link>
		<comments>http://www.whatthedruck.com/portfolio/2011/01/myetd/#comments</comments>
		<pubDate>Fri, 14 Jan 2011 17:00:30 +0000</pubDate>
		<dc:creator>aaron</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[Mobile]]></category>

		<guid isPermaLink="false">http://www.whatthedruck.com/portfolio/?p=216</guid>
		<description><![CDATA[<a href="http://www.whatthedruck.com/portfolio/2011/01/myetd"><img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/myETD/thumb-myETD.jpg"></a><h2><a href="http://www.whatthedruck.com/portfolio/2011/01/myetd">myETD</a></h2>Mobile application for NYC subway commuters.]]></description>
			<content:encoded><![CDATA[<div class="grid_4">
<div class="info">
<h2>Client</h2>
<p>Personal project with <a href="http://www.domaincalmeyn.com/" target="_blank">Chris Calmeyn</a><br/><br/></p>
<p>
<h2>Overview</h2>
<p>myETD (Estimated Time of Departure) is a free, cross-platform, cross-device mobile application for the NYC subway riders.  It displays a countdown to when the next trains depart and status information.  It uses the NYC subway&#8217;s timetable information and service status feed.
		</p>
<p>
			Add a stop to your favorites to quickly check when trains are arriving and departing from the places you travel most often.
		</p>
<p><br/>myETD&#8217;s station pages are color-coded to give you a glanceable understanding of how the subway is operating. Green = Good Service. Red = Delays. Orange = Planned Work or Service Changes.</p>
<p><br/>We submitted it to the <a href="http://nycbigapps.com/submissions/1726-myetd-nyc" target="_blank">NYC Big Apps competition</a>.<br/><br/>
		</p>
<p>
<h2>Role</h2>
<p>			Concept, design, development
		</p>
<p><br/></div>
<div class="button-side"><a href="http://myetd.com/" target="_blank"><img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mobile-use-btn.png" alt="myETD.com"></a>
		</div>
<div class="link-side"><img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/link-icon.png"><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/myETD/process/myetdProcess-1.jpg" rel="lightbox[myETD]" title="Here are some wireframes for myETD, which is live and running at myetd.com.  The idea is to let native New York commuters favorite stations they use everyday and quickly see when trains are departing from their station.">See the process</a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/myETD/process/myetdProcess-2.jpg" rel="lightbox[myETD]" title="We just started with trying to nail down the flow for the user.  Trying to optimize how users find their station as fast as possible."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/myETD/process/myetdProcess-3.jpg" rel="lightbox[myETD]" title="We thought that having it load up the stops nearest you would allow a user to quickly favorite their stations."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/myETD/process/myetdProcess-4.jpg" rel="lightbox[myETD]" title="Allow a user to quickly see when the train with a countdown clock, and see train station with an alert bubble."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/myETD/process/myetdProcess-5.jpg" rel="lightbox[myETD]" title="Here's an early prototype.  We started building it out in jQuerymobile, so we copied and pasted in some elements we had running to see how they would look and interact."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/myETD/process/myetdProcess-6.jpg" rel="lightbox[myETD]" title="These are screengrabs from an early prototype we had running in jQuerymobile."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/myETD/process/myetdProcess-7.jpg" rel="lightbox[myETD]" title="Here's the final working application.  Here is the favorite screen, so a user can quickly access their favorite stops (using HTML5 localStorage)."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/myETD/process/myetdProcess-8.jpg" rel="lightbox[myETD]" title="Here are various station views.  A user can see their stop, when trains are departing in both directions, and quickly see the train service status indicated by green, red and orange."> </a></div>
<div class="cate-side">
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/tag-icon.png"><a href="http://www.whatthedruck.com/portfolio/category/mobile/">Mobile</a>
		</div>
</p></div>
<div class="grid_8">
<p>
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/myETD/myetd-1.jpg">
		</p>
<p>
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/myETD/myetd-2.jpg">
		</p>
<p><iframe title="YouTube video player" class="youtube-player" type="text/html" width="620" height="378" src="http://www.youtube.com/embed/FXfuR3xnXMc" frameborder="0" allowFullScreen></iframe></p>
</div>
<div class="clear"></div>
]]></content:encoded>
			<wfw:commentRss>http://www.whatthedruck.com/portfolio/2011/01/myetd/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fleur</title>
		<link>http://www.whatthedruck.com/portfolio/2011/01/fleur-4/</link>
		<comments>http://www.whatthedruck.com/portfolio/2011/01/fleur-4/#comments</comments>
		<pubDate>Thu, 13 Jan 2011 22:36:10 +0000</pubDate>
		<dc:creator>aaron</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[Physical Computing]]></category>

		<guid isPermaLink="false">http://www.whatthedruck.com/portfolio/?p=106</guid>
		<description><![CDATA[<a href="http://www.whatthedruck.com/portfolio/2011/01/fleur-4/"><img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/fleur/thumb-fleur.jpg"></a><h2><a href="http://www.whatthedruck.com/portfolio/2011/01/fleur-4/">Fleur</a></h2>An ambient email notification device using flowers.]]></description>
			<content:encoded><![CDATA[<div class="grid_4">
<div class="info">
<h2>Client</h2>
<p>Class project<br/><br/></p>
<p>
<h2>Overview</h2>
<p>			Fleur is a ubiquitous computing prototype I built with <a href="http://portfolio.thegarrett.org/" target="_blank">Garrett</a>, <a href="http://www.bubblyfish.com/" target="_blank">Haeyoung</a> and <a href="http://vimeo.com/pritika" target="_blank">Pritika</a> for our midterm.
		</p>
<p>
			<br/>The idea is to create an ambient email notification device using flowers. The flowers try to combat a users&#8217; stress that is sometimes associated with receiving email notifications. The experience is meant to be calming and soothing for the user.
		</p>
<p><br/>Each flower is associated with a specific contact/label in Gmail, and the LEDs on the flowers light up if there is an unread email from that contact or label. When the user read those emails, the LEDs turn off for each corresponding label.</p>
<p><br/>This was built using Arduino, hooked up with a Python script that parses Gmail.<br/><br/>
		</p>
<p>
<h2>Role</h2>
<p>			Concept, design, development
		</p>
<p><br/></div>
<div class="link-side">
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/link-icon.png"><a href="http://vimeo.com/17969722">Watch on Vimeo</a>
		</div>
<div class="link-side">
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/link-icon.png"><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/fleur/fleur-process/fleur-1.jpg" rel="lightbox[fleur]" title="Here's the physical computing group project I did, called Fleur.">See the process</a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/fleur/fleur-process/fleur-2.jpg" rel="lightbox[fleur]" title="What is Fleur?  This is what Fleur is."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/fleur/fleur-process/fleur-3.jpg" rel="lightbox[fleur]" title="Some design questions we tried to answer revolve around trying to create a less stressful environment for receiving email notifications.  Your brain releases a drip of dopamine every time you receive an email, because it will stress you out!"> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/fleur/fleur-process/fleur-4.jpg" rel="lightbox[fleur]" title="Here are some physical computing precedents that light up LEDs when you receive an email."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/fleur/fleur-process/fleur-5.jpg" rel="lightbox[fleur]" title="Oribotics responds to SMS messages."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/fleur/fleur-process/fleur-6.jpg" rel="lightbox[fleur]" title="Flowerpod visualizes energy usage."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/fleur/fleur-process/fleur-7.jpg" rel="lightbox[fleur]" title="Our user persona targets busy people who live stressful lives but need to stay connected."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/fleur/fleur-process/fleur-8.jpg" rel="lightbox[fleur]" title="She sets up her labels in Gmail, and each label corresponds to a flower."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/fleur/fleur-process/fleur-9.jpg" rel="lightbox[fleur]" title="Here's her inbox."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/fleur/fleur-process/fleur-10.jpg" rel="lightbox[fleur]" title="Our user is busy, but also has a life and doesn't want her busy work life intruding all the time in her personal life."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/fleur/fleur-process/fleur-11.jpg" rel="lightbox[fleur]" title="The more flowers that light up in her bouquet means that she has more unread emails.  But hopefully the illuminated flowers cause less stress.  Flowers have a placebo affect of reducing stress."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/fleur/fleur-process/fleur-12.jpg" rel="lightbox[fleur]" title=""> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/fleur/fleur-process/fleur-13.jpg" rel="lightbox[fleur]" title="Here's a run down of how we set up our system.  Have Gmail outputting an RSS feed, which is parsed in Python, sent to Arduino, which lights up the LEDs which are embedded in the flowers."> </a>
		</div>
<div class="cate-side">
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/tag-icon.png"><a href="http://www.whatthedruck.com/portfolio/category/physical-computing/">Physical Computing</a>
		</div>
</p></div>
<div class="grid_8">
<p>
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/fleur/fleur1.jpg">
		</p>
<p>
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/fleur/fleur2.jpg">
		</p>
<p><iframe src="http://player.vimeo.com/video/17969722" width="620" height="349" frameborder="0"></iframe></p>
<p><iframe src="http://player.vimeo.com/video/15938713" width="620" height="349" frameborder="0"></iframe></p>
</div>
<div class="clear"></div>
]]></content:encoded>
			<wfw:commentRss>http://www.whatthedruck.com/portfolio/2011/01/fleur-4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Popcorn &amp; Politics</title>
		<link>http://www.whatthedruck.com/portfolio/2011/01/popcorn-politics/</link>
		<comments>http://www.whatthedruck.com/portfolio/2011/01/popcorn-politics/#comments</comments>
		<pubDate>Wed, 12 Jan 2011 20:15:45 +0000</pubDate>
		<dc:creator>aaron</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[Data Visualization]]></category>

		<guid isPermaLink="false">http://www.whatthedruck.com/portfolio/?p=194</guid>
		<description><![CDATA[<a href="http://www.whatthedruck.com/portfolio/2011/01/popcorn-politics/"><img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/thumb-pp.jpg"></a><h2><a href="http://www.whatthedruck.com/portfolio/2011/01/popcorn-politics/">Popcorn &#038; Politics</a></h2>Data visualization comparing 2008 political contributions and movies.]]></description>
			<content:encoded><![CDATA[<div class="grid_4">
<div class="info">
<h2>Client</h2>
<p>Class project with <a href="http://nas.sr/" target="_blank">Ramsey Nasser</a><br/><br/></p>
<p>
<h2>Overview</h2>
<p>			As part of a collaborative class between Parsons and the New York Times, Ramsey and I created a visualization depicting relationships between the film industry and the 2008 US presidential candidates.
		</p>
<p>
			<br/>We pulled data from the New York Times Campaign Finance API, IMDB, film-releases.com and the FEC. The visualization depicts how much money producers from specific movies donated to 2008 political candidates. In addition, we presented the project at the New York Times in February 2010 and the project has been posted on the NYTimes site <a href="http://open.blogs.nytimes.com/2010/05/12/schooled-by-times-apis-student-projects/">here</a>.<br/><br/>
		</p>
<p>
<h2>Role</h2>
<p>			Concept, design
		</p>
<p><br/></div>
<div class="link-side">
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/link-icon.png"><a href="http://www.popcornandpolitics.com/">Go to Popcorn &#038; Politics</a>
		</div>
<div class="link-side">
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/link-icon.png"><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/1.gif" rel="lightbox[popcorn]" title="Popcorn and Politics is a collaborative data viz project by Ramsey Nasser and Aaron Druck.">See the process</a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/2.gif" rel="lightbox[popcorn]" title="Our concept was to show the flow of money between 2008 movies and 2008 political candidate contribution amounts."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/3.gif" rel="lightbox[popcorn]" title="There's always been a connection between the movie industry and government."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/4.gif" rel="lightbox[popcorn]" title="Here's the story we are telling.  A moviegoer goes to the theater, sees a movie, and then checks out Popcorn and Politics and it reveals some of that money went to a politician."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/5.gif" rel="lightbox[popcorn]" title="Our target audience hits the above."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/6.gif" rel="lightbox[popcorn]" title="Here are the design questions we are trying to answer."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/7.gif" rel="lightbox[popcorn]" title="Here are some precedents that we researched that pertain to our project."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/8.gif" rel="lightbox[popcorn]" title="Here is Charles Minard's famous 'Napolean's March'.  It is considered a data viz masterpiece by Tufte."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/9.gif" rel="lightbox[popcorn]" title="This project depicts campaign contribution amounts from CEOs."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/10.gif" rel="lightbox[popcorn]" title="Fundrace allows users to search campaign contribution amounts by city and occupation."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/11.gif" rel="lightbox[popcorn]" title="TheyRule shows connections between top level organizations/companies and its members."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/12.gif" rel="lightbox[popcorn]" title="MovieCharts shows the flow of box office revenue for a movie over time."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/13.gif" rel="lightbox[popcorn]" title="Some visualization concepts we wanted to hit mimic what Tufte wants.  Clean, simple design."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/14.gif" rel="lightbox[popcorn]" title="Inspiration and design mantra for Popcorn."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/15.gif" rel="lightbox[popcorn]" title="Our schedule and steps we took in building."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/16.gif" rel="lightbox[popcorn]" title="Our data systems diagram."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/17.gif" rel="lightbox[popcorn]" title="We chose to aggregate movie producer campaign contribution amounts because we could grab them from the API, and they get a percentage of ticket sales."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/18.gif" rel="lightbox[popcorn]" title="XML structure."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/19.gif" rel="lightbox[popcorn]" title="Technologies used."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/pp1.jpg" rel="lightbox[popcorn]" title="Whiteboarding..."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/pp2.jpg" rel="lightbox[popcorn]" title="Whiteboarding..."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/20.gif" rel="lightbox[popcorn]" title="Paper prototyping and sketching."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/21.gif" rel="lightbox[popcorn]" title="Messing around with bar graphs to depict the information."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/22.gif" rel="lightbox[popcorn]" title="More bar graphs!  This was a very early project run at Parsons, so if we do a version2, it will be much nicer :)"> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/23.gif" rel="lightbox[popcorn]" title="Again!"> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/pp3.jpg" rel="lightbox[popcorn]" title="Whiteboarding..."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/24.gif" rel="lightbox[popcorn]" title="More sketches...experimenting with radial bar graph."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/25.gif" rel="lightbox[popcorn]" title="We discovered a Sankey graph, which is exactly what we needed.  It depicts both flow/connections and volume."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/26.gif" rel="lightbox[popcorn]" title="Prototype..."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/27.gif" rel="lightbox[popcorn]" title="Clean up..."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/28.gif" rel="lightbox[popcorn]" title="A user can see the flow of money from movies to political candidates.  The thickness of the bar represents volume of money."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/29.gif" rel="lightbox[popcorn]" title="Another iteration..."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp-process/30.gif" rel="lightbox[popcorn]" title="Ramsey and I plan on making a version 2 of this someday.  Which will not be a bar graph and will be a lot nicer looking.  It was great to go to the NY Times and present this though."> </a>
		</div>
<div class="cate-side">
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/tag-icon.png"><a href="http://www.whatthedruck.com/portfolio/category/data-viz/">Data Visualization</a>
		</div>
</p></div>
<div class="grid_8">
<p><embed src="http://blip.tv/play/AYHd4wcC" type="application/x-shockwave-flash" width="620" height="390" allowscriptaccess="always" allowfullscreen="true"></embed></p>
<p><img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp1.jpg"></p>
<p><img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/popcorn/pp2.jpg"></p>
</div>
<div class="clear"></div>
]]></content:encoded>
			<wfw:commentRss>http://www.whatthedruck.com/portfolio/2011/01/popcorn-politics/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MTA Advisory</title>
		<link>http://www.whatthedruck.com/portfolio/2011/01/mta-advisory/</link>
		<comments>http://www.whatthedruck.com/portfolio/2011/01/mta-advisory/#comments</comments>
		<pubDate>Tue, 11 Jan 2011 20:11:21 +0000</pubDate>
		<dc:creator>aaron</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[Mobile]]></category>

		<guid isPermaLink="false">http://www.whatthedruck.com/portfolio/?p=190</guid>
		<description><![CDATA[<a href="http://www.whatthedruck.com/portfolio/2011/01/mta-advisory/"><img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/thumb-mta-advisory.jpg"></a><h2><a href="http://www.whatthedruck.com/portfolio/2011/01/mta-advisory/">MTA Advisory</a></h2>A conceptual iPhone application to help NYC commuters navigate the city.]]></description>
			<content:encoded><![CDATA[<div class="grid_4">
<div class="info">
<h2>Client</h2>
<p>Class project<br/><br/></p>
<p>
<h2>Overview</h2>
<p>			MTA Advisory is a conceptual iPhone application for NYC subway commuters. The app works with QR codes to highlight current MTA service advisories, and allows the user to navigate the NYC subway system with ease.  See the screenshots to learn more.  At some point I would like to try and develop this app.<br/><br/>
		</p>
<p>
<h2>Role</h2>
<p>			Concept, design, interaction design		</p>
<p><br/></div>
<div class="link-side"><img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/link-icon.png"><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-1.jpg" rel="lightbox[mta]" title="MTA Advisory is a conceptual iPhone application that allows NYC subway riders to easily and quickly process MTA service updates.">See the process</a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-2.jpg" rel="lightbox[mta]" title="MTA Advisory at this point is purely a 'role' prototype.  At some point I would like to flesh it out and actually build it."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-3.jpg" rel="lightbox[mta]" title="A possible use case is a New Yorker going to a party late at night, and might have had a few too many drinks."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-4.jpg" rel="lightbox[mta]" title="She could check the MTA site for service advisories..."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-5.jpg" rel="lightbox[mta]" title="But it's very hard to understand and very convoluted."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-6.jpg" rel="lightbox[mta]" title="At some point I was thinking a user could sync their MTA Advisory app, so it would get all the service updates (I worked on this over a year ago so there have been a lot of changes to the MTA since then).  But in this case, they have no time and she runs out the door."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-7.jpg" rel="lightbox[mta]" title="She runs to the subway station..."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-8.jpg" rel="lightbox[mta]" title="And checks the subway service signs, which is very convoluted and hard to understand, even for a local New Yorker."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-9.jpg" rel="lightbox[mta]" title="But what if all this information could be stored digitally?"> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-10.jpg" rel="lightbox[mta]" title="Like in a QR code or some type of bar code."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta-advisory-paper-prototypes.jpg" rel="lightbox[mta]" title="Here are some paper prototypes testing the implementation of the concept, which you'll see in the next slide."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-11.jpg" rel="lightbox[mta]" title="This is where MTA Advisory comes into play."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-12.jpg" rel="lightbox[mta]" title="The user goes into the subway, opens up the app, and a targeting screen appears to scan a code."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-13.jpg" rel="lightbox[mta]" title="She walks to the service sign, which now has a QR code attached to it.  This will eliminate any need for wifi signals underground."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-14.jpg" rel="lightbox[mta]" title="The QR code stores all the latest MTA advisories."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-15.jpg" rel="lightbox[mta]" title="The app then updates with all the service updates from the sign."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-16.jpg" rel="lightbox[mta]" title="She could then double tap the screen..."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-17.jpg" rel="lightbox[mta]" title="And implementing something similar to user interactions on the Android..."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-18.jpg" rel="lightbox[mta]" title="A user could mark and press down where they are..."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-19.jpg" rel="lightbox[mta]" title="And then drag and connect where they want to be..."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-20.jpg" rel="lightbox[mta]" title="And then release..."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-21.jpg" rel="lightbox[mta]" title="And the app updates and shows the route to take, taking into consideration all the service advisory information downloaded from the QR code."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-22.jpg" rel="lightbox[mta]" title="The following slides just show various views a user could do to see more detailed views."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-23.jpg" rel="lightbox[mta]" title="See all the advisories."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-24.jpg" rel="lightbox[mta]" title="The detailed text advisory again."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-25.jpg" rel="lightbox[mta]" title="A help screen to show how to use the interactions."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-26.jpg" rel="lightbox[mta]" title="The mantra of the app is to make the interactions simple and allow the user to not think too hard when trying to get from A to B."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-27.jpg" rel="lightbox[mta]" title="Tech specs."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-28.jpg" rel="lightbox[mta]" title="Problems and issues."> </a><a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-29.jpg" rel="lightbox[mta]" title="The end!"> </a></div>
<div class="cate-side">
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/tag-icon.png"><a href="http://www.whatthedruck.com/portfolio/category/mobile/">Mobile</a>
		</div>
</p></div>
<div class="grid_8">
<p>
			<a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-process/mta_app-1.jpg" rel="lightbox[mta]" title="MTA Advisory is a conceptual iPhone application that allows NYC subway riders to easily and quickly process MTA service updates."><img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/mta-advisory/mta-adv-1.jpg"></a></p>
</div>
<div class="clear"></div>
]]></content:encoded>
			<wfw:commentRss>http://www.whatthedruck.com/portfolio/2011/01/mta-advisory/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Open Society Institute Fellowship</title>
		<link>http://www.whatthedruck.com/portfolio/2011/01/osiparsons-information-design-fellowship/</link>
		<comments>http://www.whatthedruck.com/portfolio/2011/01/osiparsons-information-design-fellowship/#comments</comments>
		<pubDate>Mon, 10 Jan 2011 20:05:06 +0000</pubDate>
		<dc:creator>aaron</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.whatthedruck.com/portfolio/?p=168</guid>
		<description><![CDATA[<a href="http://www.whatthedruck.com/portfolio/2011/01/osiparsons-information-design-fellowship/"><img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/osi/osi-thumb.jpg"></a><h2><a href="http://www.whatthedruck.com/portfolio/2011/01/osiparsons-information-design-fellowship/">Open Society Institute Fellowship</a></h2>Various design and development work for my Parsons fellowship.]]></description>
			<content:encoded><![CDATA[<div class="grid_4">
<div class="info">
<h2>Client</h2>
<p>Parsons and Open Society Institute<br/><br/></p>
<p>
<h2>Overview</h2>
<p>			I received a Fellowship in Information Design through Parsons and the Open Society Institute for the summer of 2010. Throughout the summer, I worked on various design projects with other Parsons fellows based at NGOs around the world. I worked on icons, logos, branding and web design/development.
		</p>
<p><br/>I worked primarily with <a href="http://bruzed.com/" target="_blank">Bruce Drummond</a>, <a href="http://www.vargatron.com/" target="_blank">Steve Varga</a>, <a href="http://www.kellyfrancisnichols.com/parsons/" target="_blank">Kelly Nichols</a> and <a href="http://cargocollective.com/andreabradshaw#" target="_blank">Andrea Bradshaw</a> on these projects.  I helped develop the osi.parsons.edu site and swannet.org.  Also, thanks to the Glyphish Pro icon set for the base iconography.<br/><br/>
		</p>
<p>
<h2>Role</h2>
<p>			Design, web development
		</p>
<p><br/></div>
<div class="link-side">
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/link-icon.png"><a href="http://osi.parsons.edu/">osi.parsons.edu</a>
		</div>
<div class="cate-side">
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/tag-icon.png"><a href="http://www.whatthedruck.com/portfolio/category/web/">Web</a>
		</div>
</p></div>
<div class="grid_8">
<p>
			<a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/osi/osi-home-c.jpg" rel="lightbox[168]"><img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/osi/osi-home.jpg"></a>
		</p>
<p>
			<a href="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/osi/swan-home-b.jpg" rel="lightbox[168]"><img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/osi/swan-home.jpg"></a>
		</p>
<p>
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/osi/swan-icons.gif">
		</p>
</div>
<div class="clear"></div>
]]></content:encoded>
			<wfw:commentRss>http://www.whatthedruck.com/portfolio/2011/01/osiparsons-information-design-fellowship/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The New York Times</title>
		<link>http://www.whatthedruck.com/portfolio/2011/01/the-new-york-times/</link>
		<comments>http://www.whatthedruck.com/portfolio/2011/01/the-new-york-times/#comments</comments>
		<pubDate>Sun, 09 Jan 2011 20:01:58 +0000</pubDate>
		<dc:creator>aaron</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.whatthedruck.com/portfolio/?p=165</guid>
		<description><![CDATA[<a href="http://www.whatthedruck.com/portfolio/2011/01/the-new-york-times/"><img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/nyt/thumb-nyt.jpg"></a><h2><a href="http://www.whatthedruck.com/portfolio/2011/01/the-new-york-times/">The New York Times</a></h2>Various design and development work from my internship at The New York Times.]]></description>
			<content:encoded><![CDATA[<div class="grid_4">
<div class="info">
<h2>Client</h2>
<p>The New York Times<br/><br/></p>
<p>
<h2>Overview</h2>
<p>			During my internship at The New York Times, I designed and developed various sections on <a href="http://www.nytimes.com/">nytimes.com</a>.  I worked specifically with the Multimedia team.  The work highlighted here was in collaboration with Andrew DeVigal, Thomas Jackson and Jon Huang.<br/><br/>
		</p>
<p>
<h2>Role</h2>
<p>			Design, web development
		</p>
<p><br/></div>
<div class="link-side">
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/link-icon.png"><a href="http://www.nytimes.com/interactive/2010/09/25/opinion/opedat40.html">Op-Ed 40</a>
		</div>
<div class="link-side">
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/link-icon.png"><a href="http://www.nytimes.com/interactive/2010/12/12/travel/ski-guide-resorts.html">Ski Guide</a>
		</div>
<div class="link-side">
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/link-icon.png"><a href="http://topics.nytimes.com/top/news/us/series/radiation_boom/index.html">Radiation Boom</a>
		</div>
<div class="cate-side">
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/tag-icon.png"><a href="http://www.whatthedruck.com/portfolio/category/web">Web</a>
		</div>
</p></div>
<div class="grid_8">
<p>
			<a href="http://www.nytimes.com/interactive/2010/09/25/opinion/opedat40.html"><img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/nyt/oped.jpg"></a>
		</p>
<p>
			<a href="http://www.nytimes.com/interactive/2010/12/12/travel/ski-guide-resorts.html"><img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/nyt/ski.jpg"></a>
		</p>
<p>
			<a href="http://topics.nytimes.com/top/news/us/series/radiation_boom/index.html"><img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/nyt/radiation.jpg"></a>
		</p>
</div>
<div class="clear"></div>
]]></content:encoded>
			<wfw:commentRss>http://www.whatthedruck.com/portfolio/2011/01/the-new-york-times/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Critteur</title>
		<link>http://www.whatthedruck.com/portfolio/2011/01/critteur/</link>
		<comments>http://www.whatthedruck.com/portfolio/2011/01/critteur/#comments</comments>
		<pubDate>Sat, 08 Jan 2011 20:07:31 +0000</pubDate>
		<dc:creator>aaron</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[Mobile]]></category>

		<guid isPermaLink="false">http://www.whatthedruck.com/portfolio/?p=172</guid>
		<description><![CDATA[<a href="http://www.whatthedruck.com/portfolio/2011/01/critteur/"><img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/critteur/thumb-critteur.jpg"></a><h2><a href="http://www.whatthedruck.com/portfolio/2011/01/critteur/">Critteur</a></h2>Collaborative Parsons iPhone application design and development.]]></description>
			<content:encoded><![CDATA[<div class="grid_4">
<div class="info">
<h2>Client</h2>
<p>Parsons<br/><br/></p>
<p>
<h2>Overview</h2>
<p>			Critteur is a mobile application that allows Parsons students to post, share and critique their work within the Parsons community. It was created by a group of MFA Design &#038; Technology students over the course of a semester.</p>
<p><br/>The students each created a separate piece of the application, and then another student, <a href="http://www.cre8ive.kr/blog/" target="_blank">DongYoon Park</a>, pieced it together for this working prototype. He also provided this video of our prototype.<br/><br/>
		</p>
<p>
<h2>Role</h2>
<p>			Concept, design
		</p>
<p><br/></div>
<div class="link-side">
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/link-icon.png"><a href="http://www.youtube.com/watch?feature=player_embedded&#038;v=v36IGOew1-c">Video</a>
		</div>
<div class="cate-side">
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/tag-icon.png"><a href="http://www.whatthedruck.com/portfolio/category/physical-computing/">Mobile</a>
		</div>
</p></div>
<div class="grid_8">
<p>
			<img src="http://www.whatthedruck.com/portfolio/wp-content/themes/960-grid/images/critteur/critteur-1.jpg">
		</p>
<p>
			<iframe title="YouTube video player" class="youtube-player" type="text/html" width="620" height="378" src="http://www.youtube.com/embed/v36IGOew1-c" frameborder="0" allowFullScreen></iframe>
		</p>
</div>
<div class="clear"></div>
]]></content:encoded>
			<wfw:commentRss>http://www.whatthedruck.com/portfolio/2011/01/critteur/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

