<?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>Engelgrafik &#187; Chappie Technologies</title>
	<atom:link href="http://engelgrafik.com/tag/chappie-technologies/feed/" rel="self" type="application/rss+xml" />
	<link>http://engelgrafik.com</link>
	<description>Jeffrey Engel&#039;s work and thoughts on graphic design, information design and user experience.</description>
	<lastBuildDate>Fri, 16 Jul 2010 15:55:53 +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>Portfolio: Chappie Technologies</title>
		<link>http://engelgrafik.com/2009/04/portfolio-chappie-technologies/</link>
		<comments>http://engelgrafik.com/2009/04/portfolio-chappie-technologies/#comments</comments>
		<pubDate>Wed, 08 Apr 2009 09:38:03 +0000</pubDate>
		<dc:creator>engelgrafik</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Chappie Technologies]]></category>
		<category><![CDATA[customer]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[logo]]></category>

		<guid isPermaLink="false">http://engelgrafik.com/?p=33</guid>
		<description><![CDATA[They wanted something that looked clean, progressive and forward-thinking but still rooted in the task-oriented world of programming and IT.]]></description>
			<content:encoded><![CDATA[<p>There are a lot of boutique development services companies in the marketplace competing on budgets, timeframe and such however Chappie Technologies needed another way to differentiate themselves from the rest of the pack. It was through this need that I became tasked with helping them come up with a new look to their site, and developing some brand assets.</p>
<p><img class="alignleft size-thumbnail wp-image-34" title="1a" src="http://engelgrafik.com/wp-content/uploads/1a-150x150.jpg" alt="1a" width="150" height="150" /><a rel="attachment wp-att-35" href="http://engelgrafik.com/2009/04/portfolio-chappie-technologies/1b/"> <img class="alignleft size-thumbnail wp-image-35" style="margin-left: 10px; margin-right: 10px;" title="1b" src="http://engelgrafik.com/wp-content/uploads/1b-150x150.jpg" alt="1b" width="150" height="150" /></a></p>
<p>First came the general layout and look-and-feel of the site. What kind of mood were they trying to convey to their customers? Most of Chappie Technologies&#8217; competitors&#8217; sites look a bit jumbled and full of technical jargon that is disorganized and hard to understand. They wanted something that looked clean, progressive and forward-thinking but still rooted in the task-oriented world of programming and IT.</p>
<p><a rel="attachment wp-att-37" href="http://engelgrafik.com/2009/04/portfolio-chappie-technologies/2a/"><img class="alignleft size-full wp-image-37" style="margin-left: 0px; margin-right: 10px;" title="2a" src="http://engelgrafik.com/wp-content/uploads/2a.jpg" alt="2a" width="250" height="243" /></a>We also worked on visuals and metaphors a bit further into a revision of our initial experimental designs. Visuals that were easy to understand were the first choice, however we didn&#8217;t want to just use the same tired stock photography so we made a conscious effort to use higher quality photographs and imagery.</p>
<p><a rel="attachment wp-att-40" href="http://engelgrafik.com/2009/04/portfolio-chappie-technologies/chappie2/"><img class="alignleft size-full wp-image-40" style="margin-left: 0px; margin-right: 10px;" title="chappie2" src="http://engelgrafik.com/wp-content/uploads/chappie2.jpg" alt="chappie2" width="290" height="190" /></a><br />
After several passes at a logo, we focused on a classic feel, almost nostalgic. This was a logo that had a modern edge to it, yet it also had an industrial 1950s feel to it, conveying a traditional American sense of quality and trust.</p>
<h2>Final product</h2>
<p>The end result was a design coded in CSS and XHTML, using DIVs instead of tables, however it appears at this moment the customer has reverted to HTML tables. <a title="Chappie Technologies" href="http://www.chappietech.com" target="_blank">http://www.chappietech.com</a></p>
<div id="attachment_39" class="wp-caption alignleft" style="width: 260px"><a rel="attachment wp-att-39" href="http://engelgrafik.com/2009/04/portfolio-chappie-technologies/2c/"><img class="size-full wp-image-39" style="margin-left: 0px; margin-right: 5px;" title="Chappie Technologies chosen design (minus logo)" src="http://engelgrafik.com/wp-content/uploads/2c.jpg" alt="This is the design that was eventually chosen." width="250" height="241" /></a><p class="wp-caption-text">This is the design that was eventually chosen.</p></div>
<div id="attachment_41" class="wp-caption alignleft" style="width: 300px"><a href="http://www.chappietech.com"><img class="size-full wp-image-41" title="chappie3" src="http://engelgrafik.com/wp-content/uploads/chappie3.jpg" alt="The chosen logo, with a bit of a different take on the sometimes overused globe, focusing more on the idea that Chappie Technologies offers solutions that help their customers navigate the market's waters." width="290" height="190" /></a><p class="wp-caption-text">The chosen logo, with a bit of a different take on the sometimes overused globe, focusing more on the idea that Chappie Technologies offers solutions that help their customers navigate the market&#39;s waters.</p></div>



Share and Enjoy:


	<a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fengelgrafik.com%2F2009%2F04%2Fportfolio-chappie-technologies%2F&amp;title=Portfolio%3A%20Chappie%20Technologies&amp;bodytext=They%20wanted%20something%20that%20looked%20clean%2C%20progressive%20and%20forward-thinking%20but%20still%20rooted%20in%20the%20task-oriented%20world%20of%20programming%20and%20IT." title="Digg"><img src="http://engelgrafik.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fengelgrafik.com%2F2009%2F04%2Fportfolio-chappie-technologies%2F&amp;title=Portfolio%3A%20Chappie%20Technologies&amp;notes=They%20wanted%20something%20that%20looked%20clean%2C%20progressive%20and%20forward-thinking%20but%20still%20rooted%20in%20the%20task-oriented%20world%20of%20programming%20and%20IT." title="del.icio.us"><img src="http://engelgrafik.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fengelgrafik.com%2F2009%2F04%2Fportfolio-chappie-technologies%2F&amp;t=Portfolio%3A%20Chappie%20Technologies" title="Facebook"><img src="http://engelgrafik.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="" title="TwitThis"><img src="http://engelgrafik.com/wp-content/plugins/sociable/images/" title="TwitThis" alt="TwitThis" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fengelgrafik.com%2F2009%2F04%2Fportfolio-chappie-technologies%2F&amp;title=Portfolio%3A%20Chappie%20Technologies&amp;annotation=They%20wanted%20something%20that%20looked%20clean%2C%20progressive%20and%20forward-thinking%20but%20still%20rooted%20in%20the%20task-oriented%20world%20of%20programming%20and%20IT." title="Google Bookmarks"><img src="http://engelgrafik.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fengelgrafik.com%2F2009%2F04%2Fportfolio-chappie-technologies%2F&amp;title=Portfolio%3A%20Chappie%20Technologies" title="StumbleUpon"><img src="http://engelgrafik.com/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://reddit.com/submit?url=http%3A%2F%2Fengelgrafik.com%2F2009%2F04%2Fportfolio-chappie-technologies%2F&amp;title=Portfolio%3A%20Chappie%20Technologies" title="Reddit"><img src="http://engelgrafik.com/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fengelgrafik.com%2F2009%2F04%2Fportfolio-chappie-technologies%2F" title="Technorati"><img src="http://engelgrafik.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fengelgrafik.com%2F2009%2F04%2Fportfolio-chappie-technologies%2F&amp;title=Portfolio%3A%20Chappie%20Technologies&amp;source=Engelgrafik+Jeffrey+Engel%26%23039%3Bs+work+and+thoughts+on+graphic+design%2C+information+design+and+user+experience.&amp;summary=They%20wanted%20something%20that%20looked%20clean%2C%20progressive%20and%20forward-thinking%20but%20still%20rooted%20in%20the%20task-oriented%20world%20of%20programming%20and%20IT." title="LinkedIn"><img src="http://engelgrafik.com/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://engelgrafik.com/feed/" title="RSS"><img src="http://engelgrafik.com/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=Portfolio%3A%20Chappie%20Technologies%20-%20http%3A%2F%2Fengelgrafik.com%2F2009%2F04%2Fportfolio-chappie-technologies%2F" title="Twitter"><img src="http://engelgrafik.com/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://engelgrafik.com/2009/04/portfolio-chappie-technologies/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
