<?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>Sacha Greif &#187; Portfolio</title>
	<atom:link href="http://www.sachagreif.com/category/portfolio/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.sachagreif.com</link>
	<description>Sacha Greif's blog and portfolio</description>
	<lastBuildDate>Mon, 02 Aug 2010 14:00:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Kayboo</title>
		<link>http://www.sachagreif.com/kayboo/</link>
		<comments>http://www.sachagreif.com/kayboo/#comments</comments>
		<pubDate>Fri, 28 May 2010 16:21:52 +0000</pubDate>
		<dc:creator>Sacha</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.sachagreif.com/?p=374</guid>
		<description><![CDATA[A social network for freelancers and companies]]></description>
			<content:encoded><![CDATA[<p>Kayboo is a brand new service that bridges the gap between freelancers and companies, letting freelancers manage their career and companies find the right person. It needed to be obvious from the start that the site addresses both audiences, so Kayboo decided to use a dual blue and orange color scheme.</p>
<div id="attachment_375" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.sachagreif.com/wp-content/uploads/2010/05/kayboo-home.png"><img class="size-medium wp-image-375" title="kayboo-home" src="http://www.sachagreif.com/wp-content/uploads/2010/05/kayboo-home-580x580.png" alt="" width="580" height="580" /></a><p class="wp-caption-text">Kayboo home page</p></div>
<p>This was a very quick project, as Kayboo already had a previous design coded out before deciding that it wasn&#8217;t up to the task. The deadline was tight, but I managed to come up with a new design that set the right tone, while being flexible enough to let the site grow in different directions if needed.</p>
<div id="attachment_376" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.sachagreif.com/wp-content/uploads/2010/05/kayboo-dashboard.png"><img class="size-medium wp-image-376" title="kayboo-dashboard" src="http://www.sachagreif.com/wp-content/uploads/2010/05/kayboo-dashboard-580x483.png" alt="" width="580" height="483" /></a><p class="wp-caption-text">Kayboo dashboard</p></div>
<p>I took care of the dashboard area, providing Kayboo with a basic layout and widgets they could reuse throughout the site. And I also designed the logo, with a chronometer to symbolize the time users will save by using the site.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.sachagreif.com/kayboo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Edeneo</title>
		<link>http://www.sachagreif.com/edeneo/</link>
		<comments>http://www.sachagreif.com/edeneo/#comments</comments>
		<pubDate>Wed, 26 May 2010 15:08:35 +0000</pubDate>
		<dc:creator>Sacha</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.sachagreif.com/?p=360</guid>
		<description><![CDATA[A service that safeguards your information after death]]></description>
			<content:encoded><![CDATA[<p>Edeneo is a service that lets you safeguard important information like website logins, bank account information, or even your will in the event of death or disability. The subject matter was serious, so the design had to be appropriate. But we also didn&#8217;t want to scare away users by forcing them to contemplate their own mortality more than necessary. <span id="more-360"></span></p>
<div id="attachment_363" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.sachagreif.com/wp-content/uploads/2010/05/edeneo3c-home.png"><img class="size-medium wp-image-363" title="edeneo3c-home" src="http://www.sachagreif.com/wp-content/uploads/2010/05/edeneo3c-home-580x580.png" alt="" width="580" height="580" /></a><p class="wp-caption-text">Edeneo homepage mockup</p></div>
<p style="text-align: left;">After mutliple back and forths, we finally setteld on a black and blue color scheme with green accents. The black would give the design the right atmosphere (and would evoke security and seriousness), while the blue would evoke heaven and match well with the name. And of course, green is the color of hope, and also fits in with the &#8220;garden of Eden&#8221; theme.</p>
<div id="attachment_362" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.sachagreif.com/wp-content/uploads/2010/05/edeneo-actifs.png"><img class="size-medium wp-image-362" title="edeneo-actifs" src="http://www.sachagreif.com/wp-content/uploads/2010/05/edeneo-actifs-580x297.png" alt="" width="580" height="297" /></a><p class="wp-caption-text">Document management interface</p></div>
<p style="text-align: left;">Although a lot of time was spent on the front-end, getting the back-end right was even more important. Thankfully, establishing strong design guidelines in the first phase made it easy to move faster and get the back-end UI done fairly quickly.</p>
<div id="attachment_361" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.sachagreif.com/wp-content/uploads/2010/05/edeneo-login.png"><img class="size-medium wp-image-361" title="edeneo-login" src="http://www.sachagreif.com/wp-content/uploads/2010/05/edeneo-login-580x334.png" alt="" width="580" height="334" /></a><p class="wp-caption-text">The page you see when someone you know has passed away. Not an easy thing to design.</p></div>
<p>Logo design is not my specialty, but once I scribbled this concept on my pad I knew we had to use it. It&#8217;s an angel, but it&#8217;s also something else… Can you spot it?</p>
<div id="attachment_365" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.sachagreif.com/wp-content/uploads/2010/05/edeneo-logo-nb-small.png"><img class="size-full wp-image-365" title="edeneo-logo-nb-small" src="http://www.sachagreif.com/wp-content/uploads/2010/05/edeneo-logo-nb-small.png" alt="" width="580" height="329" /></a><p class="wp-caption-text">It might not be the FedEx logo, but it&#39;s a start</p></div>
<p style="text-align: center;">
]]></content:encoded>
			<wfw:commentRss>http://www.sachagreif.com/edeneo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Le Monde</title>
		<link>http://www.sachagreif.com/le-monde/</link>
		<comments>http://www.sachagreif.com/le-monde/#comments</comments>
		<pubDate>Thu, 06 May 2010 10:07:51 +0000</pubDate>
		<dc:creator>Sacha</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.sachagreif.com/?p=350</guid>
		<description><![CDATA[iPhone and iPad apps for France's leading newspaper]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s not often that you get an opportunity to work for a brand like Le Monde, and especially on such a project. At a time where the news industry is trying to reinvent itself, I was hired to design the newspaper&#8217;s new iPhone/<a href="http://www.lemonde.fr/ipad">iPad</a> application <a href="http://itunes.apple.com/us/app/le-monde/id362085416?mt=8">[iTunes link]</a>. <span id="more-350"></span></p>
<p>Although I worked on both platforms, I will focus here on the iPad part of the app, since it has more features.</p>
<p><em>Disclaimer: the following images are photoshop mockups, not actual application screenshots. But they are still fairly representative of the finished product, which you can check out on iTunes.</em></p>
<div id="attachment_352" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.sachagreif.com/wp-content/uploads/2010/05/h-kiosque-preloading.png"><img class="size-medium wp-image-352" title="h-kiosque-preloading" src="http://www.sachagreif.com/wp-content/uploads/2010/05/h-kiosque-preloading-580x435.png" alt="" width="580" height="435" /></a><p class="wp-caption-text">The iPad app&#39;s bookshelf/kiosk metaphor lets you quickly scan recent editions</p></div>
<p>Although my worked needed to follow existing brand guidelines, I was left fairly free to design the overall look how I wanted to. I chose to move away from bright Web 2.0 colors and use a dark theme to give the interface a serious feel while using the strong contrast to put the newspaper&#8217;s white page forward.</p>
<div id="attachment_354" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.sachagreif.com/wp-content/uploads/2010/05/ipad-journal-splitview.png"><img class="size-medium wp-image-354" title="ipad-journal-splitview" src="http://www.sachagreif.com/wp-content/uploads/2010/05/ipad-journal-splitview-580x435.png" alt="" width="580" height="435" /></a><p class="wp-caption-text">The split view is one of Apple&#39;s most useful UI innovations</p></div>
<p>One of the challenges at the time was designing for the iPad, a platform that nobody had ever seen or used. After watching the keynote a dozen time and going through every article I could find on the subject, I decided to pick up a few of the new iPad UI elements such as the bookshelf metaphor or the split view.</p>
<div id="attachment_353" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.sachagreif.com/wp-content/uploads/2010/05/ipad-journal-landscape2.png"><img class="size-medium wp-image-353" title="ipad-journal-landscape2" src="http://www.sachagreif.com/wp-content/uploads/2010/05/ipad-journal-landscape2-580x435.png" alt="" width="580" height="435" /></a><p class="wp-caption-text">The page preview pop-over lets you quickly scan through pages</p></div>
<p>I also came up with new ways to use the iPad&#8217;s larger screen, such as pop-overs for navigating within a page, and previewing other pages.</p>
<p>I just wish I could&#8217;ve exercised more control on the finished product, and taken more time to polish the application. As is usually the case when working for large and complex organisations, there were a lot of external pressures, but altogether this was a great experience, and I have no doubt that the iPad is leading a revolution in the way we use and relate to computers.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.sachagreif.com/le-monde/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Le Post iPhone</title>
		<link>http://www.sachagreif.com/le-post-iphone/</link>
		<comments>http://www.sachagreif.com/le-post-iphone/#comments</comments>
		<pubDate>Thu, 15 Apr 2010 10:26:36 +0000</pubDate>
		<dc:creator>Sacha</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.sachagreif.com/?p=343</guid>
		<description><![CDATA[An iPhone app for one of France's most popular news sites]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.lepost.fr/">Le Post</a> is a community news site with a twist: an active staff of editors checks each post and decides which one to mark as verified or promote to the front page. With this blend of user-generated and professional content, the site (which belongs to Le Monde Interactif, the company which edits Le Monde&#8217;s website) has quickly risen to become one of the hottest french news sites. The site&#8217;s <a href="http://itunes.apple.com/il/app/le-post/id358716854?mt=8">iPhone app</a> had two main goals: provide the occasional users with a quick overview of the day&#8217;s news and trending topics, while also enabling power users to access more advanced features, such as tags, user profiles, and favorites. We also decided to include a photo booth easter egg to help the app go viral.</p>
<p style="text-align: center;"><a href="http://www.sachagreif.com/wp-content/uploads/2010/04/lepost1.jpg"><img class="aligncenter size-full wp-image-344" title="lepost1" src="http://www.sachagreif.com/wp-content/uploads/2010/04/lepost1.jpg" alt="" width="320" height="480" /></a></p>
<p>I came in mid-project, with a strong visual identity already established by previous designers, and a lot of share-holders invested in the project. All this added to the challenge, but it was worth it as the app was very well received by the site&#8217;s community, and quickly climbed the rankings of the french app store to reach number 7 on the free apps list.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.sachagreif.com/le-post-iphone/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Youji</title>
		<link>http://www.sachagreif.com/youji/</link>
		<comments>http://www.sachagreif.com/youji/#comments</comments>
		<pubDate>Sun, 10 Jan 2010 19:06:25 +0000</pubDate>
		<dc:creator>Sacha</dc:creator>
				<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.sachagreif.com/?p=335</guid>
		<description><![CDATA[A travel log]]></description>
			<content:encoded><![CDATA[<p>&#8220;Youji&#8221; means &#8220;travel log&#8221; in Chinese, and it&#8217;s just that: <a href="http://youji.bluechinablog.com/">a travel log of 3 months in China</a>, during the summer of 2009, covering Beijing, Wuhan, and Sichuan.</p>
<div id="attachment_336" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.sachagreif.com/wp-content/uploads/2010/01/youji.png"><img class="size-medium wp-image-336" title="youji" src="http://www.sachagreif.com/wp-content/uploads/2010/01/youji-580x444.png" alt="" width="580" height="444" /></a><p class="wp-caption-text">Blog front page</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.sachagreif.com/youji/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Packaging Specialties</title>
		<link>http://www.sachagreif.com/packaging-specialties/</link>
		<comments>http://www.sachagreif.com/packaging-specialties/#comments</comments>
		<pubDate>Sun, 10 Jan 2010 15:14:36 +0000</pubDate>
		<dc:creator>Sacha</dc:creator>
				<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.sachagreif.com/?p=329</guid>
		<description><![CDATA[An e-commerce site]]></description>
			<content:encoded><![CDATA[<p>Designing an e-commerce site is never easy, if only for the huge number of details you need to take into account. <a href="http://www.wdezine.com/">WDE</a> asked me to provide a design for one of their clients, <a href="http://www.packagingspecialtiesonline.com/">Packaging Specialties</a>. I gave them my mockups and they took care of the rest.</p>
<p>Although I&#8217;m not a logo designer by any means, I also created the new logo for the site.</p>
<div id="attachment_331" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.sachagreif.com/wp-content/uploads/2010/01/ps-home.png"><img class="size-medium wp-image-331" title="ps-home" src="http://www.sachagreif.com/wp-content/uploads/2010/01/ps-home-580x495.png" alt="" width="580" height="495" /></a><p class="wp-caption-text">Packaging Specialties home page</p></div>
<div id="attachment_330" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.sachagreif.com/wp-content/uploads/2010/01/ps-product.png"><img class="size-medium wp-image-330" title="ps-product" src="http://www.sachagreif.com/wp-content/uploads/2010/01/ps-product-580x498.png" alt="" width="580" height="498" /></a><p class="wp-caption-text">Product page</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.sachagreif.com/packaging-specialties/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>NoCoffee CMS</title>
		<link>http://www.sachagreif.com/nocoffee-cms/</link>
		<comments>http://www.sachagreif.com/nocoffee-cms/#comments</comments>
		<pubDate>Sun, 03 Jan 2010 10:01:36 +0000</pubDate>
		<dc:creator>Sacha</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.sachagreif.com/?p=321</guid>
		<description><![CDATA[An interface redesign for a Rails-based CMS]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.nocoffee.fr/">NoCoffee</a>, a french webdesign company, developed their own <a href="http://www.nocoffeecms.com/">Rails-based CMS</a>. They hired me to redesign the interface and make it both better looking and more usable. My goal was to clearly map out the software&#8217;s content structure through the interface itself to make it easy for new users to be quickly productive. I also tried to move away from the classic look of web content management systems with lots of widgets and text, and go for more of a streamlined desktop app look.</p>
<div id="attachment_319" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.sachagreif.com/wp-content/uploads/2010/01/nc-1.png"><img class="size-medium wp-image-319" title="nc-1" src="http://www.sachagreif.com/wp-content/uploads/2010/01/nc-1-580x321.png" alt="" width="580" height="321" /></a><p class="wp-caption-text">Media gallery page</p></div>
<div id="attachment_320" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.sachagreif.com/wp-content/uploads/2010/01/nc-2.png"><img class="size-medium wp-image-320" title="nc-2" src="http://www.sachagreif.com/wp-content/uploads/2010/01/nc-2-580x414.png" alt="" width="580" height="414" /></a><p class="wp-caption-text">Edit page with form error states</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.sachagreif.com/nocoffee-cms/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Race Registration Kiosk</title>
		<link>http://www.sachagreif.com/race-registration-kiosk/</link>
		<comments>http://www.sachagreif.com/race-registration-kiosk/#comments</comments>
		<pubDate>Sun, 27 Dec 2009 18:50:08 +0000</pubDate>
		<dc:creator>Sacha</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.sachagreif.com/?p=306</guid>
		<description><![CDATA[A touchscreen kiosk for on-site race registration]]></description>
			<content:encoded><![CDATA[<p>Bazu took the same front-end software as the <a href="http://www.sachagreif.com/leapform-kiosk/">LeapForm Kiosk</a>, asked me to adapt the design, then plugged it into their existing <a href="http://www.sachagreif.com/race-director/">Race Management system</a>, and there you go, the Race Registration Kiosk was born.</p>
<div id="attachment_307" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.sachagreif.com/wp-content/uploads/2009/12/kiosk1.png"><img class="size-medium wp-image-307" title="Race Registration Kiosk" src="http://www.sachagreif.com/wp-content/uploads/2009/12/kiosk1-580x326.png" alt="" width="580" height="326" /></a><p class="wp-caption-text">Registration Confirmation Screen</p></div>
<p>It was successfully used to register people at a number of different races, and as you can see even little kids were using it to sign up. This was a very good learning experience for me, because I got to see people using something I made, and got real-time feedback on what was working (or not working) in my design.</p>
<div id="attachment_308" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.sachagreif.com/wp-content/uploads/2009/12/IMG_0014.jpg"><img class="size-medium wp-image-308" title="Using the kiosk" src="http://www.sachagreif.com/wp-content/uploads/2009/12/IMG_0014-580x870.jpg" alt="So simple kids can use it" width="580" height="870" /></a><p class="wp-caption-text">So simple kids can use it</p></div>
<p style="text-align: center;">
]]></content:encoded>
			<wfw:commentRss>http://www.sachagreif.com/race-registration-kiosk/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TollFreeConferencing.com</title>
		<link>http://www.sachagreif.com/tollfreeconferencing-com/</link>
		<comments>http://www.sachagreif.com/tollfreeconferencing-com/#comments</comments>
		<pubDate>Wed, 04 Nov 2009 17:48:01 +0000</pubDate>
		<dc:creator>Sacha</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.sachagreif.com/?p=228</guid>
		<description><![CDATA[A conference call service geared towards companies]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.tollfreeconferencing.com">TollFreeConferencing.com</a> is a site that provides great enterprise-level conference calling. When they asked me to redesign their site and back-end, the main goal was to make the site as profesionnal as the service.</p>
<div id="attachment_236" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.sachagreif.com/wp-content/uploads/2009/11/tfc-screen.png"><img class="size-medium wp-image-236" title="tfc-screen" src="http://www.sachagreif.com/wp-content/uploads/2009/11/tfc-screen-580x414.png" alt="TollFreeConferencing.com home page" width="580" height="414" /></a><p class="wp-caption-text">TollFreeConferencing.com home page</p></div>
<div id="attachment_235" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.sachagreif.com/wp-content/uploads/2009/11/tfcUI-screen.png"><img class="size-medium wp-image-235" title="tfcUI-screen" src="http://www.sachagreif.com/wp-content/uploads/2009/11/tfcUI-screen-580x298.png" alt="Call Archives Section" width="580" height="298" /></a><p class="wp-caption-text">Call Archives Section</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.sachagreif.com/tollfreeconferencing-com/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Leapform Kiosk</title>
		<link>http://www.sachagreif.com/leapform-kiosk/</link>
		<comments>http://www.sachagreif.com/leapform-kiosk/#comments</comments>
		<pubDate>Wed, 04 Nov 2009 17:21:31 +0000</pubDate>
		<dc:creator>Sacha</dc:creator>
				<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.sachagreif.com/?p=223</guid>
		<description><![CDATA[A touchscreen kiosk to facilitate health care applications]]></description>
			<content:encoded><![CDATA[<p>Clearing up your health care situation is no fun (just ask Barack Obama). But here&#8217;s a field where technology can actually make things simpler. <a href="http://www.leapform.net/">Leapform</a> is a social services company who&#8217;s developing a touchscreen kiosk that make filling an application much faster.</p>
<div id="attachment_225" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.sachagreif.com/wp-content/uploads/2009/11/kiosk2-screen.png"><img class="size-medium wp-image-225" title="kiosk2-screen" src="http://www.sachagreif.com/wp-content/uploads/2009/11/kiosk2-screen-580x435.png" alt="Touchscreen Kiosk" width="580" height="435" /></a><p class="wp-caption-text">Touchscreen Kiosk</p></div>
<p>Their kiosk even include video conferencing, and multiple kiosks can be managed by a single remote operator.</p>
<div id="attachment_224" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.sachagreif.com/wp-content/uploads/2009/11/kiosk-screen.png"><img class="size-medium wp-image-224" title="kiosk-screen" src="http://www.sachagreif.com/wp-content/uploads/2009/11/kiosk-screen-580x435.png" alt="Kiosk Management Interface" width="580" height="435" /></a><p class="wp-caption-text">Kiosk Management Interface</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.sachagreif.com/leapform-kiosk/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
