<?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="/category/portfolio/feed/" rel="self" type="application/rss+xml" />
	<link>/</link>
	<description>Sacha Greif's blog and portfolio</description>
	<lastBuildDate>Wed, 06 Oct 2010 13:51:29 +0000</lastBuildDate>
	<language>en-US</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=4.0.13</generator>
	<item>
		<title>Timetag.it</title>
		<link>/timetag-it/</link>
		<comments>/timetag-it/#comments</comments>
		<pubDate>Wed, 06 Oct 2010 13:39:54 +0000</pubDate>
		<dc:creator><![CDATA[Sacha]]></dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.sachagreif.com/?p=416</guid>
		<description><![CDATA[A time-tracking application]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.timetag.it/">Timetag.it</a> is a brand new time-tracking application by XAOP that uses Google Calendar to provide stats and data on your work. I designed both the user interface and the home page.</p>
<div id="attachment_421" style="width: 590px" class="wp-caption aligncenter"><a href="/wp-content/uploads/2010/10/timetag-7-reports1.png"><img class="size-medium wp-image-421 " title="timetag-7-reports" src="/wp-content/uploads/2010/10/timetag-7-reports1-580x483.png" alt="" width="580" height="483" /></a><p class="wp-caption-text">The app lets you create reports based on your Google Calendar data</p></div>
<div id="attachment_418" style="width: 590px" class="wp-caption aligncenter"><a href="/wp-content/uploads/2010/10/timetag-7-projects.png"><img class="size-medium wp-image-418 " title="timetag-7-projects" src="/wp-content/uploads/2010/10/timetag-7-projects-580x483.png" alt="" width="580" height="483" /></a><p class="wp-caption-text">Project dashboard screen</p></div>
]]></content:encoded>
			<wfw:commentRss>/timetag-it/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TheJournal.ie</title>
		<link>/thejournal-ie/</link>
		<comments>/thejournal-ie/#comments</comments>
		<pubDate>Wed, 06 Oct 2010 13:33:46 +0000</pubDate>
		<dc:creator><![CDATA[Sacha]]></dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.sachagreif.com/?p=409</guid>
		<description><![CDATA[An Irish news site]]></description>
				<content:encoded><![CDATA[<p>One of my biggest projects to date, the design of the Irish news site <a href="http://www.thejournal.ie/">TheJournal.ie</a>, along with its three sister publications (Business Etc., The Score, and The Daily Edge). The process was fairly long, so I&#8217;ll save the details for another day. Or you can always <a href="/#footer">contact me</a> if you want to hear more.</p>
<p style="text-align: center;"><a href="/wp-content/uploads/2010/10/TheJournal.ie-201010061.png"><img class="size-medium wp-image-413 aligncenter" title="TheJournal.ie-(20101006)" src="/wp-content/uploads/2010/10/TheJournal.ie-201010061-580x1455.png" alt="" width="580" height="1455" /></a></p>
]]></content:encoded>
			<wfw:commentRss>/thejournal-ie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Locomotive</title>
		<link>/locomotive/</link>
		<comments>/locomotive/#comments</comments>
		<pubDate>Wed, 06 Oct 2010 13:23:48 +0000</pubDate>
		<dc:creator><![CDATA[Sacha]]></dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.sachagreif.com/?p=404</guid>
		<description><![CDATA[A front-end site for a Ruby on Rails CMS]]></description>
				<content:encoded><![CDATA[<p>After designing the user interface for Locomotive (a Ruby on Rails CMS), I did the front-end site. You can <a href="/locomotive-behind-the-scenes/">read more about the design process in the blog</a> or <a href="http://locomotiveapp.org/">view the site</a>.</p>
<p style="text-align: center;"><a href="/wp-content/uploads/2010/10/Locomotive-—-Ruby-on-Rails-Open-source-CMS-20101006.png"><img class="size-medium wp-image-405 aligncenter" title="Locomotive — Ruby on Rails Open source CMS (20101006)" src="/wp-content/uploads/2010/10/Locomotive-—-Ruby-on-Rails-Open-source-CMS-20101006-580x676.png" alt="" width="580" height="676" /></a></p>
]]></content:encoded>
			<wfw:commentRss>/locomotive/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Kayboo</title>
		<link>/kayboo/</link>
		<comments>/kayboo/#comments</comments>
		<pubDate>Fri, 28 May 2010 16:21:52 +0000</pubDate>
		<dc:creator><![CDATA[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" style="width: 590px" class="wp-caption aligncenter"><a href="/wp-content/uploads/2010/05/kayboo-home.png"><img class="size-medium wp-image-375" title="kayboo-home" src="/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" style="width: 590px" class="wp-caption aligncenter"><a href="/wp-content/uploads/2010/05/kayboo-dashboard.png"><img class="size-medium wp-image-376" title="kayboo-dashboard" src="/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>/kayboo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Edeneo</title>
		<link>/edeneo/</link>
		<comments>/edeneo/#comments</comments>
		<pubDate>Wed, 26 May 2010 15:08:35 +0000</pubDate>
		<dc:creator><![CDATA[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" style="width: 590px" class="wp-caption aligncenter"><a href="/wp-content/uploads/2010/05/edeneo3c-home.png"><img class="size-medium wp-image-363" title="edeneo3c-home" src="/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" style="width: 590px" class="wp-caption aligncenter"><a href="/wp-content/uploads/2010/05/edeneo-actifs.png"><img class="size-medium wp-image-362" title="edeneo-actifs" src="/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" style="width: 590px" class="wp-caption aligncenter"><a href="/wp-content/uploads/2010/05/edeneo-login.png"><img class="size-medium wp-image-361" title="edeneo-login" src="/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" style="width: 590px" class="wp-caption aligncenter"><a href="/wp-content/uploads/2010/05/edeneo-logo-nb-small.png"><img class="size-full wp-image-365" title="edeneo-logo-nb-small" src="/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>/edeneo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Le Monde</title>
		<link>/le-monde/</link>
		<comments>/le-monde/#comments</comments>
		<pubDate>Thu, 06 May 2010 10:07:51 +0000</pubDate>
		<dc:creator><![CDATA[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" style="width: 590px" class="wp-caption aligncenter"><a href="/wp-content/uploads/2010/05/h-kiosque-preloading.png"><img class="size-medium wp-image-352" title="h-kiosque-preloading" src="/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" style="width: 590px" class="wp-caption aligncenter"><a href="/wp-content/uploads/2010/05/ipad-journal-splitview.png"><img class="size-medium wp-image-354" title="ipad-journal-splitview" src="/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" style="width: 590px" class="wp-caption aligncenter"><a href="/wp-content/uploads/2010/05/ipad-journal-landscape2.png"><img class="size-medium wp-image-353" title="ipad-journal-landscape2" src="/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>/le-monde/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Le Post iPhone</title>
		<link>/le-post-iphone/</link>
		<comments>/le-post-iphone/#comments</comments>
		<pubDate>Thu, 15 Apr 2010 10:26:36 +0000</pubDate>
		<dc:creator><![CDATA[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="/wp-content/uploads/2010/04/lepost1.jpg"><img class="aligncenter size-full wp-image-344" title="lepost1" src="/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>/le-post-iphone/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Youji</title>
		<link>/youji/</link>
		<comments>/youji/#comments</comments>
		<pubDate>Sun, 10 Jan 2010 19:06:25 +0000</pubDate>
		<dc:creator><![CDATA[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" style="width: 590px" class="wp-caption aligncenter"><a href="/wp-content/uploads/2010/01/youji.png"><img class="size-medium wp-image-336" title="youji" src="/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>/youji/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Packaging Specialties</title>
		<link>/packaging-specialties/</link>
		<comments>/packaging-specialties/#comments</comments>
		<pubDate>Sun, 10 Jan 2010 15:14:36 +0000</pubDate>
		<dc:creator><![CDATA[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" style="width: 590px" class="wp-caption aligncenter"><a href="/wp-content/uploads/2010/01/ps-home.png"><img class="size-medium wp-image-331" title="ps-home" src="/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" style="width: 590px" class="wp-caption aligncenter"><a href="/wp-content/uploads/2010/01/ps-product.png"><img class="size-medium wp-image-330" title="ps-product" src="/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>/packaging-specialties/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>NoCoffee CMS</title>
		<link>/nocoffee-cms/</link>
		<comments>/nocoffee-cms/#comments</comments>
		<pubDate>Sun, 03 Jan 2010 10:01:36 +0000</pubDate>
		<dc:creator><![CDATA[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" style="width: 590px" class="wp-caption aligncenter"><a href="/wp-content/uploads/2010/01/nc-1.png"><img class="size-medium wp-image-319" title="nc-1" src="/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" style="width: 590px" class="wp-caption aligncenter"><a href="/wp-content/uploads/2010/01/nc-2.png"><img class="size-medium wp-image-320" title="nc-2" src="/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>/nocoffee-cms/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

 Served from: v2.sachagreif.com @ 2017-01-02 03:36:29 by W3 Total Cache -->