<?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>Jan van der Asdonk.com &#124; Creative Design Wizard</title>
	<atom:link href="http://www.janvanderasdonk.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.janvanderasdonk.com</link>
	<description>The Portfolio of Jan van der Asdonk &#124; Creative Design Wizard</description>
	<lastBuildDate>Sun, 18 Mar 2012 22:28:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Twitter Infographic</title>
		<link>http://www.janvanderasdonk.com/2011/twitter-infographic/</link>
		<comments>http://www.janvanderasdonk.com/2011/twitter-infographic/#comments</comments>
		<pubDate>Sun, 21 Aug 2011 21:26:02 +0000</pubDate>
		<dc:creator>Jan</dc:creator>
				<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Top]]></category>

		<guid isPermaLink="false">http://www.janvanderasdonk.com/?p=1214</guid>
		<description><![CDATA[An infographic based on one week of Twitter data]]></description>
			<content:encoded><![CDATA[<h1>An Infographic</h1>
<p>Some time now infographics have been a trending visualization in the marketing world. Companies in the procession of vast amounts of data and knowledge use the skills of graphic designers to visualize their complex information.</p>
<p>OBI4wan is one of those companies. Specialized in online business intelligence, OBI4wan offers webcare platforms and insights in online communication. They analyze more than 15 million Dutch tweets every week, gaining valuable insights in Dutch Twitter usage.</p>
<p>So an infographic was commissioned. As a first, Dutch-spoken tweets were analyzed on numbers, moments, and origin. Account location were founded solely on input by users themselves, thus offering not the completest of data on that topic.</p>
<p>Later, a second infographic was made using data from the Flanders region of Belgium (not pictured here).</p>
<h2>Press Pack</h2>
<p>The Dutch infographic can be downloaded as a press pack <a href="http://www.janvanderasdonk.com/Upload/2011W3.zip">here</a> (.zip file, in various qualities and sizes).</p>
<h2>The Full Infographic</h2>
<p><img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/08/twitter-infographic-03.png" alt="" title="" width="626" height="2484" class="alignnone size-full wp-image-1221" /><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>The Design</h1>
<p>More information on the details and design inside the infographic can be found below.</p>
<h2>The Date</h2>
<p>In being the first infographic, the data of one week was used. In this case, week 31: 1 to 7 July. The infographic at that point was made with the thought of weekly updates in mind. So in sticking to the visual, a small agenda was added. Also, 52 small cubic shapes (in accordance with the year&#8217;s 52 weeks) were added along the right side, graphically representing the current week.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/08/twitter-infographic-04.png" alt="" title="" width="626" height="294" class="alignnone size-full wp-image-1222" /></p>
<h2>Tweets and Population</h2>
<p>The first header dealt with the number of tweets (15.296.515) versus the population of the Netherlands (16.700.000) and the number of active accounts that week (1.006.695). The map showcased a comparison between the tweets and population using the matching colors of the text.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/08/twitter-infographic-05.png" alt="" title="" width="626" height="269" class="alignnone size-full wp-image-1223" /></p>
<h2>Tweets per Week and Hour</h2>
<p>The second part covered the tweets per week and hour. The top part showed the activity per day, the higher and darker the bar, the higher the number. The bottom part showed the tweets per hour, 24 hours per day. The graphic to the right depicted a Twitter bird with a sleep bonnet, illustrating that Twitter activity is a little bit later on Sunday because we probably &#8220;start&#8221; a little later that day.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/08/twitter-infographic-06.png" alt="" title="" width="626" height="417" class="alignnone size-full wp-image-1224" /></p>
<h2>Friends and Followers</h2>
<p>Part three represented the comparison between friends and followers. The top graph shows the followers and the bottom friends. The choice was made to put and emphasis on the people not having any followers nor friends. Another important detail is the 2.000 friends cap set by Twitter. If you wish to have more than 2.000 friends, you need a large amount of followers. Therefor a lot of people stop at 2.000.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/08/twitter-infographic-07.png" alt="" title="" width="626" height="490" class="alignnone size-full wp-image-1225" /></p>
<h2>Tweets per Person, per Week</h2>
<p>Now that we know hoy much tweets are send out, and on what day and hour these proliferate, it is time to figure out the amount of tweets the average account communicates on that given week. The graphic displays the tweets per person per week, summarized in various groups between the 1 and 1.001 plus. It seems there are 209 people that week who sent more than 1.001 Twitter messages.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/08/twitter-infographic-08.png" alt="" title="" width="626" height="416" class="alignnone size-full wp-image-1226" /></p>
<h2>Tweets and their Origin</h2>
<p>The fifth and final part explained the percentage of tweets and their respective origins. A map of the Netherlands was divided into its provinces, using color and coherent text-size to present the data.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/08/twitter-infographic-09.png" alt="" title="" width="626" height="376" class="alignnone size-full wp-image-1227" /><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>Stats</h1>
<p><strong>completed in:</strong> August, 2011<br />
<strong>time spent on project:</strong> about 25 hours so far<br />
<strong>stakeholders:</strong> <a href="http://www.obi4wan.nl/" target="_blank">OBI4wan</a><br />
<strong>links:</strong> blogged at <a href="http://www.obi4wan.nl/social-media-monitoring/actuele-statistieken-van-de-nederlandstalige-twitteraar-infographic/" target="_blank">OBI4wan</a>, <a href="http://www.marketingfacts.nl/berichten/20110812_nederland_telt_1_miljoen_actieve_twitteraars_infographic/" target="_blank">Marketingfacts</a>, <a href="http://www.dutchcowboys.nl/twitter/22862" target="_blank">DutchCowboys</a>, <a href="http://twittermania.nl/2011/08/1-miljoen-actieve-nederlandse-twitteraccounts/" target="_blank">Twittermania</a>, <a href="http://www.onlinepromotie.nl/weblog/miljoen-actieve-twitteraars-in-nederland.html" target="_blank">Online Promotie</a>, <a href="http://www.syvo.nl/blog/meer-dan-1-miljoen-nederlanders-op-twitter" target="_blank">Syvo</a>, <a href="http://socialmediatools.nl/social-media-tools/blog/microblog/1-miljoen-actieve-twitter-users-in-nl-infographic/" target="_blank">Social Media Tools</a>, <a href="http://nieuwemedia.blog.nl/twitter/2011/08/16/nederland-heeft-miljoen-actieve-twitteraars" target="_blank">NieuweMedia</a>, <a href="http://www.crossmarks.nl/blog/?p=11146" target="_blank">Cc:live</a>, <a href="http://www.victorweblog.nl/nederland-twittert/" target="_blank">Victor Weblog</a>, <a href="http://infographipedia.com/actuele-statistieken-van-de-nederlandstalige-twitteraar-infographic-obi4wan-online-business-intelligence.html" target="_blank">Infographipedia</a>, <a href="http://www.xydo.com/toolbar/27185017-meer_dan_1_miljoen_nederlanders_op_twitter_infographic" target="_blank">XYDO</a>, <a href="https://www.starterzoektstarter.nl/nieuws/nederland-telt-1-miljoen-actieve-twitteraars" target="_blank">Starter zoekt starter</a>, and <a href="http://www.recruitingroundtable.nl/2011/08/17/alles-wat-je-wilt-weten-over-twitter-in-nederland-2011-infographic/#.TrlevmC9Wix" target="_blank">Recruiting Roundtable Nederland</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.janvanderasdonk.com/2011/twitter-infographic/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chroma</title>
		<link>http://www.janvanderasdonk.com/2011/chroma/</link>
		<comments>http://www.janvanderasdonk.com/2011/chroma/#comments</comments>
		<pubDate>Wed, 01 Jun 2011 00:37:01 +0000</pubDate>
		<dc:creator>Jan</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Mechanical Productions]]></category>
		<category><![CDATA[Product Design]]></category>
		<category><![CDATA[Top]]></category>

		<guid isPermaLink="false">http://www.janvanderasdonk.com/?p=1274</guid>
		<description><![CDATA[An interactive light installation based on 21 Philips Living Colors lamps]]></description>
			<content:encoded><![CDATA[<h1>An Interactive Installation</h1>
<p>Chroma is an installation with moving lamps that respond to light, colour and movement. An interactive ecosystem searching for a balance that can be disturbed by the visitor. The smallest disturbance can have a great effect. You are not the only influence on Chroma. Its own components will also influence each other, resulting in an explosion of colour.</p>
<p>Chroma provides a platform for interactivity. The lamps invite you to freely explore, play and manipulate. As a visitor you determine how Chroma behaves: wild and unpredictable or calm and harmoniously. A natural balance will be found regardless of how Chroma is approached.</p>
<h2>The Video</h2>
<p><object style="margin-top:4px; margin-bottom:20px" width="626" height="470" data="http://vimeo.com/moogaloop.swf?clip_id=27482483&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="never" /><param name="allowscriptaccess" value="never" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=27482483&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /></object><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>The Process</h1>
<p>The following section showcases a rough outline of the design and construction phase, illustrating the various detailed steps necessary for completion.</p>
<h2>Disassembly</h2>
<p>Starting with 25 Philips Living Colors lights, the first thing to do was disassembly. This is a challenging feat, as these lights are notoriously hard to deconstruct.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/chroma-003.png" alt="" title="" width="626" height="405" class="alignnone size-full wp-image-1283" /></p>
<h2>Molding and Casting Plastic and Rubber</h2>
<p>The next step involved creating the new plastic support for the bar holding the lights. Using the existing shell as a mold, hard plastic casts were made. Upon extraction, this part is turned upside down to create a stronger bond with-and a more fluent line between bar and light.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/chroma-004.png" alt="" title="" width="626" height="405" class="alignnone size-full wp-image-1284" /><br />
In order to make sure the lights would swing, a rubber part had to be constructed. The precise mechanics behind this part were designed, discussed, and tested thoroughly.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/chroma-005.png" alt="" title="" width="626" height="472" class="alignnone size-full wp-image-1285" /><br />
After designing the part, it was 3D printed. Using this print, a negative silicone mold was made. Finally, this mold was used to cast the final rubber part.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/chroma-006.png" alt="" title="" width="626" height="362" class="alignnone size-full wp-image-1286" /><br />
In being the element in charge of the light&#8217;s movement, it had to be constructed in such a way it would discourage people to swing too violently. The inertia of the motion becomes increasingly higher upon increasing the angle. Thus, extreme angles are avoided through inhibiting more resistance.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/chroma-007.png" alt="" title="" width="626" height="341" class="alignnone size-full wp-image-1287" /></p>
<h2>Electronics</h2>
<p>In order to provide the lights with our own programmed behavior, adaptions had to be made to the existing circuit boards. These PCB&#8217;s housed four large LED&#8217;s and various chips controlling the reaction of these lights.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/chroma-008.png" alt="" title="" width="626" height="349" class="alignnone size-full wp-image-1288" /><br />
Custom circuit boards were designed to fit on top of the existing ones, sporting holes to allow the light to pass through. These boards would incorporate microchips with custom code and were attached to the stock PCB. Manufactured in China of course.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/chroma-009.png" alt="" title="" width="626" height="448" class="alignnone size-full wp-image-1289" /><br />
By using a cut-out template to provide solder to the precise locations, and placing the microchips on said locations, an old sandwich toaster could be used to melt the solder. This resulted in an automated process were little hand-soldering was needed.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/chroma-010.png" alt="" title="" width="626" height="470" class="alignnone size-full wp-image-1290" /><br />
By adding custom headers and wires, the new circuit boards could be attached to the stock boards without difficulty, using screws and spacers to keep them in place.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/chroma-011.png" alt="" title="" width="626" height="313" class="alignnone size-full wp-image-1291" /></p>
<h2>Programming</h2>
<p>The entire behavior of the lamps was written in code. By testing the lights in a dark environment, the code was finalized. This took considerable time, since generating the best possible and fluent behavior of the lamps without a hitch is not an easy task.</p>
<p>Another piece of code was added to prevent even more unwanted behavior. Whenever a light is provided with a very fast acceleration, such as hitting another light, or being hit by a person, it switches off for two seconds. This is done to provide a warning signal to anyone interacting with the lights, making sure further aggressive behavior is negated.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/chroma-012.png" alt="" title="" width="626" height="470" class="alignnone size-full wp-image-1292" /><br />
The final code was uploaded to all the assembled lights, making sure they all performed as desired.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/chroma-013.png" alt="" title="" width="626" height="442" class="alignnone size-full wp-image-1293" /></p>
<h2>Final Construction</h2>
<p>A large shipping container would provide the scenery and constructional element for the lights. A solid wooded construction was mounted inside the container to provide the roof for the lights. Also, the entire interior was covered in black cloth, to provide the best possible effect.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/chroma-015.png" alt="" title="" width="626" height="419" class="alignnone size-full wp-image-1295" /></p>
<h2>The Behavior</h2>
<p>The final behavior of the lamps is as follows: each lamp is ware of its movement. When still, it shines a dim red light. Upon acceleration, it will begin emitting light. The color of this light is linked to the direction of the swing: each orientation spawns a different color. The brightness of this color is determined by the angle of the swing: the higher the angle, the brighter the light. This effect is best illustrated with a long exposure photo.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/chroma-016.png" alt="" title="" width="626" height="419" class="alignnone size-full wp-image-1296" /><br />
Finally, each light reacts to its environment. If a lamp is moved, its neighbors will notice the color and match it. This sends a small shockwave of color through the area each time a lamp is interacted with.</p>
<h2>Logo and Business Cards</h2>
<p>To keep things professional, a logo and set of business cards were designed. The &#8220;C&#8221; of the logo used the curvature of the Philips Living Colors lights, including a cyan, magenta, and yellow stripe in the shape of the cooling fins inside the lights.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/chroma-017.png" alt="" title="" width="626" height="184" class="alignnone size-full wp-image-1318" /><br />
The business card shows the logo and website-and contact information on the front on a black background, using the same CMYK colors. The back is styled in the endings of the cooling fins, which took a 3D model of said fins for the perfect curvature and angle, also in the matching colors.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/chroma_020.png" alt="" title="" width="626" height="199" class="alignnone size-full wp-image-1535" /><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>Chroma Interactive</h1>
<p>Chroma is the brainchild of the Chroma Interactive team: <a href="http://www.guusbaggermans.nl" target="_blank">Guus Baggermans</a>,  <a href="http://www.jasperdekker.com/" target="_blank">Jasper Dekker</a>, <a href="http://www.briangarret.com/" target="_blank">Brian Garret Schuur</a>, <a href="http://www.davidmenting.nl" target="_blank">David Menting</a> and Jan van der Asdonk.<br />
</br></p>
<h1>Stats</h1>
<p><strong>completed in:</strong> June, 2011<br />
<strong>time spent on project:</strong> lots of hours, in the dark, in a small garage<br />
<strong>stakeholders:</strong> <a href="http://www.chroma-interactive.com/" target="_blank">Chroma Interactive</a> and the <a href="http://www.oddstream.org/?lang=en" target="_blank">Oddstream festival Nijmegen 2011</a><br />
<strong>links:</strong> <a href="http://www.facebook.com/ChromaInteractive" target="_blank">Chroma Interactive Facebook</a>, blogged at the <a href="http://designmind.frogdesign.com/blog/superprototyping-meets-chroma.html" target="_blank">frog design mind blog</a>, and at <a href="http://www.picnicnetwork.org/superprototyping-meets-chroma" target="_blank">PICNIC</a>.<br />
<strong>exhibited at:</strong> the <a href="http://www.oddstream.org/?lang=en" target="_blank">Oddstream Festival Nijmegen 2011</a> (2 &#8211; 5 June 2011) and at the <a href="http://www.picnicnetwork.org/" target="_blank">Picnic Festival</a> Amsterdam in support of the <a href="http://www.frogdesign.com/" target="_blank">frog</a> <a href="http://designmind.frogdesign.com/blog/sharing-our-picnic-blanket.html" target="_blank">talk on Superprototyping</a> (14 &#8211; 16 September 2011)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.janvanderasdonk.com/2011/chroma/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Granny Tranny</title>
		<link>http://www.janvanderasdonk.com/2011/granny-tranny/</link>
		<comments>http://www.janvanderasdonk.com/2011/granny-tranny/#comments</comments>
		<pubDate>Sat, 02 Apr 2011 19:19:01 +0000</pubDate>
		<dc:creator>Jan</dc:creator>
				<category><![CDATA[Mechanical Productions]]></category>

		<guid isPermaLink="false">http://www.janvanderasdonk.com/?p=1578</guid>
		<description><![CDATA[A minimalist bicycle with a custom coaster brake rear axle]]></description>
			<content:encoded><![CDATA[<h1>Custom Mechanicalness</h1>
<p>For a more fluent and zippy journey across town it was time for something other than the regular old bicycle.</p>
<p>Being influenced by friends with <a href="http://en.wikipedia.org/wiki/Single_speed_bicycle" target="_blank">single-speed</a> and <a href="http://en.wikipedia.org/wiki/Fixed_gear_bicycle" target="_blank">fixed-gear</a> bicycles, the obvious choice would be to create a similar contraption.</p>
<p>Both have their respective strengths; the single-speed for braking, the fixed-gear for extreme minimalism. Good brakes or a minimalistic appearance? How about both? Enter the coaster brake. Famous in the Netherlands because of its usage in the old &#8220;granny bikes,&#8221; it is built into the hub and brakes upon backpedalling. But mind you, it will need some custom mechanical adjustments.</p>
<p>By using a mid-1980s Gazelle Champion Mondial AB frame as a basis, various parts and tools, a layer of powder coating, a custom rear axle, and a lot of aluminum polish, the Granny Tranny was born.</p>
<h1>The Bike</h1>
<p><img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/granny_tranny_003.png" alt="" title="" width="626" height="429" class="alignnone size-full wp-image-1592" /><br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/granny_tranny_012.png" alt="" title="" width="626" height="858" class="alignnone size-full wp-image-1601" /><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>The Process</h1>
<p>The section below illustrates a picture of the complex and precise work needed to construct the bike to its final form.</p>
<h2>Stripping &#038; Filling</h2>
<p>Using a brush grinder, sandpaper, and a torch, the frame was stripped from all its paint. The next step involved removing the tabs and guides soldered to the frame. This, combined with some aesthetically less pleasing areas, resulted in some small dents and kinks.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/granny_tranny_009.png" alt="" title="" width="626" height="470" class="alignnone size-full wp-image-1598" /><br />
By using silver and a small torch, these imperfect areas were filled to match the curvature of the steel tubing. First, the location was primed with a flux to increase flow and melting and facilitate metal joining by chemically cleaning the both metals. The flux is heated with a torch after which the silver is melted into place.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/granny_tranny_011.png" alt="" title="" width="626" height="382" class="alignnone size-full wp-image-1600" /><br />
The final step involves a lot of grinding and sanding, since the silver has become quite hard. Below the silver, turned slightly yellow, is seen in place before final sanding and polishing.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/granny_tranny_015.png" alt="" title="" width="626" height="312" class="alignnone size-full wp-image-1608" /></p>
<h2>The Custom Rear Axle</h2>
<p>By wanting to add a coaster brake from a old dutch ladies bike without having to lace the wheel in an offset pattern, adjustments had to be made. The first step involved aligning all the parts in such a way that the spacing between the center of the rear axle and rear sprocket can be measured. The goal is to have the chain perfectly straight so it does not run off the sprockets.</p>
<p>After all the measurements were done, a design had to be made. The goal was to have a rear axle extension which would fit the rear sprocket, but still allow it to be replaced upon wear.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/granny_tranny_010.png" alt="" title="" width="626" height="473" class="alignnone size-full wp-image-1599" /><br />
With the design completed, tooling and machining began. Most of the work was done on a lathe, together with some tricky welding. When all was said and done, the extension was completed.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/granny_tranny_008.png" alt="" title="" width="626" height="454" class="alignnone size-full wp-image-1597" /><br />
The rear of the extension screws into the axle. The front part houses an inner beveled edge for the ball bearings. The outer surface has nine slots for the sprocket to slide on. The backplate is a stainless ring with eight tapped 3mm holes. The locking ring is also stainless, and is fixated using eight 3mm stainless screws.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/granny_tranny_007.png" alt="" title="" width="626" height="331" class="alignnone size-full wp-image-1596" /></p>
<h2>Powder Coating</h2>
<p>The frame was sandblasted and finally powder coated in a gloss black finish. The black parts, besides the frame, include: the handlebars, grips, seat, foot pegs, and tires.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/granny_tranny_013.png" alt="" title="" width="626" height="429" class="alignnone size-full wp-image-1602" /></p>
<h2>Polishing</h2>
<p>To compliment the new layer of powder coat, all the shiny parts where hand-polished. The seat stem, handlebar stem, crank, cups, rims, and finally axles.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/granny_tranny_014.png" alt="" title="" width="626" height="470" class="alignnone size-full wp-image-1603" /></p>
<h2>Lacing the Wheels</h2>
<p>Instead of lacing the wheels in a standard pattern, something more visually pleasing was found. This spoke pattern uses three leading and three trailing spokes, lacing them over and under each other in three large &#8220;fans.&#8221; Ultimately resulting in three open spaces for the valve and/or usage of a chain lock.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/granny_tranny_006.png" alt="" title="" width="626" height="525" class="alignnone size-full wp-image-1595" /><br />
Using strong stainless spokes, this complicated pattern was constructed and trued. It remains to be one of the best-looking spoke patterns I have seen to date. Instructions on how to construct your own can be found on <a href="http://www.baldurdash.org/OtherStuff/3leading3trailing.html" target="_blank">Baldurdash</a>.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/granny_tranny_005.png" alt="" title="" width="626" height="401" class="alignnone size-full wp-image-1594" /></p>
<h2>Lighting</h2>
<p>The next step is to integrate the lighting into the frame without the use of external wires. Check back later for this upgrade.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/granny_tranny_004.png" alt="" title="" width="626" height="737" class="alignnone size-full wp-image-1593" /><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>Stats</h1>
<p><strong>completed in:</strong> April, 2011<br />
<strong>time spent on project:</strong> lots of greasy, scuffed hours<br />
<strong>stakeholders:</strong> Me, myself and I</p>
]]></content:encoded>
			<wfw:commentRss>http://www.janvanderasdonk.com/2011/granny-tranny/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Earrings &amp; Pendant</title>
		<link>http://www.janvanderasdonk.com/2010/earrings-and-pendant/</link>
		<comments>http://www.janvanderasdonk.com/2010/earrings-and-pendant/#comments</comments>
		<pubDate>Mon, 13 Dec 2010 16:51:12 +0000</pubDate>
		<dc:creator>Jan</dc:creator>
				<category><![CDATA[Product Design]]></category>

		<guid isPermaLink="false">http://www.janvanderasdonk.com/?p=1620</guid>
		<description><![CDATA[Designing a custom set of earrings and pendant using Cedar and Corian]]></description>
			<content:encoded><![CDATA[<h1>Three Birthday Presents</h1>
<p>With the upcoming birthday of the girlfriend, something anew was needed. Using leftover <a href="http://en.wikipedia.org/wiki/Corian" target="_blank">Corian</a> from the fluDOC project and some beautiful blocks of Cedar wood, a set of earrings and pendant where designed, and built.</p>
<p>The Corian was shaped into small, 1mm thick circular plates. The Cedar was shaped into the teardrop shape, with shallow surface holes for the Corian. Lots of shaping, sanding, and polishing spawned the final results.</p>
<h2>The Earrings</h2>
<p><img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/earrings_and_pendant_003.png" alt="" title="" width="626" height="453" class="alignnone size-full wp-image-1662" /></p>
<h2>The Pendant</h2>
<p><img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/earrings_and_pendant_004.png" alt="" title="" width="626" height="421" class="alignnone size-full wp-image-1663" /><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>The Process</h1>
<p>Details regarding the creation process can be found below.</p>
<h2>The First Sketches</h2>
<p>It can be quite hard to come up with merely a shape for an earring or pendant. After some visual thinking and playing around with shapes, the choice was made to follow a teardrop-inspired form. This was visualized with some basic ballpoint sketches during the weekly train-rides.</p>
<p>Exploring the teardrop shape to some more precision resulted into the inclusion of the Corian discs. Playing around with sizes and placement finally developed the rough outline of the shape.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/earrings_and_pendant_005.png" alt="" title="" width="626" height="446" class="alignnone size-full wp-image-1676" /></p>
<h2>The Final Design</h2>
<p>After the sketches were completed, it was time for a more thorough contours of the work at hand. Using Adobe Illustrator, a precise rendering was made showcasing all the views.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/earrings_and_pendant_006.png" alt="" title="" width="626" height="416" class="alignnone size-full wp-image-1629" /></p>
<h2>Materials</h2>
<p>The Cedar offers a esthetic grain and brown-reddish color. It is not too dense for tooling, and polishes nicely.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/earrings_and_pendant_008.png" alt="" title="" width="626" height="268" class="alignnone size-full wp-image-1668" /><br />
The Corian is known for it&#8217;s high density and strong white appearance. It is easily polished and tooled into shape and finish.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/earrings_and_pendant_007.png" alt="" title="" width="626" height="412" class="alignnone size-full wp-image-1664" /></p>
<h2>Construction</h2>
<p>The first part was constructing the rough teardrop shape out of a block of Cedar using a bandsaw. This allows for margin when the holes for the Corian might not be in perfect alignment.</p>
<p>The next step involved cutting the holes for the Corian plates. After which is was time to construct the Corian discs. Without a lathe available, a different approach was done using a table drill. By fixating a small Corian peg to the drill bit of the table drill, it can be operated as a lathe. The peg is rotated by the drill, and rubbed by a file and sandpaper until it fits snug into one of the holes in the Cedar. Afterwards, small plates where cut of the ends of these pegs and glued into place.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/earrings_and_pendant_009.png" alt="" title="" width="626" height="451" class="alignnone size-full wp-image-1639" /></p>
<h2>Sanding</h2>
<p>After having glued all the final pieces of Corian in their respective positions it was time to begin final shaping. By covering the discs with some masking tape in a specific form, the outline of the area in need of shaping is revealed. Using this approach, the sides are easily sanded down to their final profile.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/earrings_and_pendant_010.png" alt="" title="" width="626" height="470" class="alignnone size-full wp-image-1640" /></p>
<h2>Polishing</h2>
<p>Using fine grit sandpaper and some polish material, both earrings and the pendant where buffed to a nice finish. A time-consuming, yet necessary process.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/earrings_and_pendant_011.png" alt="" title="" width="626" height="470" class="alignnone size-full wp-image-1641" /></p>
<h2>Assembly</h2>
<p>Final assembly involved drilling the holes for the rings and earwires or lace. By using an anthracite color, the assembly can remain in the shadow, providing full focus on the earrings themselves.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/earrings_and_pendant_012.png" alt="" title="" width="626" height="277" class="alignnone size-full wp-image-1665" /></p>
<h2>Size and Placement</h2>
<p>Using one of the last warm and sunny days of the year, the recipient was used to illustrate the size and placement.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/10/earrings_and_pendant_013.png" alt="" title="" width="626" height="450" class="alignnone size-full wp-image-1689" /><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>Stats</h1>
<p><strong>completed in:</strong> December, 2010<br />
<strong>time spent on project:</strong> in the order of 20 hours distributed over many weeks<br />
<strong>stakeholders:</strong> Simone van Zuilichem</p>
]]></content:encoded>
			<wfw:commentRss>http://www.janvanderasdonk.com/2010/earrings-and-pendant/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Nano Supermarket</title>
		<link>http://www.janvanderasdonk.com/2010/nano-supermarket/</link>
		<comments>http://www.janvanderasdonk.com/2010/nano-supermarket/#comments</comments>
		<pubDate>Sat, 23 Oct 2010 16:54:17 +0000</pubDate>
		<dc:creator>Jan</dc:creator>
				<category><![CDATA[Future]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Product Design]]></category>
		<category><![CDATA[Top]]></category>

		<guid isPermaLink="false">http://www.janvanderasdonk.com/?p=1463</guid>
		<description><![CDATA[An exhibition on the impact of nanotechnology on our everyday lives]]></description>
			<content:encoded><![CDATA[<h1>The Future of Nano</h1>
<p>&#8220;<em>The NANO Supermarket (brainchild of <a href="http://koert.com/" target="_blank">Koert van Mensvoort</a>&#8216;s <a href="http://www.nextnature.net/" target="_blank">Next Nature</a>) presents speculative nanotech products that may hit the shelves within the next ten years: medicinal candy, interactive wall paint, a wine which taste can be altered with microwaves, a twitter implant, invisible security spray and much more. Visit the shop, taste &#038; test our products and experience the impact of nanotechnology on our everyday lives.</p>
<p>Nanotechnology is an emerging field of science that deals with the manipulation of structures on an atomic and molecular scale – the size of one billionth of a meter. It is often seen as a trend in material science, but has much deeper implications. Nanotechnology radically intervenes with our notion of what is natural. It may realize the dreams people have of themselves and significantly improve our lives, but may also have its downsides.</p>
<p>The NANO Supermarket features debate–provoking nanotech products submitted by designers, technologists and artists from six different countries. They were selected by a jury of nanotech experts and design experts. Our products are both innovative and useful as well as uncanny and disturbing. They function as scenarios for potential nano futures, that help us decide what nano future we actually want</em>.&#8221;<br />
- source: <a href="http://www.nextnature.net/events/nano-supermarket/" target="_blank">Next Nature</a></p>
<p>Together with <a href="http://www.davidmenting.nl/" target="_blank">David Menting</a> the final prototypes based on the entries of all the designers where constructed. Using a broad range of tools and skills, these models needed to sport an exquisite esthetical and functional appearance due to the high demands of the exhibition.</p>
<h1>The Nano Supermarket</h1>
<p><img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/nano_supermarket_003.png" alt="" title="" width="626" height="419" class="alignnone size-full wp-image-1481" /><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>The Development</h1>
<p>The following part provides on overview of the activities needed in producing the total exhibition that is the Nano Supermarket. The first section covers the professional prototypes, followed by the work done by other talented professionals in various other fields.</p>
<h2>NanoLift</h2>
<p>The first and less complicated models was the NanoLift by Orestis Tsinalis. A tool to shape your face according to your desires by instructing a nano-fluid previously injected.</p>
<p>To accommodate the already sleek packaging, a stainless modernistic lipstick was created. With the help of Wiel Pijls&#8217; lathe, the final model was cut, turned down, and polished.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/nano_supermarket_004.png" alt="" title="" width="626" height="405" class="alignnone size-full wp-image-1482" /></p>
<h2>Skin Paper</h2>
<p>The second prototype concerned Skin Paper by <a href="http://www.vanessaharden.com/" target="_blank">Vanessa Harden</a> and <a href="http://tommasolanza.com/" target="_blank">Tommaso Lanza</a>. Grown from your own skin cells, the paper is used to test cosmetics or write a letter to your loved ones.</p>
<p>It is cast from silicone into a very thin layer. This sheet is treated with various skin toned make up to make it more realistic.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/nano_supermarket_005.png" alt="" title="" width="626" height="387" class="alignnone size-full wp-image-1483" /></p>
<h2>The Necklace</h2>
<p>Another one of the more complicated models was The Necklace by <a href="http://www.marcovanbeers.nl/Home.html" target="_blank">Marco van Beers</a>. The pendants of the necklace use a tiny sample of your blood to showcase the process of curing from cancer. It symbolizes your recovery as a story to keep for the rest of your life.</p>
<p>The pendants where created on the lathe using a stainless steel backplate. The front is made of brass. The inside uses colored paper and a matching piece of glass to cover it all up.<br />
Finally, stainless steel rods where bent in place to create the iconic shape of The Necklace.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/nano_supermarket_006.png" alt="" title="" width="626" height="509" class="alignnone size-full wp-image-1484" /></p>
<h2>Twitter Implant</h2>
<p>The Twitter Implant by <a href="http://www.hendrikjangrievink.web-log.nl" target="_blank">Hendrik-Jan Grievink</a> is monitoring device. It watches all the processes in your body and alerts your doctor when things are not in order.</p>
<p>First, a 3D model was designed. A 3D printer was used to produce the tooth. After cleaning the left over residue it was covered in multiple layers of lacquer. The inside houses a small blue LED which blinks rather erratically. It is designed and printed in such a way that when the LED lights up, you can see the &#8220;t&#8221; of the Twitter logo shine through the tooth. Next to the tooth is a small display showcasing the kind of tweets this implant will create (you can see the printed tooth in the upper right corner).<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/nano_supermarket_007.png" alt="" title="" width="626" height="470" class="alignnone size-full wp-image-1485" /></p>
<h2>Wallsmart</h2>
<p>And finally the best prototype was the Wallsmart by <a href="http://www.donebyme.com/" target="_blank">Jonas Enqvist</a>. It is paint able to change color. This is done via your smartphone and Wallsmart app.</p>
<p>The paint bucket houses a complicated set of electronics able to communicate wirelessly with a smartphone. Signals from the smartphone&#8217;s app are sent to the paint bucket&#8217;s LEDs. These change color in such a way that it looks less like a light and more like a material&#8217;s color (all credits go to <a href="http://www.davidmenting.nl/nano" target="_blank">David Menting</a> on this one).<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/nano_supermarket_008.png" alt="" title="" width="626" height="380" class="alignnone size-full wp-image-1486" /></p>
<h2>The Truck</h2>
<p>The final exhibition was based on a Dutch SRV truck (commonly used as a mobile shopping store). Built and designed by <a href="http://www.mazedeboer.com/" target="_blank">Maze de Boer</a>, it is a full-fledged mobile exhibition with black and white vinyl graphics on the outside. The interior sports white containers for all the products, including a small registry for purchasing products.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/nano_supermarket_010.png" alt="" title="" width="626" height="419" class="alignnone size-full wp-image-1488" /></p>
<h2>The Folder</h2>
<p>The graphic team consisting of <a href="http://www.hendrikjangrievink.web-log.nl" target="_blank">Hendrik-Jan Grievink</a>, <a href="http://rubendaas.nl/" target="_blank">Ruben Daas</a>, and <a href="http://www.michaelkluver.com/" target="_blank">Michael Kluver</a> created the folder which was distributed alongside the regular commercial folder material in the neighborhood. You can find it online <a href="http://issuu.com/rubendaas/docs/nano_supermarket_folder/1" target="_blank">here</a>.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/nano_supermarket_009.png" alt="" title="" width="626" height="436" class="alignnone size-full wp-image-1487" /></p>
<h2>The Commercial</h2>
<p><a href="http://www.studiosmack.nl/" target="_blank">Studio Smack</a> was commissioned to produce a commercial, which used a small range of the products from the Nano Supermarket.<br />
<object style="margin-top:20px; margin-bottom:20px" width="626" height="470" data="http://vimeo.com/moogaloop.swf?clip_id=15979195&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="never" /><param name="allowscriptaccess" value="never" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=15979195&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /></object><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>Stats</h1>
<p><strong>completed in:</strong> October, 2010<br />
<strong>time spent on project:</strong> enough to finish all the nano details<br />
<strong>stakeholders:</strong> <a href="http://www.nextnature.net/events/nano-supermarket/" target="_blank">Next Nature</a><br />
<strong>links:</strong> published in the <a href="http://www.youtube.com/watch?v=NxyITDXyA30" target="_blank">Dutch NOS News</a>, on <a href="http://content1c.omroep.nl/bf5089dace8584c55bb5715234f8959f/4e67a717/portal/radiomanager/archive/radio1/2010/10/22/7035-radio_1_geen_titel.mp3" target="_blank">Dutch Radio 1</a>. Blogged at <a href="http://www.trouw.nl/tr/nl/4324/Nieuws/article/detail/1813414/2010/10/26/De-producten-van-de-toekomst-in-de-NANO-Supermarkt.dhtml" target="_blank">TROUW.nl</a>, <a href="http://www.youtube.com/watch?v=-7gOSTNrdX4" target="_blank">Omroep Brabant</a>, <a href="http://www.refdag.nl/achtergrond/consument/nano_in_de_supermarkt_1_515187" target="_blank">Reformatorisch Dagblad</a>, <a href="http://www.bright.nl/maak-je-wijn-zoet-eikenhout-fruitig" target="_blank">Bright</a>, <a href="http://www.psfk.com/2010/10/nano-supermarket-interactive-wallpaint-physical-photoshop-and-a-twitter-implant.html" target="_blank">psfk</a>, the <a href="http://popupcity.net/2010/05/nano-supermarket/" target="_blank">Pop-Up City</a>, <a href="http://www.nanotech-now.com/news.cgi?story_id=40485" target="_blank">Nanotechnology Now</a>, Wired.com&#8217;s <a href="http://www.wired.com/beyond_the_beyond/2011/03/design-fiction-next-nature-nano-supermarket/" target="_blank">Beyond The Beyond</a>, <a href="http://www.dutchdfa.com/news/566/nano-supermarket" target="_blank">DutchDFA</a>, <a href="http://designprobes.ning.com/profiles/blogs/nano-supermarket-during-dutch" target="_blank">Philips Design Probes</a>, <a href="http://blog.imaginaryfoundation.com/blog/10-24-2010/Nano+Supermarket" target="_blank">Imaginary Foundation</a>, and the <a href="http://blog.picturemarketing.com/2010/10/nano-supermarket-interactive-wall-paint-physical-photoshop-twitter-implants/" target="_blank">Picture Marketing Blog</a>. Presented at <a href="http://tedxtalks.ted.com/video/TEDxBrainport-Koert-Van-Mensvoo" target="_blank">TEDxBrainport by Koert van Mensvoort</a><br />
<strong>exhibited at:</strong> during the <a href="http://www.ddw.nl/event.php?lang=en&#038;id=1526" target="_blank">Dutch Design Week</a> (23 – 31 October 2010), at the <a href="http://www.e-nemo.nl/en/?id=1" target="_blank">NEMO Amsterdam</a> (27 January 2011), at the Leidseplein in Amsterdam (28 January &#8211; 2 February 2011), in Pamplona Spain (9 &#8211; 14 March 2011), at the <a href="http://www.evoluon.com/" target="_blank">Evoluon</a> in Eindhoven (17 March 2011), at the <a href="http://www.tedxbrainport.nl/program/experience" target="_blank">TEDxBrainport</a> event Eindhoven (13 May 2011), during the <a href="http://www.ru.nl/cultuuropdecampus/foto'/foto'-2010-2011/diesfestival-2011/" target="_blank">Cultuur op de Campus</a> event in Nijmegen (19 May 2011), at the <a href="http://www.denachtvankunstenwetenschap.nl/" target="_blank">Night of Art &#038; Science</a> Groningen (4 April 2011), at the <a href="http://www.picnicnetwork.org/" target="_blank">Picnic Festival</a> Amsterdam (14 &#8211; 16 September 2011), at the <a href="http://www.tue.nl/universiteit/over-de-universiteit/tuexperience/" target="_blank">TU/eXperience</a> (02 October 2011), and at the <a href="http://www.stwplatform.nl/en/annual-congress-2011" target="_blank">STW conference</a> Nieuwegein (6 October 2011)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.janvanderasdonk.com/2010/nano-supermarket/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://content1c.omroep.nl/bf5089dace8584c55bb5715234f8959f/4e67a717/portal/radiomanager/archive/radio1/2010/10/22/7035-radio_1_geen_titel.mp3" length="0" type="audio/mpeg" />
		</item>
		<item>
		<title>Master Graduation</title>
		<link>http://www.janvanderasdonk.com/2010/master-graduation/</link>
		<comments>http://www.janvanderasdonk.com/2010/master-graduation/#comments</comments>
		<pubDate>Mon, 19 Apr 2010 19:14:23 +0000</pubDate>
		<dc:creator>Jan</dc:creator>
				<category><![CDATA[Future]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Product Design]]></category>
		<category><![CDATA[Top]]></category>

		<guid isPermaLink="false">http://www.janvanderasdonk.com/?p=1024</guid>
		<description><![CDATA[Diagnosing influenza using genetically modified bioluminescent bacteria]]></description>
			<content:encoded><![CDATA[<h1>A Tool called fluDOC</h1>
<p>The final graduation project, executed at the Department of Industrial Design at the University of Technology Eindhoven. Titled <em>Bioluminescence Design</em>, this project showcases all the creativity and design skills gathered over the years are formulated into one single, purposeful product.</p>
<p>The product, called fluDOC, uses genetically modified bioluminescent bacteria to visualize traces of the influenza virus in humans. This is done using a tool collecting saliva and liquid capsules of these bacteria. The bacteria are specially modified to become sensitive to influenza, as they stop emitting their continuous flow of bioluminescence upon infection, ultimately visualizing within 15 minutes the presence of influenza among humans. In short: it allows you to illuminate your influenza.</p>
<h2>The Thesis</h2>
<p>The final thesis can be downloaded as a PDF <a href="http://www.janvanderasdonk.com/Bioluminescence%20Design%20-%20master%20thesis%20by%20Jan%20van%20der%20Asdonk%20-%20April%202010%20(press).pdf">here</a>. Based on the attention to graphical detail and in showcasing the depth of this project it is recommended to take a look.</p>
<h2>Press Pack</h2>
<p>A Press Pack, containing numerous high quality pictures for web usage, can be downloaded as a ZIP <a href="http://www.janvanderasdonk.com/Bioluminescence%20Design%20-%20Jan%20van%20der%20Asdonk%20-%20Press%20Pack%20May%202010.zip">here</a>.</p>
<h1>The Product</h1>
<p><img src="http://www.janvanderasdonk.com/wp-content/uploads/2010/04/bioluminescence-design-017.png" width="626" height="935" class="alignnone size-full wp-image-1066" /></p>
<h1>Interacting with fluDOC</h1>
<p>An overview of the 6 interactions involved with the fluDOC diagnostic tool are found below, each with their corresponding description.</p>
<h2>Interaction 1</h2>
<p><strong>Opening the product by removing the cap.</strong><br />
The opening interaction should be easy to understand for anyone without prior knowledge of the product. The opening interaction supports affordance by not only providing the user with the ability to pull the cap away from the body along the vertical axis, but also by turning the cap along the rotational axis.<br />
<img class="alignnone size-full wp-image-1042" src="http://www.janvanderasdonk.com/wp-content/uploads/2010/04/bioluminescence-design-010.png" width="626" height="419" /></p>
<h2>Interaction 2</h2>
<p><strong>Inserting the liquid capsule containing the bioluminescent bacteria.</strong><br />
After the product has been opened, the first step in performing the test is to insert the liquid capsule. With a considerable volume, the capsule is easy to hold in once’s hands. To exclude any confusion as to which shaft it is inserted, both the capsule and the shaft are colored green. The actual insertion aims to communicate a medical sensation.<br />
<img class="alignnone size-full wp-image-1043" src="http://www.janvanderasdonk.com/wp-content/uploads/2010/04/bioluminescence-design-011.png" width="626" height="419" /></p>
<h2>Interaction 3</h2>
<p><strong>Gathering the saliva using the saliva-stick.</strong><br />
Next up is gathering the tissue. The lollipop-shaped stick attached to the cap is inserted in the mouth to collect the saliva. To collect enough saliva, the stick should be rotated and moved inside the mouth for 10 seconds. The length of the stick allows for good penetration inside the mouth and the cap affords for a good grip inside the hand. By using glass, the stick obtains a more medical and hygienic character. The lollipop-shape affords towards oral usage.<br />
<img class="alignnone size-full wp-image-1044" src="http://www.janvanderasdonk.com/wp-content/uploads/2010/04/bioluminescence-design-012.png" width="626" height="419" /></p>
<h2>Interaction 4</h2>
<p><strong>Closing the product by securing the cap and puncturing the liquid capsule.</strong><br />
While both the opening and closing interaction in combination with the magnetic locking system provide the sense of a well locked product, the closing interaction is thoroughly guided by these same magnets. In addition, the magnets aid in the pressure needed to puncture the capsule and empty it into the reservoirs. The entire interaction is perceived as an easy one to perform.<br />
<img class="alignnone size-full wp-image-1045" src="http://www.janvanderasdonk.com/wp-content/uploads/2010/04/bioluminescence-design-013.png" width="626" height="419" /></p>
<h2>Interaction 5</h2>
<p><strong>Waiting and observing the test’s outcome.</strong><br />
During the time the product needs to fully complete the biochemical reaction, the user can perform other bathroom activities. After 15 minutes, the product ensures a completed reaction. To observe the outcome, the user can either watch the product’s observation window with the product standing on its feet or by picking it up.<br />
<img class="alignnone size-full wp-image-1046" src="http://www.janvanderasdonk.com/wp-content/uploads/2010/04/bioluminescence-design-014.png" width="626" height="419" /></p>
<h2>Interaction 6</h2>
<p><strong>Cleaning the product.</strong><br />
The last interaction in the process of using the product is the cleaning. Although a thorough rinsing with hot water will be sufficient, users might wish to use their dish washer to ensure an even better disinfection. This is easily accomplished by placing the opened product inside the dishwasher. Beforehand, the liquid capsule’s shell and bioluminescent bacteria will have to be disposed of in the sink.<br />
<img class="alignnone size-full wp-image-1047" src="http://www.janvanderasdonk.com/wp-content/uploads/2010/04/bioluminescence-design-015.png" width="626" height="419" /><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>The Process</h1>
<p>An abstract of the project containing an overview of the main phases of the project is illustrated below. To avoid publishing the entire master thesis in this format, all the phases refer to chapters found in the master thesis which can be downloaded as a PDF <a href="http://www.janvanderasdonk.com/Bioluminescence%20Design%20-%20master%20thesis%20by%20Jan%20van%20der%20Asdonk%20-%20April%202010%20(press).pdf" target="_blank">here</a>. (The PDF is best viewed while displaying 2 pages side by side, a setting easily changed in every PDF viewing application under &#8220;view&#8221; in &#8220;pdf display.)</p>
<h2>Fascinating Bioluminescence</h2>
<p>The project started with a fascination towards bioluminesence; a form of “cold light” emission, or luminescence. This means that less than 20% of the light generates thermal radiation. Currently the list of bioluminescent life is quite large. Ranging from almost 90% of deep-sea marine life to various insects, worms, and larvae. Even numerous fungi are known to exhibit bioluminescent properties.<br />
<img class="alignnone size-full wp-image-1033" src="http://www.janvanderasdonk.com/wp-content/uploads/2010/04/bioluminescence-design-003.png" alt="" width="626" height="416" /></p>
<h2>Bioluminescent Bacteria</h2>
<p>The choice was made to us the bioluminescent bacteria species for their opportunities in the design process and constant illumination. Basically, it is yellowish illuminating liquid, able to glow for about 14-20 days in room temperatures. The bacteria species only need agar, a gelatinous-based growth substance, and oxygen to survive. <em>Thesis: pages 14 &#8211; 25.</em></p>
<h2>Concept and Genetic Modification</h2>
<p>In conceptualizing this technology, thought was spent in searching a direction where the fascination of bioluminscence would be maintained, while the intended functionality would still create the necessary value and meaning to end users.</p>
<p>Using the knowledge these bacteria can visualize things we humans cannot see, a most suitable concept was formulated. If genetically modified, these bacteria could become sensitive to traces of the influenza virus. This would create the unique opportunity for accurate and fast diagnosis of an infection by the influenza virus.</p>
<p>Further iterations searched for accurate and preferred methods for gathering the needed tissue for the diagnosis. Users were confronted with various MDF models exploring these functionalities. Eventually the choice was made to utilize a method were saliva is gathered using a small stick which is moved around the inside of your cheeks. <em>Thesis: pages 26 &#8211; 41.</em><br />
<img class="alignnone size-full wp-image-1034" src="http://www.janvanderasdonk.com/wp-content/uploads/2010/04/bioluminescence-design-004.png" alt="" width="626" height="470" /></p>
<h2>Synthetic Biology</h2>
<p>the validation for various genetic modifications is based on a long range of technological advancements in the field of synthetic biology. These cases are documented in the thesis and have been communicated towards various experts. <em>Thesis: pages 42 &#8211; 49.</em></p>
<p>These professionals stated that although the idea is feasible, it will take a lot of time and money to realize. The details surrounding the creation and introduction of such a technology and product are also documented. <em>Thesis: pages 120 &#8211; 127.</em></p>
<h2>Product Form</h2>
<p>The next phase involved the creation of form. Various moodboards were used to determine the vital design aspects regarding the overal shape. When dealing with a hygienic product for holding in your hands, there are numerous details to consider. These characteristics include a more vertically-oriented form, subtle radii differences to optimize the touch and guide the eye along its curves, and delicate changes in dimensions to provide the product with a &#8220;face.&#8221; These principles were visualized using a series of sketches and finally in 3D using a sequence of MDF models.<br />
<img class="alignnone size-full wp-image-1035" src="http://www.janvanderasdonk.com/wp-content/uploads/2010/04/bioluminescence-design-005.png" alt="" width="626" height="498" /></p>
<h2>The Diagnostic Window</h2>
<p>The design of a glass window were the diagnosis is visualized uses two compartments, a smaller chamber inside a larger one. The larger one acts as the control unit. The smaller compartment comes in contact with your saliva and will only become visible if you are actually ill. When traces of influenza are present within your saliva, the bacteria will die within 15 minutes. When this happens they will stop emitting light and change into a darker fluid compared to the control compartment, which still emits light in a brighter color.</p>
<h2>Material</h2>
<p>The chose material is Corian<sup>TM</sup>, a solid and very homogenous white plastic. Used in kitchen countertops, it is quite suitable for hygienic applications. Also, the increased density compared to most plastic provides the material with a certain &#8220;authority&#8221; towards the user. <em>Thesis: pages 50 &#8211; 77.</em><br />
<img class="alignnone size-full wp-image-1036" src="http://www.janvanderasdonk.com/wp-content/uploads/2010/04/bioluminescence-design-006.png" alt="" width="626" height="481" /></p>
<h2>Magnetic Interaction</h2>
<p>For the interaction of separating the cap from the body of the product, explorations were made using magnets. The goal of these magnets is to guide the interaction in as many ways as possible and create the feeling of a firmly closed product.</p>
<p>Various interactive MDF models explored these magnetic locking systems. The final iteration includes 6 magnets to keep the cap onto the body. While rotating the cap, the magnets come out of alignment, making the cap easy to separate. Also, a second set of magnets in the body rotated  upside down push the cap off the body upon rotation. <em>Thesis: pages 78 &#8211; 95.</em><br />
<img class="alignnone size-full wp-image-1039" src="http://www.janvanderasdonk.com/wp-content/uploads/2010/04/bioluminescence-design-007.png" alt="" width="626" height="505" /></p>
<h2>2D to 3D</h2>
<p>All the design steps were translated into a 3D model. This 3D model visualized an overview of all the parts and also delivered the 3D model for the milling machine.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2010/04/bioluminescence-design-016.png" width="626" height="470" class="alignnone size-full wp-image-1064" /></p>
<h2>Manufacturing the Prototype</h2>
<p>The final prototype was manufactured form a solid block of Corian<sup>TM</sup> using a 5-axis milling machine. The final result housed all the necessary cavities for the magnets.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2010/04/bioluminescence-design-018.png" width="626" height="470" class="alignnone size-full wp-image-1069" /></p>
<h2>Assembly</h2>
<p>Assembling the model included the insertion of a custom blown glass saliva stick with a lollypop-like tip and the custom blown glass compartments. Also, all the magnets were glued into place and covered using 1mm polystyrene plates laser-cut to size.<br />
<img class="alignnone size-full wp-image-1040" title="bioluminescence-design-008" src="http://www.janvanderasdonk.com/wp-content/uploads/2010/04/bioluminescence-design-008.png" width="626" height="497" /></p>
<h2>The Final Prototype</h2>
<p>Finally, the model was polished and a bright liquid was added for demonstrational purposes since the actual gentically-modified bioluminescent bacteria were, obviouly, not available. <em>Thesis: pages 96 &#8211; 119.</em><br />
<img class="alignnone size-full wp-image-1041" src="http://www.janvanderasdonk.com/wp-content/uploads/2010/04/bioluminescence-design-009.png" alt="" width="626" height="432" /></p>
<h2>Conclusion</h2>
<p>Also, the conclude the entire thesis, the main decisions were documented and discussed, as well as feedback from various professors in the fields of microbiology, virology, biochemistry, and synthetic biology. Concludingly, a view was given of the future developments of the fluDOC product, which much emphasis on the diagnosis of pandemic threats. <em>Thesis: pages 134 &#8211; 143.</em></p>
<p>The final design, including the very broad thesis is a perfect testiment to my identity as a creative design wizard. It is a fitting end to my time at the Department of Industrial Design, showcasing my creative and design skills as well as my drive to deliver something unique and innovative to the table.</p>
<h2>The Video</h2>
<p>Additionally, a small video was shot for the <a href="http://www.eculturefair2010.eu/en">E-Culture Fair 2010 in Dortmund</a> in an project titled: &#8220;<a href="http://www.socialspaces.be/projects/current-projects/projectscurrent-projectsout-of-curiosity">Out of Curiosity</a>.&#8221; This set of videos showcases the road trip of Joël Rabijns where he explores the educational field of e-culture in Flanders, the Netherlands and Nordrhein-Westfalen. The video can be seen below, presenting an overview of the project, visuals, models, and final product.<br />
<object style="margin-top:30px; margin-bottom:30px;" width="626" height="470" data="http://vimeo.com/moogaloop.swf?clip_id=14478129&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="never" /><param name="allowscriptaccess" value="never" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=14478129&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /></object><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>Stats</h1>
<p><strong>completed in:</strong> April, 2010<br />
<strong>time spent on project:</strong> 27 fascinating weeks and a lot of overtime<br />
<strong>stakeholder:</strong> <a href="http://w3.id.tue.nl/en/" target="_blank">Department of Industrial Design</a><br />
<strong>links:</strong> blogged at <a href="http://www.nextnature.net/2010/05/fludoc-–-glowing-bacteria-tell-if-you-have-flue/" target="_blank">Next Nature</a>, the <a href="http://www.nextnature.net/lab/" target="_blank">Next Nature Lab</a>, <a href="http://www.yankodesign.com/2010/05/28/illuminate-your-influenza/" target="_blank">Yanko Design</a>, <a href="http://www.trendhunter.com/trends/fludoc" target="_blank">Trendhunter Magazine</a>, <a href="http://www.idealize.nl/2010/05/concept-saturday-fludoc-de-snelle-griepmeter/" target="_blank">Idealize</a>, <a href="http://designtechnologist.blogspot.com/2010/06/fludoc-bioluminescent-influenza-virus.html" target="_blank">Design Technologist</a>, <a href="http://solidned.nl/studies.php">SolidNed</a>, <a href="http://www.existingvisual.com/2010/05/28/illuminate-your-influenza/" target="_blank">Existing Visual</a>, <a href="http://www.creativityplatform.com/design/illuminate-your-influenza/" target="_blank">Creativity Platform</a>, <a href="http://tekgek.com/2010/05/illuminate-your-influenza/" target="_blank">TekGek</a>, <a href="http://www.medgadget.com/archives/2010/06/putting_a_light_on_influenza.html" target="_blank">medGadget</a>, <a href="http://www.nganu.com/2010/06/22/get-recover-from-influenza-quickly-by-jan-van-der-asdonk/" target="_blank">NGanu</a>, <a href="http://biotechview.blogspot.com/2010/05/illuminate-your-influenza.html" target="_blank">Biotech View</a>, <a href="http://gajitz.com/first-opinion-glowing-green-bacteria-tests-for-flu-at-home/" target="_blank">Gajitz</a>, <a href="http://www.nuzakelijk.nl/innovatie-360/2262199/nieuw-nederlands-elftal-shirt.html#griep" target="_blank">NuZakelijk</a>, <a href="http://www.webfroster.com/2010/05/29/illuminate-your-influenza/" target="_blank">WebFroster</a>, <a href="http://www.creativityplatform.com/design/illuminate-your-influenza/" target="_blank">CreativityPlatform</a>, <a href="http://www.medician.info/2010/06/putting-a-light-on-influenza/" target="_blank>Medician.info</a>, <a href="http://culturewav.es/public_thought/94580" target="_blank">CultureWaves</a>, and <a href="http://www.coproned.nl/nl/referenties/show/fludoc---afstudeerproject-jan-van-der-asdonk/" target="_blank">CoproNed DuPont</a>. Published in the <a href="http://web.tue.nl/cursor/internet/jaargang52/cursor36/onderzoek/onderzoek.php?page=o_sluitstuk" target="_blank">Cursor</a> (Dutch), discussed by Koert van Mensvoort in <a href="http://www.radio1.nl/contents/15407-bacterien-met-een-baan%3Fautostart%3D21398" target="_blank">&#8220;Het Lab van Koert&#8221;</a> on the Dutch Radio 1 (in Dutch)<br />
<strong>exhibited at:</strong> the <a href="http://www.eculturefair2010.eu/en" target="_blank">E-Culture Fair 2010 in Dortmund</a> (23 &#8211; 25 August 2010), <a href="http://www.idx.id.tue.nl/2010/" target="_blank">ID&#8217;10</a>: the main exhibition of the <a href="http://w3.id.tue.nl/en/" target="_blank">Department of Industrial Design</a> at the <a href="http://w3.tue.nl/en/" target="_blank">University of Technology Eindhoven</a> during the <a href="http://ddw.nl/index.php?lang=en&#038;id=0" target="_blank">Dutch Design Week</a> (23 &#8211; 31 October 2010), and <a href="http://www.nextnature.net/" target="_blank">Next Nature&#8217;s</a> <a href="http://www.nextnature.net/events/nano-supermarket/" target="_blank">NANO Supermarket Exhibition</a> also during the <a href="http://ddw.nl/index.php?lang=en&#038;id=0" target="_blank">Dutch Design Week</a> (23 &#8211; 31 October 2010), at the <a href="http://www.e-nemo.nl/en/?id=1" target="_blank">NEMO Amsterdam</a> (27 January 2011), at the Leidseplein in Amsterdam (28 January &#8211; 2 February 2011), in Pamplona Spain (9 &#8211; 14 March 2011), at the <a href="http://www.evoluon.com/" target="_blank">Evoluon</a> in Eindhoven (17 March 2011), at the <a href="http://www.tedxbrainport.nl/program/experience" target="_blank">TEDxBrainport</a> event Eindhoven (13 May 2011), during the <a href="http://www.ru.nl/cultuuropdecampus/foto'/foto'-2010-2011/diesfestival-2011/" target="_blank">Cultuur op de Campus</a> event in Nijmegen (19 May 2011), at the <a href="http://www.denachtvankunstenwetenschap.nl/" target="_blank">Night of Art &#038; Science</a> Groningen (4 April 2011), at the <a href="http://www.picnicnetwork.org/" target="_blank">Picnic Festival</a> Amsterdam (14 &#8211; 16 September 2011), at the <a href="http://www.tue.nl/universiteit/over-de-universiteit/tuexperience/" target="_blank">TU/eXperience</a> (02 October 2011), and at the <a href="http://www.stwplatform.nl/en/annual-congress-2011" target="_blank">STW conference</a> Nieuwegein (6 October 2011)<br />
<strong>awards:</strong> finalist at the <a href="http://events.waag.org/wet-lab/da4ga-english/" target="_blank">2010 Designers and Artists for Genomics Award</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.janvanderasdonk.com/2010/master-graduation/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Business Card</title>
		<link>http://www.janvanderasdonk.com/2010/business-card/</link>
		<comments>http://www.janvanderasdonk.com/2010/business-card/#comments</comments>
		<pubDate>Sat, 20 Mar 2010 15:44:39 +0000</pubDate>
		<dc:creator>Jan</dc:creator>
				<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Top]]></category>

		<guid isPermaLink="false">http://www.janvanderasdonk.com/?p=1071</guid>
		<description><![CDATA[A personal business card designed as a banknote]]></description>
			<content:encoded><![CDATA[<h1>Something Different</h1>
<p>In order to create a business card worth remembering, sizes outside the scope of traditional business cards were considered. When looking at the wallet &#8211; the main carrier and also placeholder of business cards &#8211; an idea was born. There is a location where business cards are stored, but also forgotten. Why not create a business card stored in another compartment of the wallet?</p>
<p>A banknote business card is placed in the section housing all the banknotes. Using a similar size, feel and styling; the recipient is exposed to the business card on numerous occasions when handling their money. Upon inspecting the business card during these moments, the threshold of actually throwing it away is too high. And also, while regular business cards are eventually stored in another location, this design eludes these moments of relocation while not residing in the conventional compartment for business cards.</p>
<h1>The Business Card</h1>
<p><img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/business-card-011.png" alt="" title="" width="626" height="358" class="alignnone size-full wp-image-1368" /></p>
<h2>The Money Clip</h2>
<p>In order to keep the banknotes neatly stacked together, a money clip was purchased. This maintained the overall banknote-feeling of the business cards and increases the impact when a business card is handed over.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/09/business-card-012.png" alt="" title="" width="626" height="358" class="alignnone size-full wp-image-1369" /><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>The Design</h1>
<p><img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/08/business-card-010.png" width="626" height="678" class="alignnone size-full wp-image-1087" /><br />
The banknote was designed as a reference to the old Dutch 10 Gulden note, a favored design of old times. Instead of the blue used in the 10 Gulden note, a green color was implemented. This way the money would stand out next to the existing Euro banknotes, while still maintaining a sense of money.</p>
<h2>Name and Title</h2>
<p>In order to place all the necessary information found on common business cards into the banknote design, some subtle details were added. For one, the name and title of the designer are displayed as the value and name of the bank.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/08/business-card-003.png" width="626" height="190" class="alignnone size-full wp-image-1075" /></p>
<h2>The Photo</h2>
<p>To create a visual of the designer, a photo was hand-traced using the pen tool in Adobe Illustrator. This took considerable amounts of time, as the line-drawing style is cumbersome to construct.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/08/business-card-004.png" width="626" height="500" class="alignnone size-full wp-image-1076" /></p>
<h2>Place, Date, Title, and Signature</h2>
<p>Instead of placing the date when the banknote was signed, a small play was made regarding the date of birth of the designer. Instead of the actual date of birth; December 14<sup>th</sup> 1984, a fake date was printed; April 31<sup>st</sup> 1984. This was done because the word &#8220;<em>december</em>&#8221; was too long to place in a significant font size. Further, the signature and title &#8220;<em>designer</em>&#8221; were added.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/08/business-card-005.png" width="626" height="359" class="alignnone size-full wp-image-1077" /></p>
<h2>Serial Number, aka Phone Number</h2>
<p>Additionally, the serial number of the banknote is also the mobile phone number. Let&#8217;s hope this does not change any time soon.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/08/business-card-006.png" width="626" height="213" class="alignnone size-full wp-image-1078" /></p>
<h2>Company Name and Web Address</h2>
<p>Furthermore, the name of the printing company is now the name of the designer and web address of the portfolio.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/08/business-card-007.png" width="626" height="112" class="alignnone size-full wp-image-1079" /></p>
<h2>The Disclaimer</h2>
<p>Also, a miniature disclaimer was placed on the back. It reads a short explanation of the designer&#8217;s skills, a statement of not being a valid currency, and finally a warning for any over-exposure to creativity.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/08/business-card-008.png" width="626" height="400" class="alignnone size-full wp-image-1080" /></p>
<h2>A Watermark</h2>
<p>Finally, a watermark was added of a previous product design (<a href="http://www.janvanderasdonk.com/2008/afterlife-artifact/">the afterlife artifact product</a>) and placed in a low opacity setting on both sides. It can be seen on the right-hand side of the image below. In the future this might change into other, more recent designs.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/08/business-card-009.png" width="626" height="400" class="alignnone size-full wp-image-1081" /><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>Stats</h1>
<p><strong>completed in:</strong> March, 2010<br />
<strong>time spent on project:</strong> numerous nightly hours<br />
<strong>stakeholders:</strong> me and whoever is on the receiving end<br />
<strong>links:</strong> blogged at <a href="http://www.soultravelmultimedia.com/2010/11/09/beautiful-banknotes-examples-art-concepts-and-tutorials/" target="_blank">Soultravelmultimedia</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.janvanderasdonk.com/2010/business-card/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>DoorM</title>
		<link>http://www.janvanderasdonk.com/2009/doorm/</link>
		<comments>http://www.janvanderasdonk.com/2009/doorm/#comments</comments>
		<pubDate>Wed, 10 Jun 2009 12:23:03 +0000</pubDate>
		<dc:creator>Jan</dc:creator>
				<category><![CDATA[Future]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Product Design]]></category>

		<guid isPermaLink="false">http://www.janvanderasdonk.com/?p=456</guid>
		<description><![CDATA[An interactive hotel room door for the Philips Creative Challenge 2009]]></description>
			<content:encoded><![CDATA[<h1>Door, Connected</h1>
<p>In 2009 <a href="http://www.research.philips.com/" target="_blank">Philips Research</a> organized the <a href="http://creativechallenge.cisevents.hightechcampus.nl/creativechallenge/introduction" target="_blank">Philips Creative Challenge</a>: &#8220;<em>This challenge is set up around the theme ‘hospitality’ to explore and showcase exceptional design ideas. The PCC offers the opportunity for design education and industry to share and discuss their views on relevant themes within the field of Industrial Design.</em>&#8221;<br />
The DoorM concept lowers the threshold for <a href="http://www.citizenm.com/" target="_blank">CitizenM</a> hotel guests to visit the shared living rooms, by triggering their curiosity through interactive spy holes; offering an abstract overview of these living rooms and activity, via blurred video and dampened sound. Furthermore, DoorM showcases suitable living rooms based on your preferences, as controlled via the universal remote included with each room.</p>
<h2>The Product</h2>
<p><img class="alignnone size-full wp-image-696" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/09/doorm_003.png" alt="" width="626" height="935" /></p>
<h2>Citizen M</h2>
<p>Citizen M is a new hotel concept which focuses on a new type of travellers: modern individuals. These explorers, culture-seekers, professionals and shoppers seek affordable luxury. Citizen M houses small yet luxurious interactive rooms tailored by Philips. The downstairs lobby has numerous extravagant spaces where people can sociale, work and have business meetings.<br />
<img class="alignnone size-full wp-image-697" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/09/doorm_004.png" alt="" width="626" height="460" /></p>
<h2>Lowering the Threshold</h2>
<p>The opportunity investigated for this challenge is lowering the threshold of the hotel room door. With guests being unaware of the activities in the lobby living rooms, they are hesitant to go there. The DoorM concept jumps in by offering interactive spy holes.<br />
<img class="alignnone size-full wp-image-698" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/09/doorm_005.png" alt="" width="626" height="417" /></p>
<h2>Functionalities</h2>
<p>The door consists of 6 spy holes. The center spy hole still holds the same functionality of offering an overview of the hallway. The 5 other holes are digitally linked to the 5 different social spaces downstairs.<br />
<img class="alignnone size-full wp-image-699" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/09/doorm_006.png" alt="" width="626" height="419" /></p>
<h2>Connection and Interaction</h2>
<p>Whenever the cameras downstairs meassure activity in one of the spaces it is represented by light shining out of the matching spy hole (as seen in the lower right corner of the above image). This small light first tries to lower the threshold for approaching the door. As soon as a guest closes in on the spy hole, the light turns off. Through the spy hole the guest will see a blurred image of the coherent space. Also, as soon as the door notices the guest standing in front of a spy hole, dampened audio from the according space is amplified throughout the door. The entire experience acts as a metaphor for the activity being just behind the door.<br />
<img class="alignnone size-full wp-image-700" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/09/doorm_007.png" alt="" width="626" height="968" /></p>
<h2>Philips Pronto</h2>
<p>In offering more functionality, DoorM ties in with the included <a href="http://www.pronto.philips.com/" target="_blank">Philips Pronto</a>. This universal remote already controls everything ranging from the multi-colored lights and temperature to the blinds and TV. The remote comes prefit with a selection of preferences which adapt everything to your liking. If you, for example, select a &#8216;work preference,&#8217; the room is brightly lit. DoorM is linked to these preferences and offers a matching space to your liking. This space is marked by a glowing light ring outside the spy hole.</p>
<h2>The Video</h2>
<p>Below you can see a short one-minute movie where the fully working prototype is showcased. In this scenario the guest selects a business preference, but is unable to cope with his large amount of papers. DoorM showcases an empty work space for him, and he is triggered to leave his room to relocate to a better suited environment.<br />
<object style="margin-top:4px; margin-bottom:20px" width="626" height="470" data="http://vimeo.com/moogaloop.swf?clip_id=5222547&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="never" /><param name="allowscriptaccess" value="never" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=5222547&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /></object><br />
</br></p>
<h1>The Project Team</h1>
<p>DoorM is a collaboration of: <a href="http://www.idportal.nl/Portfolio3/" target="_blank">Guust Hilte</a>, <a href="http://www.willemknijnenburg.nl/" target="_blank">Willem Knijnenburg</a>, <a href="http://www.loessmits.nl/" target="_blank">Loes Smits</a>, <a href="http://www.stefan.zwegers.net/" target="_blank">Stefan Zwegers</a> and Jan van der Asdonk.<br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>Stats</h1>
<p><strong>completed in:</strong> May, 2009<br />
<strong>time spent on project:</strong> 6 hospitable weeks<br />
<strong>stakeholders:</strong> <a href="http://www.citizenm.com/" target="_blank">CitizenM</a>, <a href="http://creativechallenge.cisevents.hightechcampus.nl/creativechallenge/introduction" target="_blank">Philips Creative Challenge</a> and <a href="http://w3.id.tue.nl/en/" target="_blank">Department of Industrial Design</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.janvanderasdonk.com/2009/doorm/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Free-Man</title>
		<link>http://www.janvanderasdonk.com/2009/free-man/</link>
		<comments>http://www.janvanderasdonk.com/2009/free-man/#comments</comments>
		<pubDate>Wed, 01 Apr 2009 20:48:41 +0000</pubDate>
		<dc:creator>Jan</dc:creator>
				<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Product Design]]></category>
		<category><![CDATA[Top]]></category>

		<guid isPermaLink="false">http://www.janvanderasdonk.com/?p=244</guid>
		<description><![CDATA[A custom arcade cabinet for the STRP Art &#038; Technology festival 2009]]></description>
			<content:encoded><![CDATA[<h1>Pac-Man Revisited</h1>
<p>A custom arcade cabinet created for <a href="http://www.strp.nl/" target="_blank">STRP Art &amp; Technology festival 2009</a>. Free-Man takes the classical Pac-Man game to new, unfettered heights. It brings you infinite gaming pleasure. Gone are all the borders blocking mobility. Your environment is fully secure, with all the spooky terrorists safely contained. It is consumerism heaven. Insert any coin. Eat as much as you like!</p>
<h2>The Arcade Cabinet</h2>
<p><img class="alignnone size-full wp-image-821" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/free-man_008.png" alt="" width="626" height="954" /><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>The Process</h1>
<h2>From Two to One</h2>
<p>The Free-Man arcade started off with two broken arcade cabinets from which we only used the wooden shell and some smaller parts.<br />
<img class="alignnone size-full wp-image-816" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/free-man_003.png" alt="" width="626" height="470" /></p>
<h2>Interior Decoration</h2>
<p>Custom elements include: a new computer complete with cooling and a new 2.1 surround sound system. An Arduino was even used to simulate a TV remote, making sure the TV would change to channel 0 at startup, and not channel 1, as is customary.<br />
<img class="alignnone size-full wp-image-817" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/free-man_004.png" alt="" width="626" height="841" /></p>
<h2>Controls and Coin Slot</h2>
<p>Also, one joystick and one pushbutton controls, a re-designed single money slot wired to the computer able to register any kind of coin and a custom money-tray.<br />
<img class="alignnone size-full wp-image-818" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/free-man_005.png" alt="" width="626" height="935" /></p>
<h2>Graphics and Vinyl</h2>
<p>To finish things off, a white polystyrene casing, re-designed vinyl logo and graphics to accompany the changed theme and a rubber trim for that added retro touch.<br />
<img class="alignnone size-full wp-image-819" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/free-man_006.png" alt="" width="626" height="838" /><br />
The traditional Pac-Man is adopted into a slightly overweight Pac-Man. Instead of giving his thumbs-up, he is seen eating another Pac-Dot.<br />
<img class="alignnone size-full wp-image-820" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/free-man_007.png" alt="" width="626" height="835" /></p>
<h2>The Video</h2>
<p>In order to showcase the layered complexity of applying the vinyl graphics, a time-lapse video was produced. It illustrates how the sheets of vinyl are cut, applied to the polystyrene casing on a thin layer of water, and finally pressed in place. Each color has its own layer, as shown below.<br />
<object style="margin-top:4px; margin-bottom:20px" width="626" height="470" data="http://vimeo.com/moogaloop.swf?clip_id=3830656&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="never" /><param name="allowscriptaccess" value="never" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=3830656&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /></object><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>Recommendations</h1>
<p>By <a href="http://www.koert.com/" target="_blank">Koert van Mensvoort</a>: &#8220;<em>Throughout the project, I have become increasingly impressed by the level of expertise within the team, as they continuously managed to arrive at smart, cheap, yet durable and effective solutions for every issue they encountered&#8230;Overall, they delivered more than expected. Points of critique? None. In this project David, Guus, Jan and Jasper have shown expertise in integrating of technology, form and senses, and most of all teamwork. If asked, I would definitely recommend hiring these guys.</em>&#8221;<br />
</br></p>
<h1>The Free-Man Team</h1>
<p>The Free-Man game is conjured by <a href="http://www.koert.com/" target="_blank">Koert van Mensvoort</a> and coded by <a href="http://www.holland-interactive.nl/" target="_blank">Pascal de Man</a>. The design and fabrication were done by: <a href="http://www.guusbaggermans.nl" target="_blank">Guus Baggermans</a>, <a href="http://www.jasperdekker.com/" target="_blank">Jasper Dekker</a>, <a href="http://www.davidmenting.nl" target="_blank">David Menting</a> and Jan van der Asdonk.<br />
</br></p>
<h1>Stats</h1>
<p><strong>completed in:</strong> March, 2009<br />
<strong>time spent on project:</strong> 6 weeks of overtime<br />
<strong>stakeholders:</strong> <a href="http://www.koert.com/" target="_blank">Koert van Mensvoort</a> and <a href="http://www.strp.nl/" target="_blank">STRP Art &amp; Technology festival 2009</a><br />
<strong>exhibited at:</strong> the <a href="http://www.strp.nl/strp/content/index" target="_blank">STRP Arts &#038; Technology Festival 2009</a> (2 &#8211; 13 April 2009), the <a href="http://www.ru.nl/cultuuropdecampus/evenementen/sound_of_science/" target="_blank">Sound of Science festival</a> (Dutch) at the <a href="http://www.ru.nl/english/" target="_blank">Radboud University Nijmegen</a> (27 April 2010) and the <a href="http://www.oddstream.org/?lang=en" target="_blank">Oddstream Festival Nijmegen 2011</a> (2 &#8211; 5 June 2011)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.janvanderasdonk.com/2009/free-man/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>1952 Panhead</title>
		<link>http://www.janvanderasdonk.com/2009/1952-panhead/</link>
		<comments>http://www.janvanderasdonk.com/2009/1952-panhead/#comments</comments>
		<pubDate>Sat, 14 Feb 2009 00:01:16 +0000</pubDate>
		<dc:creator>Jan</dc:creator>
				<category><![CDATA[Mechanical Productions]]></category>
		<category><![CDATA[Top]]></category>

		<guid isPermaLink="false">http://www.janvanderasdonk.com/?p=315</guid>
		<description><![CDATA[Designing and building my own custom 1952 Harley Davidson]]></description>
			<content:encoded><![CDATA[<h1>Just Do It</h1>
<p>With my father’s life-lasting adoration for motorcycles and his newly acquired Harley Davidson I was destined to ride a motorcycle eventually.<br />
<img class="alignnone size-full wp-image-711" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/09/chopper_003.png" alt="" width="626" height="470" /><br />
Being inspired by his handyman-skills and the Biker Build-Off episodes at the Discovery Channel (a show where 2 bike-builders square off and build a custom motorcycle), I started thinking: why buy one if I can design and build one?<br />
<img class="alignnone size-full wp-image-712" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/09/chopper_004.png" alt="" width="626" height="470" /><br />
Fueled by the knowledge I can do anything I set my mind to, I started doing some research on how I could fulfill this dream.<br />
<img class="alignnone size-full wp-image-714" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/09/chopper_005.png" alt="" width="626" height="470" /></p>
<h2>1952 Seems Old Enough</h2>
<p>A couple of weeks and lots of Euros later I was the proud owner of a revised 1952 Harley Davidson Panhead engine and 4-speed transmission.<br />
<img class="alignnone size-full wp-image-715" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/09/chopper_006.png" alt="" width="626" height="470" /><br />
A genuine 1952 HD manual and the World Wide Web provided me with all the knowledge I needed. Soon I was skilled in motorcycle maintenance, welding, grinding, and all kinds of metal working crafts.<br />
<img class="alignnone size-full wp-image-716" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/09/chopper_007.png" alt="" width="626" height="470" /></p>
<h2>Past Time Passion</h2>
<p>What started as a passion, is now my main activity once every Sunday for a few hours when I get to visit my parents garage. And yes, I do get to see my parents from time to time.<br />
<img class="alignnone size-full wp-image-717" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/09/chopper_008.png" alt="" width="626" height="470" /></p>
<h2>Tidbits and Inspection</h2>
<p>Besides the obvious paint, the motorcycle needs a new electrical system and some little tidbits. But this all dwarfs in comparison to the work needed to pass inspection and make it road legal.<br />
<img class="alignnone size-full wp-image-718" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/09/chopper_009.png" alt="" width="626" height="470" /><br />
My current operations focus on getting the bike ready for its approval, which is scheduled to take place some time when I feel I have sufficient time.<br />
<img class="alignnone size-full wp-image-719" src="http://www.janvanderasdonk.com/wp-content/uploads/2010/10/chopper_010.png" alt="" width="626" height="391" /></p>
<h2>Diving into the Deep End</h2>
<p>It’s an illustration of my broad range of ever-developing skills and my ability to conjure anything I can get my hands on. When this project is done, I’ll ride a custom motorcycle, designed and hand-built by me.<br />
<img class="alignnone size-full wp-image-720" src="http://www.janvanderasdonk.com/wp-content/uploads/2010/02/chopper_011.png" alt="" width="626" height="470" /><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>Stats</h1>
<p><strong>completed in:</strong> when I can finally find the time<br />
<strong>time spent on project:</strong> almost every Sunday afternoon for the past 2,5 years<br />
<strong>stakeholder:</strong> me, myself and I</p>
]]></content:encoded>
			<wfw:commentRss>http://www.janvanderasdonk.com/2009/1952-panhead/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adidas Performance Shirt</title>
		<link>http://www.janvanderasdonk.com/2009/adidas/</link>
		<comments>http://www.janvanderasdonk.com/2009/adidas/#comments</comments>
		<pubDate>Thu, 01 Jan 2009 22:00:43 +0000</pubDate>
		<dc:creator>Jan</dc:creator>
				<category><![CDATA[Future]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Product Design]]></category>
		<category><![CDATA[Top]]></category>

		<guid isPermaLink="false">http://www.janvanderasdonk.com/?p=84</guid>
		<description><![CDATA[A shirt with stress biofeedback for the Adidas Innovation Team]]></description>
			<content:encoded><![CDATA[<h1>Stress &#038; Biofeedback</h1>
<p>The Adidas research project is a creative departure of the more conventional work done by the <a href="http://www.adidasdesignstudios.com/default.aspx" target="_blank">Adidas Innovation Team</a>. The goal of the project was to find new interesting opportunities in the field of wearable electronics.</p>
<p>For sports there has always been a tremendous focus on improving physical performance. These improvements are often fed by artificial developments. One of the relatively smaller aspects, mental performance, has always been the job of a physical coach.</p>
<p>The Adidas Stress Shirt provides real-time biofeedback of your stress level. The input comes from a galvanic skin sensor, able to measure your skin&#8217;s resistance influenced by your stress-related sweat. The output is send to five vibrations sensors along your spinal cord. These vibration motors present you with the current stress level in such a way it only becomes noticeable when needed.</p>
<p>The Shirt provides biofeedback and ultimately control over one&#8217;s stress level. It becomes a tool for practicing your own rituals and behavior of reducing stress before and during performance, aiming to increase said performance.</p>
<h2>The Report</h2>
<p>The final report is only available upon request, as most of this work still falls within the Adidas NDA. Feel free to <a href="http://www.janvanderasdonk.com/contact/" target="_blank">contact me</a> for requests.</p>
<h1>The Shirt</h1>
<p><img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/10/Adidas_003.png" alt="" title="" width="626" height="835" class="alignnone size-full wp-image-1695" /><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>The Details</h1>
<p>Below is an overview of all the aspects of the Adidas Shirt.</p>
<h2>The Input</h2>
<p>The Shirt consists of two galvanic skin response sensors integrated into the glove. At the fingertips are two patches of conducting cloth. these are connected to the <a href="http://www.arduino.cc/en/Main/ArduinoBoardLilyPad" target="_blank">Arduino Lilypad</a> on the back of the shirt.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/10/Adidas_004.png" alt="" title="" width="626" height="420" class="alignnone size-full wp-image-1696" /></p>
<h2>The Output</h2>
<p>The output is controlled by a series of five individual vibration motors. Each of these motors is cast into a small disc of silicone rubber. With this approach the vibrations are spread out through the disc instead of very locally creating a rather irritating sensation.</p>
<p>The motors are placed along the spinal cord in such a way they come into contact with the vertebrae, pressurized by the shirt&#8217;s stretchability. Upon activation, these motors vibrate through the spinal cord, making the sensation spread across the back. The frequency of vibration is set to such a pace it does not become a nuisance in overcoming stress, rather a subtle piece of biofeedback.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/10/Adidas_005.png" alt="" title="" width="626" height="470" class="alignnone size-full wp-image-1697" /></p>
<h2>The Control Center</h2>
<p>All the signal from the input are controlled at the <a href="http://www.arduino.cc/en/Main/ArduinoBoardLilyPad" target="_blank">Arduino Lilypad</a>. This microcontroller is specially designed for wearable applications, using little power and is easily connected to conductive yarn.</p>
<p>Inside, the code conducts a specific process in order to maintain the quality of the biofeedback loop. First, a galvanic skin response baseline is established. The motivation for this is that every person has a different level of galvanic skin response, it is only the relative level that matters.<br />
Second, the vibration motors come into play, mimicking the dropping and climbing levels of galvanic skin response, or in this case, the stress level.<br />
Finally, every couple of minutes, the microcontroller re-establishes the baseline, in order to maintain an accurate signal.</p>
<p>All the connections are sewn into the Shirt using conductive yarn inside a protective layer. The Arduino Lilypad is placed in a spot on the back where little influence from most body motions is felt.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/10/Adidas_006.png" alt="" title="" width="626" height="470" class="alignnone size-full wp-image-1698" /></p>
<h2>An Overview</h2>
<p>Finally, a graphical representation of the Adidas Shirt showcases all the wearable electronics and a graph illustrating a scenario behavior.<br />
<img src="http://www.janvanderasdonk.com/wp-content/uploads/2011/10/Adidas_007.png" alt="" title="" width="626" height="732" class="alignnone size-full wp-image-1699" /><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>Stats</h1>
<p><strong>completed in:</strong> January, 2009<br />
<strong>time spent on project:</strong> 8 scientific weeks<br />
<strong>stakeholders:</strong> the <a href="http://www.adidasdesignstudios.com/default.aspx" target="_blank">Adidas Innovation Team</a> and <a href="http://w3.id.tue.nl/en/" target="_blank">Department of Industrial Design</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.janvanderasdonk.com/2009/adidas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WagBoard 360</title>
		<link>http://www.janvanderasdonk.com/2008/wagboard-360/</link>
		<comments>http://www.janvanderasdonk.com/2008/wagboard-360/#comments</comments>
		<pubDate>Sun, 14 Dec 2008 18:10:16 +0000</pubDate>
		<dc:creator>Jan</dc:creator>
				<category><![CDATA[Mechanical Productions]]></category>

		<guid isPermaLink="false">http://www.janvanderasdonk.com/?p=669</guid>
		<description><![CDATA[An all-directional take on a skateboard]]></description>
			<content:encoded><![CDATA[<h1>&#8220;Sketchy&#8221; Doesn&#8217;t Cut It</h1>
<p>The WagBoard 360 is a crazy take on a classic skateboard. Outfitted with four industrial steel bearings, this board can roll and rotate in any directions. Ultimately being a very challenging contraption for even a seasoned rider.</p>
<h2>The Video</h2>
<p><object style="margin-top:4px; margin-bottom:20px" width="626" height="470" data="http://vimeo.com/moogaloop.swf?clip_id=6508230&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="never" /><param name="allowscriptaccess" value="never" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=6508230&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /></object><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>The Wagboard Team</h1>
<p>The Wagboard 360 is materialized by: <a href="http://www.guusbaggermans.nl" target="_blank">Guus Baggermans</a>, <a href="http://www.jasperdekker.com" target="_blank">Jasper Dekker</a>, <a href="http://www.davidmenting.nl" target="_blank">David Menting</a> and Jan van der Asdonk.<br />
</br></p>
<h1>Stats</h1>
<p><strong>completed in:</strong> March, 2009<br />
<strong>time spent on project:</strong> couple of hours of fabrication and 1 day of mastering and filming<br />
<strong>stakeholders:</strong> anyone wishing to risk their neck</p>
]]></content:encoded>
			<wfw:commentRss>http://www.janvanderasdonk.com/2008/wagboard-360/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Aesthetics of Interaction</title>
		<link>http://www.janvanderasdonk.com/2008/aesthetics-of-interaction/</link>
		<comments>http://www.janvanderasdonk.com/2008/aesthetics-of-interaction/#comments</comments>
		<pubDate>Thu, 27 Nov 2008 22:00:32 +0000</pubDate>
		<dc:creator>Jan</dc:creator>
				<category><![CDATA[Interaction Design]]></category>

		<guid isPermaLink="false">http://www.janvanderasdonk.com/?p=96</guid>
		<description><![CDATA[Designing an interaction around a classical piece of music]]></description>
			<content:encoded><![CDATA[<h1>Music = Interaction</h1>
<p>This one week individual course dealt with designing a new interaction based on a classical piece of music. It&#8217;s essence was not to reflect the movements of the music, but to capture the underlying elements and emotions. The music excerpt for this design was <em>Olden Style Pieces I</em> by <a href="http://en.wikipedia.org/wiki/Henryk_Górecki" target="_blank">Henryk Gorecki</a>, a polish composer of contemporary classical music.</p>
<h1>The Prototype</h1>
<p>Having experienced the music for several hours, analyzing it&#8217;s underlying elements and emotions, the conclusion was made that it dealt with <em>repetition</em>, <em>slowly building</em>, with a <em>conclusion</em><em> </em>at the end, as if a certain <em>goal</em> was reached.<br />
the concept was integrated into the design of an interative light system with the interactivity focussing on the activation of the light.<br />
<img class="alignnone size-full wp-image-733" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/09/aesthetics_of_interaction_007.png" alt="" width="626" height="470" /><br />
Upon rotation of the lowest foam panel, the bottom segment would adjust it brightness: counter-clockwise rotation meant a decrease in brightness, and clockwise rotation resulted in an increase in brightness.<br />
<img class="alignnone size-full wp-image-734" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/09/aesthetics_of_interaction_008.png" alt="" width="626" height="470" /><br />
When the brightness of the bottom segment was set to its maximum, the middle segment would be activated. When this segment reached its maximum brightness, the top segment was activated. When the top segment was eventually set to its maximum brightness, the segments would switch off their lights one by one, starting at the bottom. When this action was completed, the top most light switched on, capturing the light inside the crystal. This illustrated the completed interaction.<br />
<img class="alignnone size-full wp-image-735" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/09/aesthetics_of_interaction_009.png" alt="" width="626" height="470" /><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>The Process</h1>
<h2>Opening Flower</h2>
<p>The first iterations dealt with the motion of opening flower petals. This was visualized with various orgami flowers.<br />
<img class="alignnone size-full wp-image-729" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/09/aesthetics_of_interaction_003.png" alt="" width="626" height="470" /></p>
<h2>Prototype Two</h2>
<p>An interactive prototype, based on the continuous repetition aspect of the music, was constructed using a glass tube and circular foam panels. These panels would allow for rotation, with each panel operating a particular segment of the lighting inside.<br />
<img class="alignnone size-full wp-image-730" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/09/aesthetics_of_interaction_004.png" alt="" width="626" height="470" /></p>
<h2>Inertia to Music</h2>
<p>The foam&#8217;s adherence to the glass resulted in a feeling of inertia, something obstructing rapid movement of the foam panels, in turn strenghtening the link with the slow-paced music.<br />
The first prototype was used as a demonstrator for further study of the subject at hand. Feedback and experiences with modelling pointed out the unfeasability of constructing such an elaborate flower-petal mechanism in the three remaining days.<br />
<img class="alignnone size-full wp-image-731" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/09/aesthetics_of_interaction_005.png" alt="" width="626" height="470" /></p>
<h2>The Electronics</h2>
<p>This ultimately resulted in a different approach where the prototype would have three movable panels, each operating a single segment of the tube. Finally this light would be bundled at the top.<br />
The final prototype was constructed using the glass tube from the first iteration, combined with various high power LED&#8217;s and light sensors to measure the rotation of the foam panels through the glass.<br />
<img class="alignnone size-full wp-image-732" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/09/aesthetics_of_interaction_006.png" alt="" width="626" height="470" /><br />
Again utilizing the inertia from the foam panels,separated by small plastic rings, the interaction for the light segments was complete. In the final hour a cap was fitted at the top with a small salt crystal to capture the bundle of light.<br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>Stats</h1>
<p><strong>completed in:</strong> November, 2008<br />
<strong>time spent on project:</strong> 1 intense week<br />
<strong>stakeholder:</strong> <a href="http://w3.id.tue.nl/en/" target="_blank">Department of Industrial Design</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.janvanderasdonk.com/2008/aesthetics-of-interaction/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Urban Tumbleweed</title>
		<link>http://www.janvanderasdonk.com/2008/urban-tumbleweed/</link>
		<comments>http://www.janvanderasdonk.com/2008/urban-tumbleweed/#comments</comments>
		<pubDate>Thu, 16 Oct 2008 22:00:08 +0000</pubDate>
		<dc:creator>Jan</dc:creator>
				<category><![CDATA[Product Design]]></category>

		<guid isPermaLink="false">http://www.janvanderasdonk.com/?p=1</guid>
		<description><![CDATA[An art object created as a statement for Next Nature]]></description>
			<content:encoded><![CDATA[<h1>Tumbleweed, Urban Style</h1>
<p>An art object created as a statement for <a href="http://www.nextnature.net/" target="_blank">Next Nature</a>, a one week course at the Department of Industrial Design. “<em>Next Nature is culturally emerged nature, it is the nature caused by human culture. That may sound like a contradiction, but really, it isn’t. Our technological world has become so intricate and uncontrollable that it has become a nature of its own. This means we have to re-investigate our notion of nature.</em>”<br />
It seems that yesterday’s leaves are being replaced by today’s garbage in the streets. This garbage is turning into a natural feature of our environment, we become more familiar with a coke can or McDonalds wrapping than with leaves of the few trees in the cities. This garbage, Urban garbage, is becoming our next nature. It is invading our streets like a modern tumbleweed, effectively creating a phenomenon known as Urban Tumbleweed.</p>
<h1>The Art Piece</h1>
<p><img class="alignnone size-full wp-image-704" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/09/urban_tumbleweed_003.png" alt="" width="626" height="499" /></p>
<h2>Düsseldorf vs Eindhoven</h2>
<p>This Urban Tumbleweed creates a footprint of a city. To illustrate this footprint, Urban Tumbleweeds were constructed using genuine trash from the streets of both <strong>Düsseldorf</strong> and <strong>Eindhoven</strong>. Though the results appear similar, they offer a lot of detail when being observed from a closer perspective.<br />
<img class="alignnone size-full wp-image-705" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/09/urban_tumbleweed_004.png" alt="" width="626" height="416" /><br />
In the end the question remains: what would Urban Tumbleweed from another continent look like?<br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>The Urban Tumbleweed Team</h1>
<p>Urban Tumbleweed is a collaboration of: <a href="http://www.guusbaggermans.nl/" target="_blank">Guus Baggermans</a>, <a href="http://www.briangarret.com/" target="_blank">Brian Garret Schuur</a> and Jan van der Asdonk.</p>
<p></br></p>
<h1>Stats</h1>
<p><strong>completed in:</strong> October, 2008<br />
<strong>time spent on project:</strong> 1 week saturated with the smell of garbage<br />
<strong>stakeholders:</strong> <a href="http://w3.id.tue.nl/en/" target="_blank">Department of Industrial Design</a> and <a href="http://www.nextnature.net/" target="_blank">Next Nature</a><br />
<strong>links:</strong> blogged by <a href="http://blog.wired.com/sterling/2008/10/urban-tumblewee.html" target="_blank">Bruce Sterling at Wired</a>, posted in <a href="http://www.orionmagazine-digital.com/orionmagazine/20090102/?pg=13" target="_blank">Orion Magazine</a>, and at <a href="http://www.nextnature.net/?p=2845" target="_blank">Next Nature</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.janvanderasdonk.com/2008/urban-tumbleweed/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Design Sketching</title>
		<link>http://www.janvanderasdonk.com/2008/design-sketching/</link>
		<comments>http://www.janvanderasdonk.com/2008/design-sketching/#comments</comments>
		<pubDate>Thu, 09 Oct 2008 22:00:05 +0000</pubDate>
		<dc:creator>Jan</dc:creator>
				<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Product Design]]></category>

		<guid isPermaLink="false">http://www.janvanderasdonk.com/?p=309</guid>
		<description><![CDATA[Results of a one week session on design sketching]]></description>
			<content:encoded><![CDATA[<h1>Analog Sketching</h1>
<p>Over the duration of one week we received a crash course in design sketching and rendering from <a href="http://www.letterthirteen.com/baskinger.html" target="_blank">Mark Baskinger</a>, an assistant professor from Carnegie Mellon University and co-founder of <a href="http://www.letterthirteen.com/" target="_blank">LETTER13 Design Agency</a>.<br />
<img class="alignnone size-full wp-image-823" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/design_sketching_003.png" alt="" width="626" height="470" /></p>
<h2>The Video</h2>
<p>As a special favour, Mark Baskinger collaborated with the members of <a href="http://www.janvanderasdonk.com/2008/fraai-magazine/" target="_blank">FRAAI magazine</a> to create a sketching video tutorial. Here, he sketches a rather different looking vase using a wide assortment of tools.</p>
<p>So sit back, relax, and enjoy the 4 minutes and 36 seconds of pure speed sketching. And mind your volume.<br />
<object style="margin-top:4px; margin-bottom:20px" width="626" height="470" data="http://vimeo.com/moogaloop.swf?clip_id=28781774&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="never" /><param name="allowscriptaccess" value="never" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=28781774&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /></object><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>Stats</h1>
<p><strong>completed in:</strong> October, 2008<br />
<strong>time spent on project:</strong> 1 colorful week<br />
<strong>stakeholder:</strong> <a href="http://w3.id.tue.nl/en/" target="_blank">Department of Industrial Design</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.janvanderasdonk.com/2008/design-sketching/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Afterlife Artifact</title>
		<link>http://www.janvanderasdonk.com/2008/afterlife-artifact/</link>
		<comments>http://www.janvanderasdonk.com/2008/afterlife-artifact/#comments</comments>
		<pubDate>Mon, 30 Jun 2008 22:00:06 +0000</pubDate>
		<dc:creator>Jan</dc:creator>
				<category><![CDATA[Future]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Product Design]]></category>
		<category><![CDATA[Top]]></category>

		<guid isPermaLink="false">http://www.janvanderasdonk.com/?p=66</guid>
		<description><![CDATA[Designing a unique and truly innovative approach to an afterlife artifact]]></description>
			<content:encoded><![CDATA[<h1>Honoring Life</h1>
<p>Afterlife Artifact is a product which stores a small sample of DNA, extracted from the deceased person in question, inside a crystal. This crystal is encoded by this DNA data, growing into unique shapes for each individual. Because of changes in temperature, the crystal rearranges itself countless times via a chemical process called <a href="http://en.wikipedia.org/wiki/Sublimation_(chemistry)" target="_blank">sublimation</a>.</p>
<p>The final design consists of two wood segments and two glass parts. The top part houses the crystals and the bottom acts as a medium for a very faint lightsource. This small light has two functions: it shows a soft glow when a person is standing in its presence and also acts as a activator by applying heat to the top glass part.</p>
<h1>The Product</h1>
<p><img class="alignnone size-full wp-image-786" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/afterlife_artifact_017.png" alt="" width="626" height="885" /><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>The Process</h1>
<h2>Life, Continued</h2>
<p>A life has a beginning, a middle and an end. Just like any story. With this project the end is the focal point. The topic for this project focussed on designing an unique and truly innovative approach to an afterlife artifact. With afterlife artifact meaning objects such as a grave, urn or any other of object left behind when we pass away.<br />
<img class="alignnone size-full wp-image-786" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/afterlife_artifact_003.png" alt="" width="626" height="470" /></p>
<h2>Today&#8217;s Afterlife Artifacts</h2>
<p>However, there are some problems with today&#8217;s afterlife artifacts. For example: in locations such as Tokyo and London it becomes challenging to find a spot for graves. Moreover, there are some environmental issues with dumping all the chemicals and radiation our bodies collect during their lifespans into the soil.</p>
<p>Then there is the urn. Ancient as it may be, it is vastly becoming a popular alternative to the burial ritual. But these ceramic jars have not seen any decent design changes since their introduction and still resemble vases with a cap on top. All in all a very static representation of a dynamic person.<br />
<img class="alignnone size-full wp-image-787" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/afterlife_artifact_004.png" alt="" width="626" height="470" /><br />
Then there is the fact that with graves the opportunity arises to bury family next to each other. An urn, on the other hand, is always alone, and has to be shared among the remaining family members.<br />
<img class="alignnone size-full wp-image-788" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/afterlife_artifact_005.png" alt="" width="626" height="470" /></p>
<h2>Sublimation with Crystals</h2>
<p>In finding a new, more dynamic approach to representing the uniqueness of an individual, new materials were investigated. The <em>lightbulb-moment</em> came in the form of crystals. Using the chemical process called <a href="http://en.wikipedia.org/wiki/Sublimation_(chemistry)" target="_blank">sublimation</a>, where an element or compound changes from <em>solid </em>to a <em>gas-state</em> without an intermediate liquid stage. This meant a very dynamic material, with stunning properties.</p>
<p>Together with the Department of Chemistry a demo was created using iodine crustals inside a vacuum glass bulb. Iodine is solid at room temperatures but turns into a gas just above room temperature.<br />
<img class="alignnone size-full wp-image-789" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/afterlife_artifact_006.png" alt="" width="626" height="410" /><br />
Eventually the crystals will grow to more concentrated chunks, because they adhere more easily to eachothers rough structure compared to the more smooth glass.</p>
<h2>Data Storage</h2>
<p>In creating the link between the crystals and the individual, assumptions were based on an existing study. This research field dealt with programming crystals by applying small changes to their core structures. The main goal of this investigation was to create crystals which could store data.</p>
<p>However, one of the findings resulted in crystals being programmed into a certain shape or structure. This lead to the premises that portions of human DNA could be translated into code, ultimately programming the crystals into unique structures. This would result in a totally unique construction of crystals based on the small perceptage of human DNA which is exclusive to each individual. This process paved the way for a creative phase where concepts could be generated using this approach.<br />
<img class="alignnone size-full wp-image-790" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/afterlife_artifact_007.png" alt="" width="626" height="470" /></p>
<h2>Artifact Form</h2>
<p>Although the creative phase spawned many ideas, they did not seem to touch that illusive area worthy of this concept. In considering the moments of reconciliation common at afterlife artifacts, the conclusion was made that this design would take on shrine-like properties.</p>
<p>Because the crystals were going to become the dynamic and attention-asking part of the design, the actual form of the container of these crystals should be more primitive and minimalistic. Sketches exploring a design for such a box were done.<br />
<img class="alignnone size-full wp-image-795" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/afterlife_artifact_008.png" alt="" width="626" height="470" /></p>
<h2>3D Model Investigation</h2>
<p>This eventually moved to a more 3D approach where three models of MDF were constructed to experience the size and dimensions of the proposed design.<br />
<img class="alignnone size-full wp-image-796" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/afterlife_artifact_009.png" alt="" width="626" height="470" /></p>
<h2>Form and Meaning</h2>
<p>However, the problem with such a design is its meaning. The design of an afterlife artifact seeks to incorporate religious design cues. Unfortunately there is no such thing as a universal religious form language, they are highly religion-and culture bound.</p>
<p>So for this project a new form for a modern Western, culturally-diverse shrine-like afterlife artifact had to be designed. This proved to be extremely difficult.</p>
<p>In looking for a more satisfactory result a questionable theory was formed. What if certain visual keys of a deeply religious culture which most of us Wester people do not fully fathom, but perceive to be something magniﬁcent, would be incorporated? Would these recognizable visual features trigger some kind feeling (be it conscious or subconscious) coupled to a holy artifact?<br />
As an example the <a href="http://en.wikipedia.org/wiki/Shinto" target="_blank">Shinto religion</a> of Japan was used. This religious period spawned the well-known Shinto temples and iconic Torii gates found around Japan. 2D profile sketches of these iconic shapes were created.<br />
<img class="alignnone size-full wp-image-797" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/afterlife_artifact_010.png" alt="" width="626" height="470" /></p>
<h2>Again, Three Versions</h2>
<p>Using this new visual motivation three main designs were constructed. Using technical drawings to illustrate their construction, these first iterations each had their strenghts and weaknesses.<br />
<img class="alignnone size-full wp-image-798" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/afterlife_artifact_011.png" alt="" width="626" height="470" /></p>
<h2>The Final Form</h2>
<p>Still not fully convinced a new step was needed to blend the best of both worlds into one, creating a final design.<br />
<img class="alignnone size-full wp-image-799" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/afterlife_artifact_012.png" alt="" width="626" height="470" /></p>
<h2>Materials</h2>
<p>With the final design resembling the Shinto-based style while maintaining a minimalistic view, materials were needed. With such a private object as an afterlife artifact, there is no need for flashy materials. In wanting to preserve a very common look and feel, the choice was made to use wood.</p>
<p>Nonetheless, in adding the quality an afterlife artifact deserves, a rare African wood was used: <em>bubinga</em>. In working around the extreme hardness of this material, small sheets of veneer were used on a MDF base model instead of solid blocks of wood.<br />
<img class="alignnone size-full wp-image-800" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/afterlife_artifact_013.png" alt="" width="626" height="470" /></p>
<h2>A Technical Overview</h2>
<p>A final technical drawing sported the entire wood construction, as well as the glass components needed to convey the light and act as an compartment for the crystals.<br />
<img class="alignnone size-full wp-image-801" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/afterlife_artifact_014.png" alt="" width="626" height="470" /></p>
<h2>The MDF Backbone</h2>
<p>Using these drawings hand carved-and chiseled MDF base models were constructed. They provided the backbone for the sheets of veneer and glass parts.<br />
<img class="alignnone size-full wp-image-802" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/afterlife_artifact_015.png" alt="" width="626" height="470" /></p>
<h2>Bubinga Veneer</h2>
<p>The veneer was applied by molding the sheets into shape by boiling them in hot water. Using a very fine glue and sand paper for the edges a seamless layer was applied. In adding another small detail the top of the design holds 2 mirrored sheets into 1 plane.<br />
<img class="alignnone size-full wp-image-803" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/afterlife_artifact_016.png" alt="" width="626" height="470" /><br />
Ultimately the design showcases the unique approach to an afterlife artifact in adding the professional design qualities in creating this one-off masterpiece.<br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>Stats</h1>
<p><strong>completed in:</strong> July, 2008<br />
<strong>time spent on project:</strong> 8 weird weeks<br />
<strong>stakeholder:</strong> <a href="http://w3.id.tue.nl/en/" target="_blank">Department of Industrial Design</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.janvanderasdonk.com/2008/afterlife-artifact/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>FRAAI magazine</title>
		<link>http://www.janvanderasdonk.com/2008/fraai-magazine/</link>
		<comments>http://www.janvanderasdonk.com/2008/fraai-magazine/#comments</comments>
		<pubDate>Tue, 05 Feb 2008 20:10:59 +0000</pubDate>
		<dc:creator>Jan</dc:creator>
				<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Interaction Design]]></category>

		<guid isPermaLink="false">http://www.janvanderasdonk.com/?p=191</guid>
		<description><![CDATA[An online magazine providing the world with free creative inspiration]]></description>
			<content:encoded><![CDATA[<h1>Quite FRAAI</h1>
<p>An initative originated somewhere in 2007, FRAAI magazine is an online magazine providing the world with creative inspiration. All you need to pay are your monthly electricity and internet bills, since FRAAI is 100% free.</p>
<p>Published four times a year, each quarterly issue has its own theme. All the contents you find inside FRAAI is focussed around this theme. Every issue starts off with a few dozen pages of inspiration. New spreads are added each week until the next quarter brings a new issue.</p>
<p>FRAAI magazine is published on environmentally friendly, 917 x 600 pixels of html-coded paper, with small traces of non-hazardous CSS, PHP and Javascript.</p>
<p>FRAAI magazine is currently offline due to funding being spent on other initiatives.<br />
<img class="alignnone size-full wp-image-829" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/fraai_magazine_003.png" alt="" width="626" height="276" /></p>
<h2>Fraai&#8217;s Favourites</h2>
<p>With the publication of the first issue we started off with numerous &#8220;Fraai&#8217;s Favourites;&#8221; a selection of most-liked artist in various fields. Next to that we sported the &#8220;Creative Columns;&#8221; one-page humorous stories on everything vaguely coherent to design.<br />
<img class="alignnone size-full wp-image-830" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/fraai_magazine_004.png" alt="" width="626" height="426" /><br />
Also included were more elaborate articles on new activities in the design community, keeping readers up-to-date with the latest news.<br />
<img class="alignnone size-full wp-image-831" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/fraai_magazine_005.png" alt="" width="626" height="426" /></p>
<h2>Illustration and Interactivity</h2>
<p>With time came more stylized pages, utilizing special layout tweeks offering strict guidelines, yet a lot of creative freedom.<br />
<img class="alignnone size-full wp-image-832" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/fraai_magazine_006.png" alt="" width="626" height="426" /><br />
With the coming of our second issue we incorporated more interactive features, such as this fully functional pong game. Controlled by the movement of your mouse, the objective was to beat the computer, which would ultimately result in a statement related to the adjacent article.<br />
<img class="alignnone size-full wp-image-833" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/fraai_magazine_007.png" alt="" width="626" height="426" /><br />
In adding more functionality and creativity, we included embedded videos into designed pages, showcasing an artist&#8217;s work. The resulting lay out made the poster image of the video a part of the layout.<br />
<img class="alignnone size-full wp-image-834" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/fraai_magazine_008.png" alt="" width="626" height="426" /><br />
The continuation of the magazine saw the addition of a lot of under-the-hood improvements, making publication more low-maintenance and much faster.<br />
<img class="alignnone size-full wp-image-835" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/fraai_magazine_009.png" alt="" width="626" height="426" /></p>
<h2>The Last Issue</h2>
<p>In the third and last issue we increased the bite-sized effect of pages by adding shorter columns, serving food for thought.<br />
<img class="alignnone size-full wp-image-836" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/fraai_magazine_010.png" alt="" width="626" height="426" /><br />
To this day we receive collaborative requests of a myriad of artists and designers who wish to be featured in our magazine.<br />
<img class="alignnone size-full wp-image-837" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/fraai_magazine_011.png" alt="" width="626" height="426" /><br />
However, due to other primary activities of the FRAAI Team, the magazine is currently on hiatus, awaiting its revision in the future and taken offline for the time being.<br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>The FRAAI Team</h1>
<p>FRAAI is a collaboration by: <a href="http://www.guusbaggermans.nl/" target="_blank">Guus Baggermans</a>, <a href="http://www.briangarret.com/" target="_blank">Brian Garret Schuur</a>, <a href="http://www.davidmenting.nl" target="_blank">David Menting</a> and Jan van der Asdonk.</p>
<p></br></p>
<h1>Stats</h1>
<p><strong>completed in:</strong> hopefully never, though currently on hiatus<br />
<strong>time spent on project:</strong> many nighttime hours since Novemeber 2007<br />
<strong>stakeholder:</strong> <a href="http://www.fraai-magazine.com/colophon" target="_blank">the FRAAI Team</a><br />
<strong>links:</strong> account at <a href="http://www.coroflot.com/fraai-magazine" target="_blank">Coroflot</a>, pool at <a href="http://www.flickr.com/groups/fraai-magazine/" target="_blank">Flickr</a>, published at the <a href="http://www.colophon2009.com/archive/?mag_id=2085" target="_blank">Colophon Symposium 2009</a>, blogged at <a href="http://www.sakvandenboom.nl/artikel/4966.htm" target="_blank">Customer Media</a>, <a href="http://rubiqube.com/10-more-great-website-designs-using-wordpress-as-cms/" target="_blank">Rubiqube</a>, and <a href="http://www.scrnmgs.com/" target="_blank">Scrnmgs</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.janvanderasdonk.com/2008/fraai-magazine/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Ferrofluid</title>
		<link>http://www.janvanderasdonk.com/2008/ferrofluid/</link>
		<comments>http://www.janvanderasdonk.com/2008/ferrofluid/#comments</comments>
		<pubDate>Sat, 05 Jan 2008 14:12:09 +0000</pubDate>
		<dc:creator>Jan</dc:creator>
				<category><![CDATA[Future]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Product Design]]></category>
		<category><![CDATA[Top]]></category>

		<guid isPermaLink="false">http://www.janvanderasdonk.com/?p=188</guid>
		<description><![CDATA[Using ferrofluid as a visualizer for an interactive audio product]]></description>
			<content:encoded><![CDATA[<h1>Simply Fascinating</h1>
<p>For the Bachelor graduation project at the Department of Industrial Design at the University of Technology Eindhoven the choice was made to start with a technology instead of a context or idea. And a most fascinating material it is. Titled <a href="http://en.wikipedia.org/wiki/Ferrofluid" target="_blank">ferrofluid</a>, this oily liquid was invented by NASA in the 60&#8242;s. It basically consists of many micro iron particles in a carrier fluid made up by oil and a substance to keep the iron particles from sticking together.</p>
<h1>The Product</h1>
<p>The product houses the ferrofluid and uses it as part of the interface for a minimalistic audio player. By rotating the glass knob, the product switches on, dimly illuminating the four sides and their respective symbols. A light symbol is selected when any of the four sides is touched, and increases in brightness. This action is followed by the ferrofluid acting as a visualization of the selected modality. </p>
<p>The fluid is animated by a vertically moving neodymium magnet beneath the knob. For example, the level of volume is displayed in the size of the ferrofluid sphere. When selecting tracks, the ferrofluid diminishes in size when reaching the end of a album or artist.<br />
<img class="alignnone size-full wp-image-884" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/ferrofluid_017.png" alt="" width="626" height="540" /><br />
The product sports a certain wow-factor concerning the ferrofluid. People are stunned by its behavior and properties. And when this wow-factor lessens, a functional and minimalistic product remains. The product is targeted at high-end consumers who enjoy products which differentiate themselves from others by qualitative features.</p>
<p>With the interface hidden when not in use, the user is not confused or confronted with options which are not of importance at that given moment. With this light-interface being hidden, there is also more focus on the ferrofluid.<br />
<img class="alignnone size-full wp-image-883" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/ferrofluid_016.png" alt="" width="626" height="242" /><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>The Process</h1>
<h2>Ferrofluid&#8217;s Origin</h2>
<p>The original function of ferrofluid was to create a lubrication and cooling fluid for complicated joints. The magnetic properties of the ferrofluid made it stick to the joint itself without having to be encased in a complicated container. More contemporary applications include a liquid sealant inside hard drives, radar absorbent material for military vehicles and removing heat between the voice coil inside loudspeakers.<br />
<img class="alignnone size-full wp-image-868" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/ferrofluid_003.png" alt="" width="626" height="479" /></p>
<h2>Just Add Magnetism</h2>
<p>The captivating feature of ferrofluid presents itself when being confronted with a magnet. The iron particles try to follow the lines of the magnetic field caused by the magnet, ultimately resulting in a stunning formation. The photos are all of a small quantity of ferrofluid in a petri dish with different magnets beneath it.<br />
<img class="alignnone size-full wp-image-869" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/ferrofluid_004.png" alt="" width="626" height="459" /></p>
<h2>DIY Electromagnet</h2>
<p>In order to test its characteristics an electromagnet was build and incorporated into a housing for the petri dish. This showcased the immediate response of ferrofluid to the magnetic field. After various brainstorms the concept focused on using ferrofluid&#8217;s visualization to showcase the properties of a simple audio player.<br />
<img class="alignnone size-full wp-image-870" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/ferrofluid_005.png" alt="" width="626" height="474" /></p>
<h2>Form and Function</h2>
<p>The next step centered around finding an appropriate form to house the ferrofluid. The goal here is to design something abstract, not taking away any attention from the ferrofluid. This resulted in some abstract shapes with a knob on top to control the modalities of the audio player.<br />
<img class="alignnone size-full wp-image-871" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/ferrofluid_006.png" alt="" width="626" height="483" /></p>
<h2>MDF Models</h2>
<p>A second set of full scale models explored some design directions. The choice was made to use a simple cube for the main housing with a glass knob on top.<br />
<img class="alignnone size-full wp-image-872" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/ferrofluid_007.png" alt="" width="626" height="486" /></p>
<h2>Designing the Interface</h2>
<p>To maintain a minimalistic exterior and interface the product will run only four controls. On/off, volume, track selection, and shuffle. Turning down the volume all the way will result in the song being put on pause. The symbols for each of these controls were designed to match a recognizable style in accordance to the existing universal symbols. Also, the symbols match a rotational motion, as coherent to the rotation of the glass knob.<br />
<img class="alignnone size-full wp-image-873" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/ferrofluid_008.png" alt="" width="626" height="468" /></p>
<h2>The Light Interface</h2>
<p>After many design iterations, the four final versions of these symbols were laser-cut in various sizes and used as the pattern layout behind the plastic encasing of the product.<br />
<img class="alignnone size-full wp-image-874" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/ferrofluid_009.png" alt="" width="626" height="820" /><br />
The laser-cut panels were backed by series of LED&#8217;s in a similar pattern. This created an interface invisible behind the outer shell when not in use. When the product is activated this interface will appear on the sides of the cube.<br />
<img class="alignnone size-full wp-image-876" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/ferrofluid_010.png" alt="" width="626" height="470" /><br />
The interface works as follows: When the product is switched off, it can easily be switched on by rotating the knob clockwise. The four sides light up their respective symbols. Each of these symbols is made touch-sensitive by means of a induction field created by a sensor connected to a long wire. This wire runs behind the symbol and is invisible from the outside.<br />
<img class="alignnone size-full wp-image-878" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/ferrofluid_012.png" alt="" width="626" height="456" /></p>
<h2>Materials</h2>
<p>The next step focussed on a proper material for the final prototype. A selection was made of various white and clear plastics. The white would create the best possible contrast to the black ferrofluid. The clear plastic will create a good flow with the glass knob.<br />
<img class="alignnone size-full wp-image-877" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/ferrofluid_011.png" alt="" width="626" height="498" /></p>
<h2>The Glass Knob</h2>
<p>In order to house the ferrofluid a complicated glass encasing had to be conjured. The problem with ferrofluid is its ability to oxidize on almost any surface. Various technical drawings were made to overcome the problem of ferrofluid coming in contact with the glass knob.<br />
<img class="alignnone size-full wp-image-879" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/ferrofluid_013.png" alt="" width="626" height="529" /></p>
<h2>Developing the Coating</h2>
<p>However, during this process contact was kept with the <a href="http://w3.chem.tue.nl/en/" target="_blank">Department of Chemistry at the University of Technology, Eindhoven</a>. There an expert in coatings was found. Together with his expertise a custom coating was developed. This resulted in the option to use a glass knob which could come in contact with the ferrofluid. An example of this can be seen below: the container with the coating is on the left, and the one without on the right. The photo was taken right after both glass bottles were shaken.<br />
<img class="alignnone size-full wp-image-880" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/ferrofluid_014.png" alt="" width="626" height="588" /><br />
With the skills from the Glass Lab at the University, a custom glass knob was constructed. After coating the interior and filling it with ferrofluid, the knob was sealed with a special plasma glue.<br />
<img class="alignnone size-full wp-image-881" src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/ferrofluid_015.png" alt="" width="626" height="667" /><br />
<img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>Stats</h1>
<p><strong>completed in:</strong> January, 2008<br />
<strong>time spent on project:</strong> 8 weeks of pure fascination<br />
<strong>stakeholder:</strong> <a href="http://w3.id.tue.nl/en/" target="_blank">Department of Industrial Design</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.janvanderasdonk.com/2008/ferrofluid/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Miko</title>
		<link>http://www.janvanderasdonk.com/2004/miko/</link>
		<comments>http://www.janvanderasdonk.com/2004/miko/#comments</comments>
		<pubDate>Mon, 14 Jun 2004 22:52:56 +0000</pubDate>
		<dc:creator>Jan</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Product Design]]></category>

		<guid isPermaLink="false">http://www.janvanderasdonk.com/?p=891</guid>
		<description><![CDATA[An interactive cuddly toy with realistic heartbeat]]></description>
			<content:encoded><![CDATA[<h1>Cute and Cuddly</h1>
<p>A first year bachelor project for the Department of Industrial Design at the Faculty of Technology Eindhoven.</p>
<p>This project focussed on designing a new twist to a cuddly toy for girls between the age of 8 and 12. The toy&#8217;s goal was to create an emotional bond with the target group by using interactive technologies.</p>
<h1>The Product</h1>
<p><img src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/miko_005.png" width="626" height="942" class="alignnone size-full wp-image-941" /></p>
<p>The final version of the cuddly toy incorporated a iconic shape and size; a ball-shaped body with a small tail. Besides 2 large eyes, the cuddly toy sports a very soft fur which is unable to resist touching. The prototype has the integrated hard drive needle and exterior amplifier and audio connection.</p>
<p><img src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/miko_006.png" width="626" height="416" class="alignnone size-full wp-image-942" /></p>
<p>The intended use of Miko is situated around the many sensors under the skin. The beat of the heart is based on the way the product is held, moved and angled. This communicates the coherent emotion towards the user. Furthermore, when at ease, Miko can act as a relaxation product. Mimicking the same feeling of lying on a parents chest, the slow heartbeat will aid in the child&#8217;s tranquility and maybe even sleepiness.</p>
<p><img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>The Process</h1>
<h2>Beat of the Heart</h2>
<p>The first step in creating this connection dealt with finding an emotion to display. Instead of working with the most common display of emotions, the face, our group decided to center on the heart. More specifically, the heartbeat. Our concept used to beat of the heart to display the cuddly toy&#8217;s emotions. When aroused, the heart beat would rise in frequency. When relaxed, the heart beat would slow down.</p>
<p><img src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/miko_003.png" width="626" height="484" class="alignnone size-full wp-image-939" /></p>
<p>Instead of merely using audio equipment to present the heart beat, a more creative approach was used. The needle of a hard drive was adapted to vibrate in accordance with the audio file of a heart beat.</p>
<p><img src="http://www.janvanderasdonk.com/wp-content/uploads/2009/10/miko_004.png" width="626" height="455" class="alignnone size-full wp-image-940" /></p>
<p>Encapsulated in rubber, this resulted in many tiny vibrations which created the necessary sound, and also the larger movements that produced a motion of the chest. A first prototype of this technique was utilized in a pillow to test its effects on the target group. This proved to be a succesful step, and a final prototype was constructed.</p>
<p><img src="http://www.janvanderasdonk.com/wp-content/themes/viewport/images/line_626.png" alt="" /></p>
<h1>The Project Team</h1>
<p>Miko is a collaboration of: <a href="http://www.guusbaggermans.nl/" target="_blank">Guus Baggermans</a>, <a href="http://www.brambraam.com/" target="_blank">Bram Braam</a>, Gilles van Wanrooij and Jan van der Asdonk.</p>
<p></br></p>
<h1>Stats</h1>
<p><strong>completed in:</strong> June, 2004<br />
<strong>time spent on project:</strong> 6 cuddly weeks<br />
<strong>stakeholders:</strong> Rolf Pixley of Anomalous Research Amsterdam and <a href="http://w3.id.tue.nl/en/">Department of Industrial Design</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.janvanderasdonk.com/2004/miko/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

