<?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>Maxistentialism &#187; Web Design</title>
	<atom:link href="http://www.maxistentialism.com/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.maxistentialism.com</link>
	<description>You can get away with anything as long as it's funny enough.</description>
	<lastBuildDate>Fri, 23 Jul 2010 22:40:04 +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>Website for the Hotel Rwanda Rusesabagina Foundation</title>
		<link>http://www.maxistentialism.com/hrrf/</link>
		<comments>http://www.maxistentialism.com/hrrf/#comments</comments>
		<pubDate>Sat, 04 Jul 2009 21:43:28 +0000</pubDate>
		<dc:creator>Maxistentialist</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.maxistentialism.com/?p=609</guid>
		<description><![CDATA[Website and branding for the Hotel Rwanda Rusesabagina Foundation]]></description>
			<content:encoded><![CDATA[<p>Today we are<a href="http://www.HRRFoundation.org" target="_blank"> launching the brand new website</a> for the Hotel Rwanda Rusesabagina Foundation.</p>
<p>As the Foundation&#8217;s New Media Director, I worked directly with Paul Rusesabagina and Sean Tenner, the Foundation&#8217;s Executive Director to develop an evocative visual style for the Foundation.</p>
<p><img class="alignnone size-medium wp-image-671" title="deHeQfubKppq9v0zNoArFhrR" src="http://www.maxistentialism.com/wp-content/uploads/2009/07/deHeQfubKppq9v0zNoArFhrR-513x385.jpg" alt="deHeQfubKppq9v0zNoArFhrR" width="513" height="385" /></p>
<p>I developed branding for the Foundation based on previous iterations of a logo and style. My goal was to create a memorable visual identity and maintain it with consistent typography and color control across all media.</p>
<h2>The Website</h2>

<a href="http://www.maxistentialism.com/wp-content/gallery/hrrf/picture-2.png" title="The new website." class="thickbox" rel="singlepic279" >
	<img class="ngg-singlepic" src="http://www.maxistentialism.com/wp-content/plugins/nextgen-gallery/nggshow.php?pid=279&amp;width=575&amp;height=float=&amp;mode=" alt="picture-2" title="picture-2" />
</a>

<p>The website layout is a bit experimental &#8211; I did away with the horizontal and verticle navigation bars of the old site to reduce the amount information appearing on the front page and target our visitors towards registration and donation. I also made the main item on the home page an irregularly-sized video, which catches the eye and provides a personal introduction to the site, giving visitors an immediate connection.</p>
<p>Some of my favorite parts are the smallest details… the favicon, the <a href="http://hrrfoundation.org/404">404 page</a>, the rollover effect on main navigation.</p>
<h2>Film and Video</h2>
<p>I filmed these videos with Paul Rusesabagina at Kurth Lampe in Chicago. I helped write the scripts with Mr. Rusesabagina, and edited the video for the website.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="596" height="254" 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=5425376&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=99c0db&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="596" height="254" src="http://vimeo.com/moogaloop.swf?clip_id=5425376&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=99c0db&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="596" height="254" 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=5751603&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=99c0db&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="596" height="254" src="http://vimeo.com/moogaloop.swf?clip_id=5751603&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=99c0db&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h2>Print Materials</h2>
<p>I created a separate but consistent look for print materials, simplifying the colors but keeping the large format type and style. These fliers have gotten a very positive response from foundation supporters and international powers alike.</p>

<div class="ngg-galleryoverview" id="ngg-gallery-17-609">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-276" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.maxistentialism.com/wp-content/gallery/hrrf/1pager1.jpg" title=" " class="thickbox" rel="hrrf" >
				<img title="1pager1" alt="1pager1" src="http://www.maxistentialism.com/wp-content/gallery/hrrf/thumbs/thumbs_1pager1.jpg"  />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-275" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.maxistentialism.com/wp-content/gallery/hrrf/1pager.jpg" title=" " class="thickbox" rel="hrrf" >
				<img title="1pager" alt="1pager" src="http://www.maxistentialism.com/wp-content/gallery/hrrf/thumbs/thumbs_1pager.jpg"  />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-277" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.maxistentialism.com/wp-content/gallery/hrrf/1pagerinside.jpg" title=" " class="thickbox" rel="hrrf" >
				<img title="1pagerinside" alt="1pagerinside" src="http://www.maxistentialism.com/wp-content/gallery/hrrf/thumbs/thumbs_1pagerinside.jpg"  />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-279" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.maxistentialism.com/wp-content/gallery/hrrf/picture-2.png" title="The new website." class="thickbox" rel="hrrf" >
				<img title="picture-2" alt="picture-2" src="http://www.maxistentialism.com/wp-content/gallery/hrrf/thumbs/thumbs_picture-2.png"  />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-278" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.maxistentialism.com/wp-content/gallery/hrrf/picture-1.png" title="The old website... too much information at once!" class="thickbox" rel="hrrf" >
				<img title="picture-1" alt="picture-1" src="http://www.maxistentialism.com/wp-content/gallery/hrrf/thumbs/thumbs_picture-1.png"  />
			</a>
		</div>
	</div>
	 		
	<div id="ngg-image-280" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.maxistentialism.com/wp-content/gallery/hrrf/signup-page.png" title="Wireframe created with Balsamiq." class="thickbox" rel="hrrf" >
				<img title="signup-page" alt="signup-page" src="http://www.maxistentialism.com/wp-content/gallery/hrrf/thumbs/thumbs_signup-page.png"  />
			</a>
		</div>
	</div>
	 	 	
	<!-- Pagination -->
 	<div class="ngg-clear">&nbsp;</div> 	
</div>


]]></content:encoded>
			<wfw:commentRss>http://www.maxistentialism.com/hrrf/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
