<?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>Warm Forest Flash Blog &#187; Design</title>
	<atom:link href="http://www.warmforestflash.com/blog/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.warmforestflash.com/blog</link>
	<description>A blog about Flash &#38; ActionScript 3 from a designer&#039;s perspective</description>
	<lastBuildDate>Thu, 29 Jul 2010 21:20:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>21 Well-Designed Flash Portfolios</title>
		<link>http://www.warmforestflash.com/blog/2009/02/21-well-designed-flash-portfolios/</link>
		<comments>http://www.warmforestflash.com/blog/2009/02/21-well-designed-flash-portfolios/#comments</comments>
		<pubDate>Tue, 24 Feb 2009 15:39:15 +0000</pubDate>
		<dc:creator>warmforest</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://www.warmforestflash.com/blog/?p=161</guid>
		<description><![CDATA[Even though I make my living designing and developing Flash sites, I have to admit I usually start to cringe whenever I see a Flash loading bar. It&#8217;s not that Flash is a bad technology, it&#8217;s just that unfortunately there tends to be a lot of poorly designed sites out there with a total disregard [...]


Related posts:<ol><li><a href='http://www.warmforestflash.com/blog/2010/07/make-your-flash-site-iphone-friendly/' rel='bookmark' title='Permanent Link: 7 Tips to Make Your Flash Site iPhone and iPad Friendly'>7 Tips to Make Your Flash Site iPhone and iPad Friendly</a></li>
<li><a href='http://www.warmforestflash.com/blog/2010/01/11-myths-about-flash-that-wont-die/' rel='bookmark' title='Permanent Link: 11 Myths About Flash That Won&#8217;t Die'>11 Myths About Flash That Won&#8217;t Die</a></li>
<li><a href='http://www.warmforestflash.com/blog/2009/03/simple-sanity-saving-tip-for-all-timeline-based-flash-projects/' rel='bookmark' title='Permanent Link: Simple Sanity-Saving Tip for All Timeline-Based Flash Projects'>Simple Sanity-Saving Tip for All Timeline-Based Flash Projects</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Even though I make my living designing and developing Flash sites, I have to admit I usually start to cringe whenever I see a Flash loading bar. It&#8217;s not that Flash is a bad technology, it&#8217;s just that unfortunately there tends to be a lot of poorly designed sites out there with a total disregard for the user experience. When done right though, Flash sites can be <em>both</em> beautiful and usable.</p>
<p><span id="more-161"></span></p>
<p>So I scoured through my immense collection of Google Bookmarks and looked at literally hundreds of Flash sites and found my favorites. I&#8217;m only focusing on personal portfolio websites this time &#8211; I&#8217;ll leave design agency portfolio sites for another post.</p>
<p>My two biggest complaints about some of the sites I viewed:</p>
<ul>
<li>Music that starts blaring automatically (I have iTunes on with my own music, thanks)</li>
<li>Sites that takeover my browser window by trying to resize it</li>
</ul>
<p>I am happy to report that the sites I&#8217;ve collected here do neither of the above. So yeah, Flash <em>can</em> suck but in the rights hands it can be an unparalleled user experience which these sites show.</p>
<p><a href="http://www.32round.com/"><img src="http://www.warmforestflash.com/blog/wp-content/uploads/2009/02/32round.jpg" alt="" title="" width="650" height="400" class="alignleft size-full wp-image-162" /></a></p>
<p><strong>Andy Gugel</strong> :: <a href="http://www.32round.com/">www.32round.com</a></p>
<p>
If I had to pick an absolute favorite site from this list, Andy Gugel&#8217;s portfolio would have to be it. There are so many small details that went into it that make viewing the work such a smooth, seamless process. The way the image detail views are setup is the best I&#8217;ve seen. Instead of being cropped to a certain size like on most sites, the images (pretty much all web design comps) are full size so you can view the entire comp. Yeah it&#8217;s not optimized for 800&#215;600 screens, but that&#8217;s not the target audience, so who cares? All around excellent work.
</p>
<p>
__
</p>
<p><a href="http://www.oneover.com/"><img src="http://www.warmforestflash.com/blog/wp-content/uploads/2009/02/oneover.jpg" alt="" title="" width="650" height="400" class="alignleft size-full wp-image-162" /></a></p>
<p><strong>Jon Ruppel</strong> :: <a href="http://www.oneover.com/">www.oneover.com</a></p>
<p>
Normally I&#8217;m not a huge fan of sites that try to get too crazy with the navigation but on Jon Ruppel&#8217;s site it works. The way you can change the way the thumbs are laid out is just flatout badass. You&#8217;d think a 3D ring of rotating thumbs would hinder usability but it doesn&#8217;t. Very awesome site.
</p>
<p>
__
</p>
<p><a href="http://www.nadameconvence.com.ar/"><img src="http://www.warmforestflash.com/blog/wp-content/uploads/2009/02/nadameconvence.jpg" alt="" title="" width="650" height="400" class="alignleft size-full wp-image-162" /></a></p>
<p><strong>Nat Filippini</strong> :: <a href="http://www.nadameconvence.com.ar/">www.nadameconvence.com.ar</a></p>
<p>
This is a fairly simple site but what it does it does very well. The focus is on the actual portfolio work like it should be.
</p>
<p>
__
</p>
<p><a href="http://www.formatura.org/"><img src="http://www.warmforestflash.com/blog/wp-content/uploads/2009/02/formatura.jpg" alt="" title="" width="650" height="400" class="alignleft size-full wp-image-162" /></a></p>
<p><strong>Jonatan Hedberg</strong> :: <a href="http://www.formatura.org/">www.formatura.org</a></p>
<p>
This site has been around for a while but I&#8217;ve always liked it for some reason. Elegant typography with a clean layout always works.
</p>
<p>
__
</p>
<p><a href="http://www.imnotanaddict.com/"><img src="http://www.warmforestflash.com/blog/wp-content/uploads/2009/02/imnotanaddict.jpg" alt="" title="" width="650" height="400" class="alignleft size-full wp-image-162" /></a></p>
<p><strong>Chris Delia</strong> :: <a href="http://www.imnotanaddict.com/">www.imnotanaddict.com</a></p>
<p>
Sweet design work and the gradient rollover effect on the thumbs is awesome. I also dig the right-click navigation and how the HTML page holding the site grows to fit the different sections of the site. No Flash scrollbar needed.
</p>
<p>
__
</p>
<p><a href="http://www.hellocolor.com/"><img src="http://www.warmforestflash.com/blog/wp-content/uploads/2009/02/hellocolor.jpg" alt="" title="" width="650" height="400" class="alignleft size-full wp-image-162" /></a></p>
<p><strong>Pawel Nolbert</strong> :: <a href="http://www.hellocolor.com/">www.hellocolor.com</a></p>
<p>
One of my favorite sites and one of my favorite designers. Pawel&#8217;s design work is absolutely stunning. The colors on the site are constantly shifting and changing &#8211; I love how the thumb rollovers and logo are always different. Beautiful and creative work.
</p>
<p>
__
</p>
<p><a href="http://www.loveworn.com/"><img src="http://www.warmforestflash.com/blog/wp-content/uploads/2009/02/loveworn.jpg" alt="" title="" width="650" height="400" class="alignleft size-full wp-image-162" /></a></p>
<p><strong>Mario Hugo</strong> :: <a href="http://www.loveworn.com/">www.loveworn.com</a></p>
<p>
This has to be about as minimal you can get for a portfolio site. The focus is entirely on the design/art work. I love how the visited state of the links reveals an image.
</p>
<p>
__
</p>
<p><a href="http://www.tbgd.co.uk/"><img src="http://www.warmforestflash.com/blog/wp-content/uploads/2009/02/tbgd.jpg" alt="" title="" width="650" height="400" class="alignleft size-full wp-image-162" /></a></p>
<p><strong>Thom Bennett</strong> :: <a href="http://www.tbgd.co.uk/">www.tbgd.co.uk</a></p>
<p>
Beautiful typography, color and texture. Not much else to say about it.
</p>
<p>
__
</p>
<p><a href="http://www.adhemas.com/"><img src="http://www.warmforestflash.com/blog/wp-content/uploads/2009/02/adhemas.jpg" alt="" title="" width="650" height="400" class="alignleft size-full wp-image-162" /></a></p>
<p><strong>Adhemas Batista</strong> :: <a href="http://www.adhemas.com/">www.adhemas.com</a></p>
<p>
Slick site full of beautiful, colorful work. The Flash implementation is seamless and gets out of the way of the work.
</p>
<p>
__
</p>
<p><a href="http://www.nacionale.cc/"><img src="http://www.warmforestflash.com/blog/wp-content/uploads/2009/02/nacionale.jpg" alt="" title="" width="650" height="400" class="alignleft size-full wp-image-162" /></a></p>
<p><strong>Doug Alves</strong> :: <a href="http://www.nacionale.cc/">www.nacionale.cc</a></p>
<p>
Super smooth site with wonderful typography. I like the visited state on the thumbs.
</p>
<p>
__
</p>
<p><a href="http://www.dannyyount.com/"><img src="http://www.warmforestflash.com/blog/wp-content/uploads/2009/02/dannyyount.jpg" alt="" title="" width="650" height="400" class="alignleft size-full wp-image-162" /></a></p>
<p><strong>Danny Yount</strong> :: <a href="http://www.dannyyount.com/">www.dannyyount.com</a></p>
<p>
Not much to say here other than his design work kicks ass and the Flash work is as smooth as can be.
</p>
<p>
__
</p>
<p><a href="http://www.anovadesign.com/"><img src="http://www.warmforestflash.com/blog/wp-content/uploads/2009/02/anovadesign.jpg" alt="" title="" width="650" height="400" class="alignleft size-full wp-image-162" /></a></p>
<p><strong>Jesper Bentzen</strong> :: <a href="http://www.anovadesign.com/">www.anovadesign.com</a></p>
<p>
Something about this site is just so amazingly slick. I love how all the site elements are desaturated, then colorize when you rollover them.
</p>
<p>
__
</p>
<p><a href="http://www.kindnessandhumility.com/"><img src="http://www.warmforestflash.com/blog/wp-content/uploads/2009/02/kindnessandhumility.jpg" alt="" title="" width="650" height="400" class="alignleft size-full wp-image-162" /></a></p>
<p><strong>Chris Erickson</strong> :: <a href="http://www.kindnessandhumility.com/">www.kindnessandhumility.com</a></p>
<p>
Normally it&#8217;s bad to require 4 clicks before you can see any portfolio images but on Chris Erickson&#8217;s site this type of nav is what makes the site so cool. Very original and innovative and the site couldn&#8217;t be more usable in my opinion.
</p>
<p>
__
</p>
<p><a href="http://www.417north.com/v7/"><img src="http://www.warmforestflash.com/blog/wp-content/uploads/2009/02/417north.jpg" alt="" title="" width="650" height="400" class="alignleft size-full wp-image-162" /></a></p>
<p><strong>Greg Huntoon</strong> :: <a href="http://www.417north.com/v7/">www.417north.com</a></p>
<p>
I know wood paneling on site backgrounds is pretty played out these days but this is one of the first sites I remember seeing it on. Just an all around cool site even though it has been around a while. I love how the different section tabs get raised up off the page.
</p>
<p>
__
</p>
<p><a href="http://www.gabekean.com/"><img src="http://www.warmforestflash.com/blog/wp-content/uploads/2009/02/gabekean.jpg" alt="" title="" width="650" height="400" class="alignleft size-full wp-image-162" /></a></p>
<p><strong>Gabe Kean</strong> :: <a href="http://www.gabekean.com/">www.gabekean.com</a></p>
<p>
To say this site is grid based would be a huge understatement. Everything fits perfectly into the ruled notebook paper which goes perfectly with the educational/exhibit design work that Gabe Kean does.
</p>
<p>
__
</p>
<p><a href="http://iso50.com/iso50.html"><img src="http://www.warmforestflash.com/blog/wp-content/uploads/2009/02/iso50.jpg" alt="" title="" width="650" height="400" class="alignleft size-full wp-image-162" /></a></p>
<p><strong>Scott Hansen</strong> :: <a href="http://iso50.com/iso50.html">www.iso50.com</a></p>
<p>
I know I said I despise sites where music starts automatically when the page loads. Well this is an exception. Not only is Scott Hansen probably my favorite designer around today but he makes his own music too. And surprisingly it&#8217;s actually really good. He is a true talent. Check out the print section if you want to see some stunning work. As far as the Flash work itself, there isn&#8217;t much to say other than it is done perfectly. Also the <a href="http://blog.iso50.com">ISO50 blog</a> is worth checking out and bookmarking too.
</p>
<p>
__
</p>
<p><a href="http://www.pr0jects.com/"><img src="http://www.warmforestflash.com/blog/wp-content/uploads/2009/02/pr0jects.jpg" alt="" title="" width="650" height="400" class="alignleft size-full wp-image-162" /></a></p>
<p><strong>Jason Hickner</strong> :: <a href="http://www.pr0jects.com/">www.pr0jects.com</a></p>
<p>
This guy is seriously talented and he does seriously cool work. He&#8217;s the one who did the Flash development work on <a href="http://www.thefwa.com/">The FWA site</a>. I think he builds robots in his spare time too and I&#8217;m not even joking. Hardcore stuff.
</p>
<p>
__
</p>
<p><a href="http://www.allaboutjames.co.uk/"><img src="http://www.warmforestflash.com/blog/wp-content/uploads/2009/02/allaboutjames.jpg" alt="" title="" width="650" height="400" class="alignleft size-full wp-image-162" /></a></p>
<p><strong>James Monaghan</strong> :: <a href="http://www.allaboutjames.co.uk/">www.allaboutjames.co.uk</a></p>
<p>
There are a couple cool things I really like about this site. I love how when you rollover the project names, the site background becomes a project image. The horizontal drag to view the detail images is also pretty sweet. Nice work.
</p>
<p>
__
</p>
<p><a href="http://www.aeform.net/"><img src="http://www.warmforestflash.com/blog/wp-content/uploads/2009/02/aeform.jpg" alt="" title="" width="650" height="400" class="alignleft size-full wp-image-162" /></a></p>
<p><strong>Alexander Radsby</strong> :: <a href="http://www.aeform.net/">www.aeform.net</a></p>
<p>
A straight forward horizontal scrolling portfolio that is done very well. The way you can view all the projects by year is a cool feature.
</p>
<p>
__
</p>
<p><a href="http://www.imjonas.com/"><img src="http://www.warmforestflash.com/blog/wp-content/uploads/2009/02/imjonas.jpg" alt="" title="" width="650" height="400" class="alignleft size-full wp-image-162" /></a></p>
<p><strong>Jonas Eriksson</strong> :: <a href="http://www.imjonas.com/">www.imjonas.com</a></p>
<p>
A super minimal horizontal scrolling portfolio &#8211; no navigation, just a scroller and the portfolio images. Super simple but it works.
</p>
<p>
__
</p>
<p><a href="http://illustplosion.com/"><img src="http://www.warmforestflash.com/blog/wp-content/uploads/2009/02/illustplosion.jpg" alt="" title="" width="650" height="400" class="alignleft size-full wp-image-162" /></a></p>
<p><strong>Bruno Fujii</strong> :: <a href="http://illustplosion.com/">www.illustplosion.com</a></p>
<p>
Another horizontal site that is done well. I like the large portfolio images so you can really see his artwork. The way the whole site rotates when you click the &#8220;About&#8221; button is probably my favorite thing about it.
</p>
<p>
__</p>
<p><em>Know of any other well-designed Flash portfolio sites you think deserve to be on this list? Let me know in the comments section below.</em></p>


<p>Related posts:<ol><li><a href='http://www.warmforestflash.com/blog/2010/07/make-your-flash-site-iphone-friendly/' rel='bookmark' title='Permanent Link: 7 Tips to Make Your Flash Site iPhone and iPad Friendly'>7 Tips to Make Your Flash Site iPhone and iPad Friendly</a></li>
<li><a href='http://www.warmforestflash.com/blog/2010/01/11-myths-about-flash-that-wont-die/' rel='bookmark' title='Permanent Link: 11 Myths About Flash That Won&#8217;t Die'>11 Myths About Flash That Won&#8217;t Die</a></li>
<li><a href='http://www.warmforestflash.com/blog/2009/03/simple-sanity-saving-tip-for-all-timeline-based-flash-projects/' rel='bookmark' title='Permanent Link: Simple Sanity-Saving Tip for All Timeline-Based Flash Projects'>Simple Sanity-Saving Tip for All Timeline-Based Flash Projects</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.warmforestflash.com/blog/2009/02/21-well-designed-flash-portfolios/feed/</wfw:commentRss>
		<slash:comments>28</slash:comments>
		</item>
	</channel>
</rss>
