<?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>Brandon Passley &#187; Design</title>
	<atom:link href="http://brandonpassley.com/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://brandonpassley.com</link>
	<description>Thoughts on Design &#38; Development</description>
	<lastBuildDate>Fri, 23 Jul 2010 04:57:39 +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>Parrish Hanna</title>
		<link>http://brandonpassley.com/portfolio/parrish-hanna/</link>
		<comments>http://brandonpassley.com/portfolio/parrish-hanna/#comments</comments>
		<pubDate>Mon, 15 Dec 2008 15:56:12 +0000</pubDate>
		<dc:creator>Brandon Passley</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[PHP/MySQL]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Programming]]></category>

		<guid isPermaLink="false">http://brandonpassley.com/?p=200</guid>
		<description><![CDATA["From a corporate design leader to sought after speaker and professor, Parrish Hanna has a broad array of experience in the world of digital business solution and brand experience development."]]></description>
			<content:encoded><![CDATA[<p>Parrish required a personal website that created a stage for him to discuss and highlight his professional theories, thought processes and general experiences. Working with the brilliant <a href="http://daniel-sauter.com" target="_blank">Daniel Sauter</a> (<a href="/portfolio/uic-art-architecture">UIC Art &amp; Architecture</a>) again, the direction came out of a need to make, what would typically be a very boring and &#8220;wordy&#8221; site, into something much more interesting and innovative.</p>
<p>Therefore, we focused on typography and movement. The UI consists of a plane and a grid of every page laying flat on it. Any internal link the user follows does not load a new page, but rather moves the entire plane and grid to the appropriate &#8220;slide&#8221;. This movement is not only intriguing, but begins to create interesting layouts since a portion of each adjacent &#8220;slide&#8221; peaks into the browser window.</p>
<p><strong>Development Notes</strong><br />
Because of the nature of the site, I built a custom content management system (CMS) with PHP/MySQL to work specifically with the difficult front-end layouts. One of the most interesting features no one would see is that Parrish only has to update the basic content in the CMS and the front-end will determine which of the three layouts it should use based on images, text, files, etc. The very cool sliding feature uses the <a href="http://mootools.net/" target="_blank">MooTools</a> JavaScript library. This would have gotten a little hairy without it.</p>
<p><strong>Final Thoughts</strong><br />
A text-based website does not have to be boring.</p>
<p><a title="DrawbridgeApp.com" href="http://parrishhanna.com" target="_blank">[ Visit the Parrish Hanna site ]</a></p>
<p><img class="size-full wp-image-202 alignnone" title="parrishhanna-hybrid" src="http://brandonpassley.com/wp-content/uploads/2009/03/parrishhanna-hybrid.jpg" alt="Parrish Hanna Screenshot" width="600" height="439" /></p>
<p><img class="size-full wp-image-204 alignnone" title="parrishhanna-images" src="http://brandonpassley.com/wp-content/uploads/2009/03/parrishhanna-images.jpg" alt="Parrish Hanna Screenshot" width="600" height="439" /></p>
<p><img class="size-full wp-image-205 alignnone" title="parrishhanna-textual" src="http://brandonpassley.com/wp-content/uploads/2009/03/parrishhanna-textual.jpg" alt="Parrish Hanna Screenshot" width="600" height="439" /></p>
]]></content:encoded>
			<wfw:commentRss>http://brandonpassley.com/portfolio/parrish-hanna/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Design for Democracy</title>
		<link>http://brandonpassley.com/portfolio/design-for-democracy/</link>
		<comments>http://brandonpassley.com/portfolio/design-for-democracy/#comments</comments>
		<pubDate>Fri, 24 Nov 2006 02:05:00 +0000</pubDate>
		<dc:creator>Brandon Passley</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Print]]></category>

		<guid isPermaLink="false">http://brandonpassley.com/wordpress/?p=70</guid>
		<description><![CDATA[Design for Democracy strengthen emergency and evacuation planning efforts by 1) providing a more holistic people-centered strategy for approaching emergency and evacuation design for lay people, 2) and developing emergency and evacuation design artifacts, messages, and experiences which are embedded in the daily lives of abled and disabled people.]]></description>
			<content:encoded><![CDATA[<p>The events of September 11, 2001 have highlighted the importance of having good  emergency and evacuation systems as part of Homeland Security. According to a RAND  report, &#8220;Security and Safety in Los Angeles High Rise Buildings after 9/11,&#8221; ninety-nine  percent of the World Trade Center occupants below the impact floors were able to safely  evacuate the building (Archibald et.al. 2002).</p>
<p><em>This project was produced in 2007 at UIC for <a href="http://www.designfordemocracy.org/">Design for Democracy</a> under the direction of Elizabeth Tunstal and Marcia Lausen</em></p>
<p><a title="UIC Design for Democracy" href="http://www.aiga.org/content.cfm/design-for-democracy" target="_blank">[ more information ]</a></p>
<p><img class="alignnone size-full wp-image-84" title="design_democracy_21" src="http://brandonpassley.com/wp-content/uploads/2008/10/design_democracy_21.jpg" alt="" /></p>
<p><img class="alignnone size-full wp-image-86" title="design_democracy_31" src="http://brandonpassley.com/wp-content/uploads/2008/10/design_democracy_31.jpg" alt="" /></p>
<p><img class="alignnone size-full wp-image-87" title="design_democracy_4" src="http://brandonpassley.com/wp-content/uploads/2008/10/design_democracy_4.jpg" alt="" /></p>
]]></content:encoded>
			<wfw:commentRss>http://brandonpassley.com/portfolio/design-for-democracy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Rottone</title>
		<link>http://brandonpassley.com/portfolio/rottone/</link>
		<comments>http://brandonpassley.com/portfolio/rottone/#comments</comments>
		<pubDate>Fri, 12 May 2006 15:41:39 +0000</pubDate>
		<dc:creator>Brandon Passley</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Print]]></category>

		<guid isPermaLink="false">http://brandonpassley.com/wordpress/?p=89</guid>
		<description><![CDATA[Rottone is an experiment in the color process of rotting fruit.]]></description>
			<content:encoded><![CDATA[<p>Rottone was an experiment with natural color. Four colors were used <em>(strawberry, orange, banana, grape)</em>. These four fruits were allowed to rot and images were taken of the process. Each stage produced hues of each color. This process was then documented in the form of a printers Pantone color swatch book. Each color has the correct CMYK color palette underneath, and a unique &#8220;Rottone&#8221; color coding.</p>
<p><em>This was produced at UIC in 2006 under the direction of Professor John Greiner.</em></p>
<p><img class="size-full wp-image-97 alignnone" title="rottone_1" src="http://brandonpassley.com/wp-content/uploads/2008/10/rottone_1.jpg" alt="Rottone Process Colors" /></p>
<p><img class="size-full wp-image-98 alignnone" title="rottone_2" src="http://brandonpassley.com/wp-content/uploads/2008/10/rottone_2.jpg" alt="Rottone Process Colors" /></p>
<p><img class="size-full wp-image-100 alignnone" title="rottone_3" src="http://brandonpassley.com/wp-content/uploads/2008/10/rottone_3.jpg" alt="Rottone Process Colors" /></p>
]]></content:encoded>
			<wfw:commentRss>http://brandonpassley.com/portfolio/rottone/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
