<?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>Michael Clark &#187; Digital/Web</title>
	<atom:link href="http://www.michaelclark.co.za/category/digital/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.michaelclark.co.za</link>
	<description>Online Portfolio of</description>
	<lastBuildDate>Thu, 26 Aug 2010 14:49:57 +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>Reel &#8217;09</title>
		<link>http://www.michaelclark.co.za/2009/reel-09/</link>
		<comments>http://www.michaelclark.co.za/2009/reel-09/#comments</comments>
		<pubDate>Sat, 14 Mar 2009 20:49:54 +0000</pubDate>
		<dc:creator>Mic</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Digital/Web]]></category>
		<category><![CDATA[Illustration]]></category>
		<category><![CDATA[Motion/Animation]]></category>

		<guid isPermaLink="false">http://www.michaelclark.co.za/?p=327</guid>
		<description><![CDATA[My reel for 2009...]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="509" height="367" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=3635322&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=FFFFFF&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="509" height="367" src="http://vimeo.com/moogaloop.swf?clip_id=3635322&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=FFFFFF&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<div class="alignright">
<div id="post_links_box">
<div class="post_links_rule"></div>
<div class="post_links">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><img src="images/layout/icon_TV_white.png" alt="" width="29" height="26" /></td>
<td><a class="post_link" href="http://www.michaelclark.co.za/video/09/MichaelClark_Reel09_786x576_H264.mp4" target="_blank">Hi-res Quicktime</a></td>
</tr>
<tr>
<td><img src="images/layout/icon_arrow_curly.png" alt="" width="29" height="26" /></td>
<td><a class="post_link" href="http://www.youtube.com/watch?v=qZR_ytelLy8" target="_blank">YouTube</a></td>
</tr>
</tbody>
</table>
</div>
<div class="post_links_rule"></div>
</div>
</div>
<p>My reel for 2009.</p>
<p><span id="more-327"></span></p>
<p>This reel has work from the last couple years, spanning my time as a broadcast designer in Johannesburg, a digital designer in London and several freelance/personal projects.</p>
<p>Many thanks to <a title="Jeff Metal Music" href="http://www.jeffmetal.com" target="_blank">Jeff Metal</a> for the music.<a title="Jeff Metal Music" href="http://www.jeffmetal.com" target="_blank"></a></p>
<p>Enjoy!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelclark.co.za/2009/reel-09/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
<enclosure url="http://www.michaelclark.co.za/video/09/MichaelClark_Reel09_786x576_H264.mp4" length="27523363" type="audio/mp4" />
		</item>
		<item>
		<title>Think Again Banners</title>
		<link>http://www.michaelclark.co.za/2009/think-again-banners/</link>
		<comments>http://www.michaelclark.co.za/2009/think-again-banners/#comments</comments>
		<pubDate>Thu, 05 Mar 2009 11:14:40 +0000</pubDate>
		<dc:creator>Mic</dc:creator>
				<category><![CDATA[Digital/Web]]></category>
		<category><![CDATA[Illustration]]></category>

		<guid isPermaLink="false">http://www.michaelclark.co.za/?p=270</guid>
		<description><![CDATA[Illustrations produced for the Think Again project while at Holst Digital in London.]]></description>
			<content:encoded><![CDATA[<p>These are illustrations that I produced while working on the <a title="Think Again Fund" href="http://www.michaelclark.co.za/?p=266" target="_self">Think Again</a> project at <a title="Holst Digital" href="http://www.holstdigital.com" target="_blank">Holst Digital</a> in London.</p>
<p><span id="more-270"></span></p>
<p>The Think Again Fund (read more <a title="Think Again Fund" href="http://www.michaelclark.co.za/?p=266" target="_blank">here</a> &amp; <a title="Think Again Fund" href="http://thinkagainfund.co.uk/index.php?option=com_content&#038;view=section&#038;id=8&#038;Itemid=30" target="_blank">here</a>) offered some good material to work with. Beginning with the idea of dreams, I came up with these illustrations that are quite friendly and cheerful and support the spirit of the campaign well.</p>
<p><img title="Think Again illustrations" src="http://www.michaelclark.co.za/images/content/09/holst/thinkagainbanners_01.jpg" alt="Think Again illustrations" width="510" height="300" /></p>
<p>These illustrations were used for the Think Again banner campaign in early 2009. Below is artwork from the development of these banners.</p>
<p><img title="Think Again banners" src="http://www.michaelclark.co.za/images/content/09/holst/thinkagainbanners_02.jpg" alt="Think Again banners" width="510" height="340" /></p>
<p>And this is the final banner (Note: I did not do the final production):</p>
<p><script type="text/javascript"><!--
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','160','height','600','title','Think Again Banners','src','flash/stannah/160x600_ThinkAgain','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/stannah/160x600_ThinkAgain' ); //end AC code
// --></script><noscript>&amp;amp;lt;span class=&#8221;mceItemObject&#8221;  classid=&#8221;clsid:D27CDB6E-AE6D-11cf-96B8-444553540000&#8243; codebase=&#8221;http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0&#8243; width=&#8221;160&#8243; height=&#8221;600&#8243; title=&#8221;Think Again Banners&#8221;&amp;amp;gt;&amp;amp;lt;/p&amp;amp;gt; &amp;amp;lt;span  name=&#8221;movie&#8221; value=&#8221;flash/stannah/160x600_ThinkAgain.swf&#8221; class=&#8221;mceItemParam&#8221;&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt; &amp;amp;lt;span  name=&#8221;quality&#8221; value=&#8221;high&#8221; class=&#8221;mceItemParam&#8221;&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt;   &amp;amp;lt;span class=&#8221;mceItemEmbed&#8221;  src=&#8221;flash/stannah/160x600_ThinkAgain.swf&#8221; mce_src=&#8221;flash/stannah/160x600_ThinkAgain.swf&#8221; quality=&#8221;high&#8221; pluginspage=&#8221;http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&#8221; type=&#8221;application/x-shockwave-flash&#8221; width=&#8221;160&#8243; height=&#8221;600&#8243;&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;amp;lt;br /&amp;amp;gt; &amp;amp;lt;/span&amp;amp;gt;</noscript></p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelclark.co.za/2009/think-again-banners/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Think Again Microsite</title>
		<link>http://www.michaelclark.co.za/2009/think-again-microsite/</link>
		<comments>http://www.michaelclark.co.za/2009/think-again-microsite/#comments</comments>
		<pubDate>Thu, 05 Mar 2009 10:53:59 +0000</pubDate>
		<dc:creator>Mic</dc:creator>
				<category><![CDATA[Digital/Web]]></category>

		<guid isPermaLink="false">http://www.michaelclark.co.za/?p=266</guid>
		<description><![CDATA[I worked on this microsite for Think Again, a fund/competition run by Stannah Stairlifts.]]></description>
			<content:encoded><![CDATA[<div class="alignright">
<div id="post_links_box">
<div class="post_links_rule">&nbsp;</div>
<div class="post_links">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
            <img src="images/layout/icon_arrow_curly.png" width="29" height="26" /></td>
<td><a class="post_link" href="http://thinkagainfund.co.uk/" target="_blank">Visit site</a>
            </td>
</tr>
</table></div>
<div class="post_links_rule">&nbsp;</div>
</p></div>
</div>
<p>I worked on this microsite for <a title="Think Again Fund" href="http://thinkagainfund.co.uk/" target="_blank">Think Again</a>, a fund/competition run by Stannah Stairlifts, while at <a href="http://www.holstdigital.com">Holst Digital</a> in London.</p>
<p><span id="more-266"></span></p>
<p>This actually turned out to be a really nice project to work on. The <a title="Think Again Fund" href="http://thinkagainfund.co.uk/" target="_blank">Think Again Fund</a> runs a competition for over-50&#8242;s where someone is chosen each month to live out a dream that they have never managed to accomplish &#8211; usually ballooning or skydiving or something. We won the pitch to create the microsite and it just went live now in March.</p>
<p><img title="Think Again Microsite" src="http://www.michaelclark.co.za/images/content/09/holst/thinkagain_02.jpg" alt="Think Again Microsite" width="510" height="333" /></p>
<p>It was challenging in that we had to make it accesible and appealing to a very wide audience, from grandmas to grandkids, while still keeping it easy to run and update.</p>
<p>I was involved in the original concepting and strategising process and then designed the layouts under the direction of the creative director, Mads Holst.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelclark.co.za/2009/think-again-microsite/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Giovanni Rana Site</title>
		<link>http://www.michaelclark.co.za/2009/giovanni-rana-site/</link>
		<comments>http://www.michaelclark.co.za/2009/giovanni-rana-site/#comments</comments>
		<pubDate>Wed, 25 Feb 2009 15:04:21 +0000</pubDate>
		<dc:creator>Mic</dc:creator>
				<category><![CDATA[Digital/Web]]></category>

		<guid isPermaLink="false">http://www.michaelclark.co.za/?p=240</guid>
		<description><![CDATA[I designed the layout of the HTML version of Giovanni Rana's .co.uk site.]]></description>
			<content:encoded><![CDATA[<p>I designed the layout of the HTML version of Giovanni Rana&#8217;s <a title="Giovanni Rana" href="http://giovannirana.co.uk/home/" target="_blank">.co.uk</a> site. It was a small job, a straightforward layout exercise, with a pleasing, practical end result.</p>
<p><span id="more-240"></span></p>
<p>This project basically involved translating the design of the original Flash site into an SEO-friendly HTML version. I designed the layouts and then prepared them to be sent on to the developer.</p>
<p><img title="Giovanni Rana Home page" src="http://www.michaelclark.co.za/images/content/08/RanaHTML_01.jpg" alt="Giovanni Rana Home Page" width="510" height="790" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelclark.co.za/2009/giovanni-rana-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Timberland &#8211; Unexpected Obstacles</title>
		<link>http://www.michaelclark.co.za/2008/timberland-unexpected-obstacles/</link>
		<comments>http://www.michaelclark.co.za/2008/timberland-unexpected-obstacles/#comments</comments>
		<pubDate>Tue, 23 Dec 2008 12:30:20 +0000</pubDate>
		<dc:creator>Mic</dc:creator>
				<category><![CDATA[Digital/Web]]></category>

		<guid isPermaLink="false">http://www.michaelclark.co.za/blog/?p=122</guid>
		<description><![CDATA[Unexpected Obstacles is a platform game created by Holst Digital for Timberland as part of their 2008 online campaign.]]></description>
			<content:encoded><![CDATA[<div class="alignright">
<div id="post_links_box">
<div class="post_links">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><img src="images/layout/icon_arrow_curly.png" alt="" width="29" height="26" /></td>
<td><a class="post_link" href="http://www.timberland.com/unexpectedobstacles" target="_blank">Play the game</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p><a title="Timberland - Unexpected Obstacles" href="http://www.timberland.com/unexpectedobstacles" target="_blank">Unexpected Obstacles</a> is a platform game created by Holst Digital for Timberland as part of their 2008 online campaign.</p>
<p><span id="more-122"></span></p>
<p>In the game you go from forest foothills to snowy mountain peak and have to overcome various obstacles along the way, including logs, flying boulders and killer bees to name but a few&#8230;</p>
<p><img title="Intro sequence" src="http://www.michaelclark.co.za/images/content/08/UO/UO_02.jpg" alt="Intro sequence" width="510" height="230" /></p>
<p><img title="Entering the forest" src="http://www.michaelclark.co.za/images/content/08/UO/UO_03.jpg" alt="Entering the forest" width="510" height="230" /></p>
<p><img title="Timberland boots" src="http://www.michaelclark.co.za/images/content/08/UO/UO_04.jpg" alt="Timberland boots" width="510" height="230" /></p>
<p>It was quite a complex project and with a small team of three working to a very tight deadline, I think it turned out very nicely.</p>
<p>I was responsible for the initial storyboarding and game layout as well as much of the environment design and all the player animations and pieces of video.  I was also heavily involved in directing the green screen shoot.</p>
<p><img class="alignnone" src="http://www.michaelclark.co.za/images/content/08/UO/UO_05.jpg" alt="Interface" width="510" height="340" /></p>
<p><img class="alignnone" src="http://www.michaelclark.co.za/images/content/08/UO/UO_06.jpg" alt="Level 1" width="510" height="340" /></p>
<p><img class="alignnone" src="http://www.michaelclark.co.za/images/content/08/UO/UO_07.jpg" alt="Level 2 - Killer eagle" width="510" height="340" /></p>
<p><img class="alignnone" src="http://www.michaelclark.co.za/images/content/08/UO/UO_08.jpg" alt="Level 2 - River Crossing" width="510" height="340" /></p>
<p><img class="alignnone" src="http://www.michaelclark.co.za/images/content/08/UO/UO_09.jpg" alt="Level 2 - Rolling under obstacles" width="510" height="340" /></p>
<p><img class="alignnone" src="http://www.michaelclark.co.za/images/content/08/UO/UO_10.jpg" alt="Level 3 - Snowy mountainside" width="510" height="340" /></p>
<p><img class="alignnone" src="http://www.michaelclark.co.za/images/content/08/UO/UO_12.jpg" alt="The mountain top!" width="510" height="340" /></p>
<p>It was loads of fun to create and, being my first foray into online flash games, I learned a heap. I worked alongside Mads Holst, creative director at <a title="Holst Digital" href="http://www.holstdigital.com" target="_blank">Host Digital</a>, and <a title="Richard Guest" href="http://www.richardguest.com/games/unexpected-obstacles/" target="_blank">Richard Guest</a>, the action script specialist.</p>
<p>Don&#8217;t forget to try it out for yourself <a title="Unecpected Obstacles" href="http://www.timberland.com/unexpectedobstacles" target="_blank">here</a>&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelclark.co.za/2008/timberland-unexpected-obstacles/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>iwantareallycooldesignjobinlondon.com</title>
		<link>http://www.michaelclark.co.za/2008/iwantareallycooldesignjobinlondoncom/</link>
		<comments>http://www.michaelclark.co.za/2008/iwantareallycooldesignjobinlondoncom/#comments</comments>
		<pubDate>Fri, 12 Dec 2008 20:42:40 +0000</pubDate>
		<dc:creator>Mic</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Digital/Web]]></category>
		<category><![CDATA[Illustration]]></category>

		<guid isPermaLink="false">http://www.michaelclark.co.za/blog/?p=37</guid>
		<description><![CDATA[Yes, this site did indeed get me a design job in London!]]></description>
			<content:encoded><![CDATA[<div class="alignright">
<div id="post_links_box">
<div class="post_links">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><img src="images/layout/icon_arrow_curly.png" alt="" width="29" height="26" /></td>
<td><a class="post_link" href="http://www.michaelclark.co.za/iwant/" target="_blank">View site</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p>Yes, this site did indeed get me a design job in London! It is no longer live but you can see it <a href="http://www.michaelclark.co.za/iwant/" target="_blank">here</a> …</p>
<p><span id="more-37"></span></p>
<p>This site was born out of desperation! I was stuck in London with no job and an empty inbox no matter how hard I tried. So I made this site&#8230;</p>
<p><img class="alignnone" src="http://www.michaelclark.co.za/images/content/08/iwant_2.jpg" alt="iwant... - detail" width="510" height="200" /></p>
<p>The inspiration for the site came from noticing how generic most design is, especially online. So I did a little research and compiled a list of &#8216;design cliches&#8217; &#8211; then copied them!</p>
<p><img class="alignnone" src="http://www.michaelclark.co.za/images/content/08/iwant_mailer.jpg" alt="iwant... - mailer" width="510" height="275" /></p>
<p>I then sent out very simple mailers (a business card with the cryptic URL)&#8230;and&#8230;voilà! I got a job!!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelclark.co.za/2008/iwantareallycooldesignjobinlondoncom/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>StudioZoo &#8216;Creature Workshop&#8217;</title>
		<link>http://www.michaelclark.co.za/2008/studiozoo-creature-workshop/</link>
		<comments>http://www.michaelclark.co.za/2008/studiozoo-creature-workshop/#comments</comments>
		<pubDate>Wed, 20 Feb 2008 23:05:09 +0000</pubDate>
		<dc:creator>Mic</dc:creator>
				<category><![CDATA[Digital/Web]]></category>

		<guid isPermaLink="false">http://www.michaelclark.co.za/?p=189</guid>
		<description><![CDATA[A little Flash fun for an internal project at StudioZoo...]]></description>
			<content:encoded><![CDATA[<div class="alignright">
<div id="post_links_box">
<div class="post_links">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><img src="http://www.michaelclark.co.za/images/layout/icon_arrow_curly.png" alt="" width="29" height="26" /></td>
<td><a class="post_link" href="http://www.michaelclark.co.za/zoo/" target="_blank">Creature Workshop</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p>This was a really fun internal project completed while working at StudioZoo in Johannesburg.<span id="more-189"></span></p>
<p><a href="http://www.michaelclark.co.za/zoo/" target="_blank"><img title="StudioZoo Illustration" src="http://www.michaelclark.co.za/images/content/08/zoo_workshop_2.jpg" alt="StudioZoo Creature Workshop" width="510" height="382" /></a></p>
<p>It was more of an morale-boosting exercise than a polished, finished product &#8211; an excuse to brush up on some AS.</p>
<p>We had everyone in the office create their own creatures, then printed them out &amp; had a little competition.</p>
<p><img title="StudioZoo Illustration" src="http://www.michaelclark.co.za/images/content/08/zoo_workshop_3.jpg" alt="Creatures" width="510" height="340" /></p>
<p><a href="http://www.michaelclark.co.za/zoo/" target="_blank">Try it out</a>&#8230;it&#8217;s actually quite fun!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelclark.co.za/2008/studiozoo-creature-workshop/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Nitty Gritty</title>
		<link>http://www.michaelclark.co.za/2008/nitty-gritty/</link>
		<comments>http://www.michaelclark.co.za/2008/nitty-gritty/#comments</comments>
		<pubDate>Mon, 18 Feb 2008 12:31:39 +0000</pubDate>
		<dc:creator>Mic</dc:creator>
				<category><![CDATA[Digital/Web]]></category>

		<guid isPermaLink="false">http://www.michaelclark.co.za/blog/?p=72</guid>
		<description><![CDATA[This is a Flash project hauled out from my university days...]]></description>
			<content:encoded><![CDATA[<div class="alignright">
<div id="post_links_box">
<div class="post_links_rule"></div>
<div class="post_links">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><img src="images/layout/icon_arrow_curly.png" alt="" width="29" height="26" /></td>
<td><a class="post_link" href="http://www.michaelclark.co.za/v1/nitty_holder.html" target="_blank">Open site</a></td>
</tr>
</tbody>
</table>
</div>
<div class="post_links_rule"></div>
</div>
</div>
<p>This is a Flash project hauled out from my university days&#8230;but I quite like it so I couldn&#8217;t resist.</p>
<p><span id="more-72"></span></p>
<p>It was a big group project where we had to create a site to showcase the Design Department. My role in the project was overall <strong>co-ordinator</strong> as well as <strong>interface designer</strong>.</p>
<p>I was really pleased with the way the cube handles &#8211; once you have that you have seen the best part&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelclark.co.za/2008/nitty-gritty/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

