<?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>INFORM &#38; DELIGHT &#187; Web Design</title>
	<atom:link href="http://www.informanddelight.com/work/tag/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.informanddelight.com/work</link>
	<description>Portfolio and website of Nathan Lee</description>
	<lastBuildDate>Tue, 10 Jan 2012 16:17:25 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Reputation.com website</title>
		<link>http://www.informanddelight.com/work/inform/reputation-com-landing-pages/</link>
		<comments>http://www.informanddelight.com/work/inform/reputation-com-landing-pages/#comments</comments>
		<pubDate>Wed, 04 Jan 2012 07:50:00 +0000</pubDate>
		<dc:creator>Nathan</dc:creator>
				<category><![CDATA[Inform]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[HTML/CSS]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.informanddelight.com/work/?p=617</guid>
		<description><![CDATA[Reputation.com site/graphic designs]]></description>
			<content:encoded><![CDATA[<p>As a designer and developer on the marketing team I was responsible for coding and designing landing pages for products, ad campaigns, business development projects, and the Reputation.com website. The majority of my work revolved around shaping the site look and feel, developing a scalable/modular codebase, implementing A/B tests, and utilized analytics/metrics to formulate conclusions to refine our designs and improve conversion rates.</p>
<p><img src="http://www.informanddelight.com/work/wp-content/uploads/2012/01/repdef-pageB-0607-5.jpg" style="margin: 0 0 50px"></p>
<p><img src="http://www.informanddelight.com/work/wp-content/uploads/2012/01/info-peel-banner.jpg" width="670px" style="border: 5px solid #eee; margin: 0 0 50px"></p>
<p><img src="http://www.informanddelight.com/work/wp-content/uploads/2012/01/mango-productpage-111111_02.jpg"></p>
]]></content:encoded>
			<wfw:commentRss>http://www.informanddelight.com/work/inform/reputation-com-landing-pages/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Loyal Designs</title>
		<link>http://www.informanddelight.com/work/inform/loyal-designs/</link>
		<comments>http://www.informanddelight.com/work/inform/loyal-designs/#comments</comments>
		<pubDate>Tue, 20 Dec 2011 19:26:45 +0000</pubDate>
		<dc:creator>Nathan</dc:creator>
				<category><![CDATA[Inform]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[HTML/CSS]]></category>
		<category><![CDATA[Strategy]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.informanddelight.com/work/?p=543</guid>
		<description><![CDATA[Full site design/Wordpress theming for Loyal Designs]]></description>
			<content:encoded><![CDATA[<p>Philip Woosley is a one-man craftshop creating traditional cycling handlebar bags from waxed canvas and leather. His craftsmanship and re I created full site design, Wordpress theme, analytics/search term targetting, and visual branding.</p>
<p><a href="http://www.loyaldesigns.com" target="_blank" alt="Loyal Designs | Handmade Cycling Bags" title="Loyal Designs | Handmade Cycling Bags">Visit Loyal Designs</a></p>
<p><img src="http://www.informanddelight.com/work/wp-content/uploads/2012/01/loyal-home-screen.jpg"></p>
<p><img src="http://www.informanddelight.com/work/wp-content/uploads/2012/01/loyal-product-screen.jpg"></p>
]]></content:encoded>
			<wfw:commentRss>http://www.informanddelight.com/work/inform/loyal-designs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Reputation.com rebrand</title>
		<link>http://www.informanddelight.com/work/inform/reputation-com-rebrand/</link>
		<comments>http://www.informanddelight.com/work/inform/reputation-com-rebrand/#comments</comments>
		<pubDate>Mon, 03 Jan 2011 06:01:50 +0000</pubDate>
		<dc:creator>Nathan</dc:creator>
				<category><![CDATA[Inform]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[HTML/CSS]]></category>
		<category><![CDATA[Strategy]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.informanddelight.com/work/?p=522</guid>
		<description><![CDATA[Rebrand Reputation.com with logos, fonts , colors, and new website assets.]]></description>
			<content:encoded><![CDATA[<p>ReputationDefender rebranded the company in early 2011 to Reputation.com. The rebrand included a new logotype, fonts, colors, and a refirming of brand pillars through which the creative, business, and brand strategies were derived. As a designer on the marketing team I contributed designs that helped shape the eventual logo and site design. Several facets of the look and feel have changed, but my work defined a grid, font usage, colors, interaction guide, and a modular code base.</p>
<p style="width: 400px; float: left; margin: 0 20px 0; padding: 0 10px 0 0;">
<img src="http://www.informanddelight.com/work/wp-content/uploads/2012/01/logo-sketches.png" width="400px; clear: both; float: left;">
</p>
<p style="overflow: hidden; margin: 50px 0 0px 0; color: #666; font-style: italic;">Progression of logos from ReputationDefender to Reputation.com. The design team went through several revisions based on some initial concepts provided by an ad agency. </p>
<p><img src="http://www.informanddelight.com/work/wp-content/uploads/2012/01/pageredesign2.jpg" style="margin: 100px 0;"></p>
<p style="width: 400px; float: left;">
<img src="http://www.informanddelight.com/work/wp-content/uploads/2012/01/buttons1.jpg" width="380px">
</p>
<p style="overflow: hidden; color: #666; font-style: italic; margin: 75px 0 0;">
Buttons split apart into sprites/sliding doors with the intention of substituting in different &#8220;flags&#8221; for different types of calls to action. This would keep image/http calls down while being as flexible and reusable as possible.<br />
<span class="color: #888"><br />
ex:<br />
&lt;div class=&#8221;button&#8221;&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;span&gt;Add to cart&gt;/span&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;span class=&#8221;blue cart&#8221;&gt;&lt;/span&gt;<br />
&lt;/div&gt;<br />
</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.informanddelight.com/work/inform/reputation-com-rebrand/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Xtracycle</title>
		<link>http://www.informanddelight.com/work/inform/xtracycle/</link>
		<comments>http://www.informanddelight.com/work/inform/xtracycle/#comments</comments>
		<pubDate>Tue, 01 Sep 2009 08:01:57 +0000</pubDate>
		<dc:creator>Nathan</dc:creator>
				<category><![CDATA[Inform]]></category>
		<category><![CDATA[Blog Design]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://informanddelight.com/work/?p=37</guid>
		<description><![CDATA[Web, graphic, and video work for the bicycle lifestyle company.]]></description>
			<content:encoded><![CDATA[<p>I created a short series of videos for the cycling company Xtracycle, demonstrating and explaining their products to newer users. The videos were meant to be playful instructional videos that demonstrated the features and shared helpful tips for using their products.</p>
<p><!--*************Carrying passengers video--><br />
<object width="400" height="300"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6367845&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=6367845&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="300"></embed></object>
<p><a href="http://vimeo.com/6367845">Carrying Passengers on an Xtracycle</a> from <a href="http://vimeo.com/xtracycle">Xtracycle</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><!--*********Freeloader bags--><br />
<object width="400" height="270"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6287204&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=6287204&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="270"></embed></object>
<p><a href="http://vimeo.com/6287204">FreeLoader by Xtracycle</a> from <a href="http://vimeo.com/xtracycle">Xtracycle</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>
This section shows the web and graphic design work I did for Xtracycle:<br />
<img src="http://informanddelight.com/work/wp-content/uploads/2009/10/xtracycle12.jpg"><br />
The first image is the splash page for <a href="http://www.xtracycle.com/ambassadors/ben-sollee-pedaling-against-poverty-tour/">Ben Sollee</a>, a musician who toured through the midwest by bicycle.</p>
<p><img src="http://informanddelight.com/work/wp-content/uploads/2009/10/xtracycle2.jpg"><br />
A proposed layout for  <a href="http://www.everydayadventurers.com">Everyday Adventurers</a>, the blog for Xtracycle&#8217;s employees.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.informanddelight.com/work/inform/xtracycle/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cyclezine</title>
		<link>http://www.informanddelight.com/work/inform/cyclezine/</link>
		<comments>http://www.informanddelight.com/work/inform/cyclezine/#comments</comments>
		<pubDate>Wed, 01 Apr 2009 09:01:53 +0000</pubDate>
		<dc:creator>Nathan</dc:creator>
				<category><![CDATA[Inform]]></category>
		<category><![CDATA[HTML/CSS]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://informanddelight.com/work/?p=25</guid>
		<description><![CDATA[Site design/custom Wordpress theme for a cycling blog.]]></description>
			<content:encoded><![CDATA[<p>Cyclezine is a blog documenting the San Francisco cycling culture and contributes tidbits from rare/vintage sources. The authors sought to create content to inform and deepen their reader&#8217;s love of cycling. I helped migrate content from a blogspot site to WordPress and customized a theme for the authors.</p>
<p><a href="http://www.cyclezine.net" target="_blank">Visit Cyclezine</a></p>
<p><a href="http://www.cyclezine.net"><img src="http://informanddelight.com/work/wp-content/uploads/2009/10/cyclezine1.jpg"></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.informanddelight.com/work/inform/cyclezine/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

