<?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>vbrunetti &#187; Art Direction</title>
	<atom:link href="http://www.vbrunetti.com/category/art_direction/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.vbrunetti.com</link>
	<description>Portfolio and blog by Victor J. Brunetti</description>
	<lastBuildDate>Thu, 02 Sep 2010 14:27:58 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Self Portrait Study</title>
		<link>http://www.vbrunetti.com/2010/02/self-portrait-study/</link>
		<comments>http://www.vbrunetti.com/2010/02/self-portrait-study/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 15:45:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Art Direction]]></category>
		<category><![CDATA[Code & Motion]]></category>
		<category><![CDATA[Design Direction]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[generative]]></category>
		<category><![CDATA[generative art]]></category>
		<category><![CDATA[painting]]></category>
		<category><![CDATA[photography]]></category>

		<guid isPermaLink="false">http://www.vbrunetti.com/?p=2064</guid>
		<description><![CDATA[<img src="http://www.vbrunetti.com/wp-content/uploads/designPortfolio-10/selfPortraits/thumb.jpg">]]></description>
			<content:encoded><![CDATA[<p><i>(Role: Design Director, Original Concept. Programmer.)</i></p>
<p>I&#8217;ve been playing around with generative art in Flash for a while now. Recently I discovered how to work in using the bitmapData class in order to achieve more complex compositions. My first few tests focused on working with older photographs of myself and turning them into organic, painterly pieces.</p>
<style type="text/css" media="screen">
.s-category-work_archive.container_16
 {
	background-image: url(http://www.vbrunetti.com/wp-content/uploads/designPortfolio-10/selfPortraits/dua.jpg);
}
</style>
]]></content:encoded>
			<wfw:commentRss>http://www.vbrunetti.com/2010/02/self-portrait-study/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>OIC</title>
		<link>http://www.vbrunetti.com/2009/12/oic/</link>
		<comments>http://www.vbrunetti.com/2009/12/oic/#comments</comments>
		<pubDate>Tue, 15 Dec 2009 01:16:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Art Direction]]></category>
		<category><![CDATA[Design Direction]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[pitch]]></category>
		<category><![CDATA[roundarch]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://www.vbrunetti.com/?p=1595</guid>
		<description><![CDATA[<img src="http://www.vbrunetti.com/wp-content/uploads/designPortfolio-10/oic/thumb.jpg">]]></description>
			<content:encoded><![CDATA[<p><i>(Role: Visual Design Lead: 2 People. Principle Designer.)</i></p>
<p>When the Options Industry Council approached Roundarch with an RFP to redesign and rethink their web-based Options Awareness and Education presence I jumped at the opportunity. Even though this would be a pitch, and thus time would be tight, I relished the opportunity to design a <em>web site</em> and take a break from all of the Flex RIAs I have been doing.</p>
<p>An option is, &#8220;a contract to buy or sell a specific financial product officially known as the option&#8217;s underlying instrument or underlying interest.&#8221; The crux of this concept was to take the dead-feeling content the OIC currently had and add life to it. We didn&#8217;t want to recreate their existing library. We wanted to build them a tool. One that through social mechanisms and personalization would be ever-fresh and always relevant.</p>
<p>The design strategy began by cultivating a visual language for each of their three main user groups so that once authenticated, the site would assume the user role&#8217;s identity and only offer information relevant to them. We then thought about how we could build an adaptive curriculum that would suggest new and relevant lessons based on what the user has completed and allow the user to share lesson-plans with their peers. Lastly we added the ability for the user to personalize their experience through the concept of &#8220;My Folder&#8221; and &#8220;My Curriculum&#8221;.</p>
<style type="text/css" media="screen">
.s-category-work_archive.container_16
 {
	background-image: url(http://www.vbrunetti.com/wp-content/uploads/designPortfolio-10/oic/dua.jpg);
}
</style>
]]></content:encoded>
			<wfw:commentRss>http://www.vbrunetti.com/2009/12/oic/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Automotive Touchscreen Console Concept</title>
		<link>http://www.vbrunetti.com/2009/06/automotive-touchscreen-console-concept/</link>
		<comments>http://www.vbrunetti.com/2009/06/automotive-touchscreen-console-concept/#comments</comments>
		<pubDate>Sun, 21 Jun 2009 23:40:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Art Direction]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[automotive]]></category>
		<category><![CDATA[ria]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[touchscreen]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.vbrunetti.com/?p=1155</guid>
		<description><![CDATA[<img src="http://www.vbrunetti.com/wp-content/uploads/designPortfolio-10/tesla/thumb.jpg" />]]></description>
			<content:encoded><![CDATA[<p><i>(Role: Art Director.)</i></p>
<p>An exercise in re-skinning an automotive touch-screen UI. The functionality of our proposed interface had already been set by the time I was brought in to re-skin and re-imagine the layout. My primary focus on this project was to show how radically different we could make these &#8220;skins&#8221; or &#8220;themes&#8221; while retaining critical functionality.</p>
<style type="text/css" media="screen"> .s-category-work_archive.container_16 { background-image: url(http://www.vbrunetti.com/wp-content/uploads/designPortfolio-10/tesla/dua.jpg); } </style>
]]></content:encoded>
			<wfw:commentRss>http://www.vbrunetti.com/2009/06/automotive-touchscreen-console-concept/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Roundarch Keystone Logo</title>
		<link>http://www.vbrunetti.com/2008/09/keystone-logo/</link>
		<comments>http://www.vbrunetti.com/2008/09/keystone-logo/#comments</comments>
		<pubDate>Mon, 01 Sep 2008 13:13:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Art Direction]]></category>
		<category><![CDATA[Design Direction]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[identity]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[roundarch]]></category>

		<guid isPermaLink="false">http://www.vbrunetti.com/?p=2445</guid>
		<description><![CDATA[<img src="http://www.vbrunetti.com/wp-content/uploads/designPortfolio-10/keystone/thumb.jpg">]]></description>
			<content:encoded><![CDATA[<p><i>(Role: Visual Design Lead. Flash Programmer.)</i></p>
<p><object id="build" width="520" height="300" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"><param name="align" value="middle" /><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="menu" value="false" /><param name="quality" value="best" /><param name="bgcolor" value="#ffffff" /><param name="src" value="http://www.vbrunetti.com/wp-content/uploads/designPortfolio-10/keystone/build.swf" /><param name="name" value="build" /><param name="allowfullscreen" value="false" /><embed id="build" type="application/x-shockwave-flash" width="520" height="300" src="http://www.vbrunetti.com/wp-content/uploads/designPortfolio-10/keystone/build.swf" name="build" bgcolor="#ffffff" quality="best" menu="false" allowfullscreen="false" allowscriptaccess="sameDomain" align="middle"></embed></object></p>
<p>Shortly after the Visual Design department was created at Roundarch, upper management decided to rebrand Keystone, the company intranet. The goal was to give it a refresh to grow excitement about using the tool to facilitate internal knowledge-share between offices and departments. I led the redesign effort and decided to focus on the logo mark as a storyteller for this metaphor. I decided to create a reactive logo, built in flash, that would measure activity in each of the core competencies of the company and reflect that activity visually in the header of the intranet. For instance, if the UX department was very active blogging, posting white papers and commenting on others&#8217; posts, their color and shape would grow and become more prominent in the logo. Ultimately the script necessary to capture this activity was never written, but the logo and mark lived on with random values being applied at each page refresh.</p>
<style type="text/css" media="screen">
.s-category-work_archive.container_16
 {
	background-image: url(http://www.vbrunetti.com/wp-content/uploads/designPortfolio-10/keystone/dua.jpg);
}
</style>
]]></content:encoded>
			<wfw:commentRss>http://www.vbrunetti.com/2008/09/keystone-logo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Roundarch Process Illustration</title>
		<link>http://www.vbrunetti.com/2008/08/roundarch-process-illustration/</link>
		<comments>http://www.vbrunetti.com/2008/08/roundarch-process-illustration/#comments</comments>
		<pubDate>Fri, 01 Aug 2008 22:55:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Art Direction]]></category>
		<category><![CDATA[Design Direction]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[process]]></category>
		<category><![CDATA[roundarch]]></category>

		<guid isPermaLink="false">http://www.vbrunetti.com/?p=961</guid>
		<description><![CDATA[<img src="http://www.vbrunetti.com/wp-content/uploads/designPortfolio-10/raproc/thumb.jpg">]]></description>
			<content:encoded><![CDATA[<p><i>(Role: Art Director.)</i></p>
<p>At Roundarch we were always looking for new and interesting ways to tell our story of the intersection between Technology, Strategy and Design. To illustrate this I created a series of boards for a looping animation – something of a Reel for trade-shows and other venues where a more “lean-back” approach is best. This screen is one of a few showing this concept.</p>
<style type="text/css" media="screen">
.s-category-work_archive.container_16
 {
	background-image: url(http://www.vbrunetti.com/wp-content/uploads/designPortfolio-10/raproc/dua.jpg);
}
</style>
]]></content:encoded>
			<wfw:commentRss>http://www.vbrunetti.com/2008/08/roundarch-process-illustration/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Drop.Io</title>
		<link>http://www.vbrunetti.com/2008/08/drop-io/</link>
		<comments>http://www.vbrunetti.com/2008/08/drop-io/#comments</comments>
		<pubDate>Fri, 01 Aug 2008 16:00:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Art Direction]]></category>
		<category><![CDATA[Design Direction]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[drop.io]]></category>
		<category><![CDATA[roundarch]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://www.vbrunetti.com/?p=955</guid>
		<description><![CDATA[<img src="http://www.vbrunetti.com/wp-content/uploads/designPortfolio-10/dropio/thumb.jpg">]]></description>
			<content:encoded><![CDATA[<p><i>(Role: Visual Design Lead: 3 People. Principle Designer.)</i></p>
<p>As a designer, working “behind the firewall” is difficult because you can’t show or even talk about your work. Roundarch is one of those consultancies that work almost entirely behind the firewall. So when we had a chance to team up with Sam and Chad from Drop.io we jumped at the opportunity to redesign their web-application. What Drop.io does is input, view and output. That’s it. It’s a simple but powerful concept that we wanted our designs to reflect. The cornerstone of this concept, a feature that is yet to be implemented, is the ability to use the title bar (white-on-black text in the header of the design) as a command-line so that power-users can quickly access the powerful functions of the site (and hacks) right from the header of the page. The rest of the design was meant to be light and functional with the ability to have skins applied to it. Sam and Chad were thrilled with the outcome and Drop.io was a success.</p>
<style type="text/css" media="screen">
.s-category-work_archive.container_16
 {
	background-image: url(http://www.vbrunetti.com/wp-content/uploads/designPortfolio-10/dropio/dua.jpg);
}
</style>
]]></content:encoded>
			<wfw:commentRss>http://www.vbrunetti.com/2008/08/drop-io/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MasterCard Customer Extranet</title>
		<link>http://www.vbrunetti.com/2008/04/mastercard-customer-extranet/</link>
		<comments>http://www.vbrunetti.com/2008/04/mastercard-customer-extranet/#comments</comments>
		<pubDate>Tue, 01 Apr 2008 23:00:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Art Direction]]></category>
		<category><![CDATA[Design Direction]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[leadership]]></category>
		<category><![CDATA[ria]]></category>
		<category><![CDATA[software design]]></category>

		<guid isPermaLink="false">http://www.vbrunetti.com/?p=964</guid>
		<description><![CDATA[<img src="http://www.vbrunetti.com/wp-content/uploads/designPortfolio-10/masterCard/thumb.jpg">]]></description>
			<content:encoded><![CDATA[<p><i>(Role: Visual Design Lead: 2 people. Principle Designer.)</i></p>
<p>The decision to execute a windowed vs. integrated GUI depends largely on the complexity of tasks the user will engage in. For the MasterCard Customer Extranet we decided to go with the former. In time this RIA was intended to aggregate and commingle well over 100 discreet applications ranging from dispute resolution to new client on-boarding. In the end the client&#8217;s appetite didn&#8217;t allow us to implement a paradigm much different from the traditional Windows task-bar, but our color language and enhanced user experience represented a huge leap forward from where they began.</p>
<style type="text/css" media="screen">
.s-category-work_archive.container_16
 {
	background-image: url(http://www.vbrunetti.com/wp-content/uploads/designPortfolio-10/masterCard/dua.jpg);
}
</style>
]]></content:encoded>
			<wfw:commentRss>http://www.vbrunetti.com/2008/04/mastercard-customer-extranet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>NBC Olympics Player</title>
		<link>http://www.vbrunetti.com/2008/02/nbc-olympics-player/</link>
		<comments>http://www.vbrunetti.com/2008/02/nbc-olympics-player/#comments</comments>
		<pubDate>Fri, 01 Feb 2008 16:00:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Art Direction]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[2008]]></category>
		<category><![CDATA[art direction]]></category>
		<category><![CDATA[blend]]></category>
		<category><![CDATA[nbc]]></category>
		<category><![CDATA[olympics]]></category>
		<category><![CDATA[schematic]]></category>
		<category><![CDATA[silverlight]]></category>
		<category><![CDATA[sport]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.vbrunetti.com/?p=952</guid>
		<description><![CDATA[<img src="http://www.vbrunetti.com/wp-content/uploads/designPortfolio-10/nbc/thumb.jpg" />]]></description>
			<content:encoded><![CDATA[<p><i>(Role: Art Director.)</i></p>
<p>During my short tenure at Schematic’s Advanced Interactive Group, I was asked to design and prototype the new NBC Olympics Silverlight video player. Not knowing a thing about Silverlight at the time, I tried to keep the interaction patterns manageable and the experience as immersive as I thought the technology would allow. This was a POC for Microsoft MIX’08 that then got tweaked for production.</p>
<style type="text/css" media="screen">
.s-category-work_archive.container_16
 {
	background-image: url(http://www.vbrunetti.com/wp-content/uploads/designPortfolio-10/nbc/dua.jpg);
}
</style>
]]></content:encoded>
			<wfw:commentRss>http://www.vbrunetti.com/2008/02/nbc-olympics-player/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Heineken Beer Tender</title>
		<link>http://www.vbrunetti.com/2008/01/heineken-beer-tender/</link>
		<comments>http://www.vbrunetti.com/2008/01/heineken-beer-tender/#comments</comments>
		<pubDate>Tue, 01 Jan 2008 16:00:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Art Direction]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[adam jackson]]></category>
		<category><![CDATA[art direction]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[publicis]]></category>

		<guid isPermaLink="false">http://www.vbrunetti.com/?p=944</guid>
		<description><![CDATA[<img src="http://www.vbrunetti.com/wp-content/uploads/designPortfolio-10/heineken/thumb.jpg">]]></description>
			<content:encoded><![CDATA[<p><i>(Role: Art Director.)</i></p>
<p>Working with an old friend of mine from the eCor boot-camp days, Adam Jackson, I was tasked to come up with site concept for Heineken’s newest product, the Heineken BeerTender, an ultra-premium home-bar solution. My concept revolved around 3 viewpoints to the same event – the viewpoints being “Design”, “Inspiration” and “Innovation” and the event being the perfect pour. The concept was designed to allow the user to filter their experience by seeing the perfect pour of a Heineken Beer colored in 3 different lights.</p>
<style type="text/css" media="screen">
.s-category-work_archive.container_16
 {
	background-image: url(http://www.vbrunetti.com/wp-content/uploads/designPortfolio-10/heineken/dua.jpg);
}
</style>
]]></content:encoded>
			<wfw:commentRss>http://www.vbrunetti.com/2008/01/heineken-beer-tender/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flickr Browsr</title>
		<link>http://www.vbrunetti.com/2007/11/flickr-browsr/</link>
		<comments>http://www.vbrunetti.com/2007/11/flickr-browsr/#comments</comments>
		<pubDate>Thu, 01 Nov 2007 16:00:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Art Direction]]></category>
		<category><![CDATA[Design Direction]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[flashr]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[meta tag]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[photography]]></category>

		<guid isPermaLink="false">http://www.vbrunetti.com/?p=948</guid>
		<description><![CDATA[<img src="http://www.vbrunetti.com/wp-content/uploads/designPortfolio-10/flickrBrowsr/thumb.jpg" />]]></description>
			<content:encoded><![CDATA[<p><i>(Role: Design Director, Original Concept.)</i></p>
<p>I have been formulating an idea over the past few months around using flickr’s search/tag system to create a browse-by-relevance experience. Meaning that the starting point for the user’s experience is an image of theirs, and from there they may choose to visualize other flickr users’ images that share the same tags/set/image names. So if I’m in my Africa set and I’m looking at “lion1.jpg” I can decide to flip a switch and see other images that get returned when a search for “Africa” + “Lion” is run.</p>
<p>This idea stems from an idea I had a while back for “capture-collective.com” – what was supposed to be a photo critique/continuing education experience – where users were given an assignment (i.e. “black and white portraiture”) and they could share their photos while receiving and giving critiques on other’s photos in one place. Shortly after I formulated that idea flickr hit the scene in a big way and their “flickr groups” kind of occupied the same conceptual space capture-collective.com did. This is an ongoing personal concept that is continually being refined and rebuilt.</p>
<style type="text/css" media="screen">
.s-category-work_archive.container_16
 {
	background-image: url(http://www.vbrunetti.com/wp-content/uploads/designPortfolio-10/flickrBrowsr/dua.jpg);
}
</style>
]]></content:encoded>
			<wfw:commentRss>http://www.vbrunetti.com/2007/11/flickr-browsr/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
