<?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>Mark Coleran Visual Designer &#187; Interface Design</title>
	<atom:link href="http://blog.coleran.com/category/portfolio/interfacedesign/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.coleran.com</link>
	<description>Interface &#38; Visual Design</description>
	<lastBuildDate>Tue, 27 Apr 2010 21:30:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=7282</generator>
		<item>
		<title>FTP Drop Widget</title>
		<link>http://blog.coleran.com/ftp-drop-widget</link>
		<comments>http://blog.coleran.com/ftp-drop-widget#comments</comments>
		<pubDate>Sun, 07 Jun 2009 07:08:30 +0000</pubDate>
		<dc:creator>Coleran</dc:creator>
				<category><![CDATA[Interface Design]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://blog.coleran.com/?p=1311</guid>
		<description><![CDATA[Client: Private Project: FTP Konfabulator Widget Role: Concept &#038; Visual Design Date: 05.06 Visual design for simple FTP widget running under the old javascript Konfabulator widget application. VISUAL DESIGN Drag &#038; drop with 3 states. Static, over and transferring.]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.coleran.com/ftp-drop-widget"><img src="http://blog.coleran.com/wp-content/uploads/2009/06/ftpd-thumb-444.png" alt="" title="ftpd-thumb-444" width="444" height="171" class="alignnone size-full wp-image-1453" /></a><br />
<br />
Client: <strong>Private</strong><br />
Project: <strong>FTP Konfabulator Widget</strong><br />
Role: <strong>Concept <span class="amp">&#038;</span> Visual Design</strong><br />
Date: <strong>05.06</strong></p>
<p></p>
<p>Visual design for simple FTP widget running under the old javascript Konfabulator widget application. </p>
<p> <span id="more-1311"></span></p>
<p><!--1 Homepage--></p>
<p><!--spacer--><img src="http://blog.coleran.com/wp-content/uploads/2009/06/block-24.png" alt="" title="block-24" width="24" height="24" class="alignnone size-full wp-image-1398" /></p>
<div class="full-image"><strong>VISUAL DESIGN</strong></div>
<p></p>
<div class="full-image"><img src="/wp-content/uploads/2009/06/ftp-widget-596x200.png" alt="ftp widget" /></div>
<p></p>
<p>Drag &#038; drop with 3 states. Static, over and transferring.</P></p>
<p><!--spacer--><img src="http://blog.coleran.com/wp-content/uploads/2009/06/block-24.png" alt="" title="block-24" width="24" height="24" class="alignnone size-full wp-image-1398" /></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.coleran.com/ftp-drop-widget/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iFilter</title>
		<link>http://blog.coleran.com/ifilter</link>
		<comments>http://blog.coleran.com/ifilter#comments</comments>
		<pubDate>Sun, 07 Jun 2009 06:44:22 +0000</pubDate>
		<dc:creator>Coleran</dc:creator>
				<category><![CDATA[Interface Design]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://blog.coleran.com/?p=1309</guid>
		<description><![CDATA[Client: Digital Film Tools Project: iFilter: Photo Filter Application Role: Concept &#038; Visual Design Date: 01.2007 Consumer application for a photo filter set that was originally marketed towards professionals. The aim was to create a simple and logical layout and flow that people could use with little or no instruction. ORIGINAL IMPLEMENTATION CONCEPT DESIGN]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.coleran.com/ifilter"><img src="http://blog.coleran.com/wp-content/uploads/2009/06/ifil-thumb-444.png" alt="" title="ifil-thumb-444" width="444" height="171" class="alignnone size-full wp-image-1460" /></a></p>
<p>Client: <strong>Digital Film Tools</strong><br />
Project: <strong>iFilter: Photo Filter Application</strong><br />
Role: <strong>Concept <span class="amp">&#038;</span> Visual Design</strong><br />
Date: <strong>01.2007</strong></p>
<p></p>
<p>Consumer application for a photo filter set that was originally marketed towards professionals. The aim was to create a simple and logical layout and flow that people could use with little or no instruction.</p>
<p><span id="more-1309"></span></p>
<p><!--Original--><br />
<!--spacer--><img src="http://blog.coleran.com/wp-content/uploads/2009/06/block-24.png" alt="" title="block-24" width="24" height="24" class="alignnone size-full wp-image-1398" /></p>
<div class="full-image"><strong>ORIGINAL IMPLEMENTATION</strong></div>
<p></p>
<div class="full-image"><img src="/wp-content/uploads/2009/06/ifilter-original-596x477.png" alt="Layerlab 1" /></div>
<p></p>
<p></P></p>
<p><!--spacer--><img src="http://blog.coleran.com/wp-content/uploads/2009/06/block-24.png" alt="" title="block-24" width="24" height="24" class="alignnone size-full wp-image-1398" /></p>
<p><!--2 Product type--></p>
<div class="full-image"><strong>CONCEPT DESIGN</strong></div>
<p></p>
<div class="full-image"><img src="/wp-content/uploads/2009/06/ifilter-concept-596x477.png" alt="Layerlab" /></div>
<p></p>
<p><!--spacer--><img src="http://blog.coleran.com/wp-content/uploads/2009/06/block-24.png" alt="" title="block-24" width="24" height="24" class="alignnone size-full wp-image-1398" /></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.coleran.com/ifilter/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Coleran.com</title>
		<link>http://blog.coleran.com/colerancom</link>
		<comments>http://blog.coleran.com/colerancom#comments</comments>
		<pubDate>Sun, 07 Jun 2009 05:58:07 +0000</pubDate>
		<dc:creator>Coleran</dc:creator>
				<category><![CDATA[Interface Design]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://blog.coleran.com/?p=1306</guid>
		<description><![CDATA[Client: Personal Product: Personal Website Role: Concept &#38; Visual Design Date: 06.2001 Personal website for self promotion. HOMEPAGE PROJECT TYPE PROJECT LISTING PROJECT DESCRIPTION]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.coleran.com/colerancom"><img src="http://blog.coleran.com/wp-content/uploads/2009/06/col-thumb-444.png" alt="" title="col-thumb-444" width="444" height="171" class="alignnone size-full wp-image-1465" /></a></p>
<p>Client: <strong>Personal</strong><br />
Product: <strong>Personal Website</strong><br />
Role: <strong>Concept <span class="amp">&amp;</span> Visual Design</strong><br />
Date: <strong>06.2001</strong></p>
<p></p>
<p>Personal website for self promotion.</p>
<p><span id="more-1306"></span></p>
<p><!--1 Homepage--></p>
<p><!--spacer--><img src="http://blog.coleran.com/wp-content/uploads/2009/06/block-24.png" alt="" title="block-24" width="24" height="24" class="alignnone size-full wp-image-1398" /></p>
<div class="full-image"><strong>HOMEPAGE</strong></div>
<p></p>
<div class="full-image"><img src="/wp-content/uploads/2009/06/coleran-site-4-596.png" alt="Layerlab 1" /></div>
<p></p>
<p></P></p>
<p><!--spacer--><img src="http://blog.coleran.com/wp-content/uploads/2009/06/block-24.png" alt="" title="block-24" width="24" height="24" class="alignnone size-full wp-image-1398" /></p>
<p><!--2 Product type--></p>
<div class="full-image"><strong>PROJECT TYPE</strong></div>
<p></p>
<div class="full-image"><img src="/wp-content/uploads/2009/06/coleran-site-3-596.png" alt="Layerlab" /></div>
<p></p>
<p><!--spacer--><img src="http://blog.coleran.com/wp-content/uploads/2009/06/block-24.png" alt="" title="block-24" width="24" height="24" class="alignnone size-full wp-image-1398" /></p>
<p><!--Product List--></p>
<div class="full-image"><strong>PROJECT LISTING</strong></div>
<p></p>
<div class="full-image"><img src="/wp-content/uploads/2009/06/coleran-site-2-596.png" alt="Layerlab" /></div>
<p></p>
<p><!--spacer--><br />
<src="http://blog.coleran.com/wp-content/uploads/2009/06/block-24.png" alt="" title="block-24" width="24" height="24" class="alignnone size-full wp-image-1398" /></p>
<p><!--PRODUCT DESCRIPTION--></p>
<div class="full-image"><strong>PROJECT DESCRIPTION</strong></div>
<p></p>
<div class="full-image"><img src="/wp-content/uploads/2009/06/coleran-site-1-596.png" alt="Layerlab" /></div>
<p></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.coleran.com/colerancom/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Layerlab</title>
		<link>http://blog.coleran.com/layerlab</link>
		<comments>http://blog.coleran.com/layerlab#comments</comments>
		<pubDate>Sun, 07 Jun 2009 04:20:15 +0000</pubDate>
		<dc:creator>Coleran</dc:creator>
				<category><![CDATA[Interface Design]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://blog.coleran.com/?p=1313</guid>
		<description><![CDATA[Client: Layerlab Project: Layerlab Website Role: Concept &#38; Visual Design Date: 09.2004 Stock resource site specializing in the production and sale of resources for motion graphics artists. HOMEPAGE The homepage featured three panels as well as account controls and instant access to basket and the site resources. The three panels served separate functions. The right [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.coleran.com/layerlab"><img src="http://blog.coleran.com/wp-content/uploads/2009/06/llab-thumb-444.png" alt="" title="llab-thumb-444" width="444" height="171" class="alignnone size-full wp-image-1468" /></a></p>
<p>Client: <strong>Layerlab</strong><br />
Project: <strong>Layerlab Website</strong><br />
Role: <strong>Concept <span class="amp">&amp;</span> Visual Design</strong><br />
Date: <strong>09.2004</strong><br />
</p>
<p>Stock resource site specializing in the production and sale of resources for motion graphics artists. </p>
<p><span id="more-1313"></span></p>
<p><!--1 Homepage--></p>
<p><!--spacer--><br />
<src="http://blog.coleran.com/wp-content/uploads/2009/06/block-24.png" alt="" title="block-24" width="24" height="24" class="alignnone size-full wp-image-1398" /></p>
<div class="full-image"><strong>HOMEPAGE</strong></div>
<p></p>
<div class="full-image"><img src="/wp-content/uploads/2009/06/layerlab-site-01-5961.png" alt="Layerlab 1" /></div>
<p></p>
<p>The homepage featured three panels as well as account controls and instant access to basket and the site resources. The three panels served separate functions. The right panel was a news and introduction panel. The left panel featured the 5 most recently added resources and the centre a focus, that cycled through the recently added resources, showing each in more detail.</P></p>
<p><!--spacer--><br />
<src="http://blog.coleran.com/wp-content/uploads/2009/06/block-24.png" alt="" title="block-24" width="24" height="24" class="alignnone size-full wp-image-1398" /></p>
<p><!--2 Product type--></p>
<div class="full-image"><strong>PROJECT TYPE</strong></div>
<p></p>
<div class="full-image"><img src="/wp-content/uploads/2009/06/layerlab-site-02-5961.png" alt="Layerlab" /></div>
<p></p>
<p>Once a product type was selected, the user gets a product subcategory listing with a more refined level of detail and descriptions.</p>
<p><!--spacer--><br />
<src="http://blog.coleran.com/wp-content/uploads/2009/06/block-24.png" alt="" title="block-24" width="24" height="24" class="alignnone size-full wp-image-1398" /></p>
<p><!--Product List--></p>
<div class="full-image"><strong>PROJECT LISTING</strong></div>
<p></p>
<div class="full-image"><img src="/wp-content/uploads/2009/06/layerlab-site-03-5961.png" alt="Layerlab" /></div>
<p></p>
<p>The product listings for each subcategory contain small previews allowing a user to visually ascertain the nature of each.</p>
<p><!--spacer--><br />
<src="http://blog.coleran.com/wp-content/uploads/2009/06/block-24.png" alt="" title="block-24" width="24" height="24" class="alignnone size-full wp-image-1398" /></p>
<p><!--PRODUCT DESCRIPTION--></p>
<div class="full-image"><strong>PROJECT DESCRIPTION</strong></div>
<p></p>
<div class="full-image"><img src="/wp-content/uploads/2009/06/layerlab-site-04-5961.png" alt="Layerlab" /></div>
<p></p>
<p>The individual product pages contain detailed breakdowns of each product along with stills and movies.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.coleran.com/layerlab/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>55mm Icons</title>
		<link>http://blog.coleran.com/55mm-icons</link>
		<comments>http://blog.coleran.com/55mm-icons#comments</comments>
		<pubDate>Sat, 06 Jun 2009 19:10:13 +0000</pubDate>
		<dc:creator>Coleran</dc:creator>
				<category><![CDATA[Interface Design]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://blog.coleran.com/?p=1292</guid>
		<description><![CDATA[Client: Digital Film Tools Project: 55mm Filter Effects Role: Concept &#38; Visual Design Date: 09.04 created set]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.coleran.com/55mm-icons"><br />
<img src="http://blog.coleran.com/wp-content/uploads/2009/06/55mm-thumb-444.png" alt="" title="55mm-thumb-444" width="444" height="171" class="alignnone size-full wp-image-1470" /></a></p>
<p>Client: <strong>Digital Film Tools</strong><br />
Project: <strong>55mm Filter Effects</strong><br />
Role: <strong>Concept <span class="amp">&amp;</span> Visual Design</strong><br />
Date: <strong>09.04</strong></p>
<p><span id="more-1292"></span><br />
<span class="low">created set</span></p>
<p><img class="alignnone size-full wp-image-1294" title="55mm-interface-icons_v4" alt="" /><img class="alignnone size-full wp-image-1298" title="55mm-interface-icons_v41" src="http://blog.coleran.com/wp-content/uploads/2009/06/55mm-interface-icons_v41.png" alt="" width="361" height="806" /> </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.coleran.com/55mm-icons/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Silhouette FX</title>
		<link>http://blog.coleran.com/silhouette-fx</link>
		<comments>http://blog.coleran.com/silhouette-fx#comments</comments>
		<pubDate>Sat, 06 Jun 2009 17:01:42 +0000</pubDate>
		<dc:creator>Coleran</dc:creator>
				<category><![CDATA[Interface Design]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://blog.coleran.com/?p=1317</guid>
		<description><![CDATA[Client: Silhouette Inc Project: Silhouette FX Roto &#038; Paint Role: Concept &#038; Visual Design Date: 04.2006 Professional rotoscoping &#038; paint application. Visual design for version 1. ORIGINAL IMPLEMENTATION CONCEPT DESIGN ICON SHEET &#8211; PARTIAL]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.coleran.com/http://blog.coleran.com/silhouette"><img src="http://blog.coleran.com/wp-content/uploads/2009/06/sil-thumb-444.png" alt="" title="sil-thumb-444" width="444" height="171" class="alignnone size-full wp-image-1481" /></a></p>
<p>Client: <strong>Silhouette Inc</strong><br />
Project: <strong><a href="http://www.silhouettefx.com/silhouette" target="silhouette" />Silhouette FX Roto &#038; Paint</a></strong><br />
Role: <strong>Concept <span class="amp">&#038;</span> Visual Design</strong><br />
Date: <strong>04.2006</strong></p>
<p></p>
<p>Professional rotoscoping &#038; paint application. Visual design for version 1.</p>
<p><span id="more-1317"></span></p>
<p><!--Original--><br />
<!--spacer--><img src="http://blog.coleran.com/wp-content/uploads/2009/06/block-24.png" alt="" title="block-24" width="24" height="24" class="alignnone size-full wp-image-1398" /></p>
<div class="full-image"><strong>ORIGINAL IMPLEMENTATION</strong></div>
<p></p>
<div class="full-image"><img src="/wp-content/uploads/2009/06/sil-orig-596.png" alt="Layerlab 1" /></div>
<p></p>
<p></P></p>
<p><!--spacer--><img src="http://blog.coleran.com/wp-content/uploads/2009/06/block-24.png" alt="" title="block-24" width="24" height="24" class="alignnone size-full wp-image-1398" /></p>
<p><!--2 Product type--></p>
<div class="full-image"><strong>CONCEPT DESIGN</strong></div>
<p></p>
<div class="full-image"><img src="/wp-content/uploads/2009/06/sil-concept-596.png" alt="Layerlab" /></div>
<p></p>
<p><!--spacer--><img src="http://blog.coleran.com/wp-content/uploads/2009/06/block-24.png" alt="" title="block-24" width="24" height="24" class="alignnone size-full wp-image-1398" /></p>
<p><!--2 Product type--></p>
<div class="full-image"><strong>ICON SHEET &#8211; PARTIAL</strong></div>
<p></p>
<div class="full-image"><img src="/wp-content/uploads/2009/06/sil-icons-base-596.png" alt="Layerlab" /></div>
<p></p>
<p><!--spacer--><img src="http://blog.coleran.com/wp-content/uploads/2009/06/block-24.png" alt="" title="block-24" width="24" height="24" class="alignnone size-full wp-image-1398" /></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.coleran.com/silhouette-fx/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic page generated in 0.946 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2010-07-31 04:51:47 -->
