<?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; Portfolio</title>
	<atom:link href="http://engelgrafik.com/tag/portfolio/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>Wed, 31 Aug 2011 19:14:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Portfolio: Ahold&#8217;s very own Peapod</title>
		<link>http://engelgrafik.com/2011/08/portfolio-aholds-very-own-peapod/</link>
		<comments>http://engelgrafik.com/2011/08/portfolio-aholds-very-own-peapod/#comments</comments>
		<pubDate>Thu, 25 Aug 2011 19:10:57 +0000</pubDate>
		<dc:creator>engelgrafik</dc:creator>
				<category><![CDATA[Interface]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Ahold]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[dutch]]></category>
		<category><![CDATA[European]]></category>
		<category><![CDATA[grocery]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[netherlands]]></category>
		<category><![CDATA[Peapod]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://engelgrafik.com/?p=463</guid>
		<description><![CDATA[<p>In the early 2000s, Royal Ahold of the Netherlands, owner of stores like Stop-and-Shop and other American grocery retailers, were interested in creating their very own version of Stop-and-Shop&#8217;s &#8220;Peapod&#8221; service which had just been rolled out. A team was &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>In the early 2000s, Royal Ahold of the Netherlands, owner of stores like Stop-and-Shop and other American grocery retailers, were interested in creating their very own version of Stop-and-Shop&#8217;s &#8220;Peapod&#8221; service which had just been rolled out. A team was dispatched to Holland while yours truly stayed at home base to build some mockups. I had three days. That included 3AM phone conferences (my time). It was a whirlwind of activity, and I honestly can&#8217;t remember much of it, but I do have some screenshots to prove I did it. We didn&#8217;t even have a name yet, so we just called it &#8220;NewBrand&#8221;. I researched European color schemes and food retailers like Albert Heijn (an Ahold holding) to come up with something that inevitably was described as a Peapod for Holland. Unfortunately Ahold would run into financial troubles a year or two later and so it never launched.</p>
<p><a href="http://engelgrafik.com/wp-content/uploads/newbrandhome.gif"><img class="aligncenter size-full wp-image-303" title="newBrand homepage mockup" src="http://engelgrafik.com/wp-content/uploads/newbrandhome.gif" alt="" width="720" height="450" /></a></p>
<p><a href="http://engelgrafik.com/wp-content/uploads/newbrand.gif"><img class="aligncenter size-full wp-image-302" title="newBrand checkout subpage" src="http://engelgrafik.com/wp-content/uploads/newbrand.gif" alt="" width="720" height="450" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://engelgrafik.com/2011/08/portfolio-aholds-very-own-peapod/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<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[<p><a href="http://engelgrafik.com/wp-content/uploads/chappie2.jpg"><img class="alignnone size-full wp-image-40" title="Chappie Technologies logo ideas" src="http://engelgrafik.com/wp-content/uploads/chappie2.jpg" alt="" width="290" height="190" /></a></p>
<p>There are a lot of boutique development services companies in the marketplace competing on budgets, timeframe and such however <a href="http://www.chappietech.com" target="_blank">Chappie Technologies</a> needed another way to differentiate themselves from the rest of the pack. It was through this need that I &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://engelgrafik.com/wp-content/uploads/chappie2.jpg"><img class="alignnone size-full wp-image-40" title="Chappie Technologies logo ideas" src="http://engelgrafik.com/wp-content/uploads/chappie2.jpg" alt="" width="290" height="190" /></a></p>
<p>There are a lot of boutique development services companies in the marketplace competing on budgets, timeframe and such however <a href="http://www.chappietech.com" target="_blank">Chappie Technologies</a> 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 href="http://engelgrafik.com/2009/04/portfolio-chappie-technologies/1b/" rel="attachment wp-att-35"> <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 href="http://engelgrafik.com/2009/04/portfolio-chappie-technologies/2a/" rel="attachment wp-att-37"><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.<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 href="http://engelgrafik.com/2009/04/portfolio-chappie-technologies/2c/" rel="attachment wp-att-39"><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>
]]></content:encoded>
			<wfw:commentRss>http://engelgrafik.com/2009/04/portfolio-chappie-technologies/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Portfolio: Jane Elizabeth Jewelry</title>
		<link>http://engelgrafik.com/2009/03/jane-elizabeth-jewelry/</link>
		<comments>http://engelgrafik.com/2009/03/jane-elizabeth-jewelry/#comments</comments>
		<pubDate>Tue, 17 Mar 2009 22:26:26 +0000</pubDate>
		<dc:creator>engelgrafik</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[customer]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[ecommerce]]></category>
		<category><![CDATA[iconography]]></category>
		<category><![CDATA[Jane Elizabeth]]></category>
		<category><![CDATA[Jane Jewelry]]></category>
		<category><![CDATA[jewelry]]></category>

		<guid isPermaLink="false">http://engelgrafik.com/?p=7</guid>
		<description><![CDATA[<p><img class="alignnone" title="Jane Elizabeth homepage" src="http://engelgrafik.com/wp-content/uploads/janeelizabeth.gif" alt="" width="480" height="300" /></p>
<p>Back in 2003 I had been working on a project for Southern Cross Pin Company which involved photographing and setting up a surf jewelry website using osCommerce. It was a quick and dirty project but it helped me prepare myself &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" title="Jane Elizabeth homepage" src="http://engelgrafik.com/wp-content/uploads/janeelizabeth.gif" alt="" width="480" height="300" /></p>
<p>Back in 2003 I had been working on a project for Southern Cross Pin Company which involved photographing and setting up a surf jewelry website using osCommerce. It was a quick and dirty project but it helped me prepare myself for knowing the kinds of needs and requirements that an eCommerce site entails.</p>
<p>Shortly thereafter I started working on a project for Jane Elizabeth Jewelry (originally Jane Jewelry). Jane had several requirements. Jane Elizabeth was being worn by celebrities like Katie Couric and she was getting a lot of press in the Improper Bostonian as well as national mags like Lucky. However she had no commerce solution other than email, telephones and calculators.</p>
<p><strong>We came up with the following solution:</strong></p>
<ul>
<li>Create a homepage which showed recent and fresh new designs, as well as the latest magazines and media that featured Jane Elizabeth jewelry.</li>
<li>Develop an eCommerce solution using the open source osCommerce product.</li>
<li>Create a wishlist which would allow people to save their favorite items with an email response from Jane Elizabeth.</li>
<li>Create a customer-initiated gift reminder which would allow Jane Elizabeth to send email reminders to people to buy product at certain times of the year.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://engelgrafik.com/2009/03/jane-elizabeth-jewelry/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

