

<?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>Jérôme Sénaillat &#187; Graphic</title>
	<atom:link href="http://www.senaillat.com/category/graphic/feed" rel="self" type="application/rss+xml" />
	<link>http://www.senaillat.com</link>
	<description>Interactive/Design   Paris/Tokyo.</description>
	<lastBuildDate>Tue, 08 Nov 2011 12:48:07 +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>Uni-ball fanthom The Game</title>
		<link>http://www.senaillat.com/graphic/uni-ball-fanthom-the-game</link>
		<comments>http://www.senaillat.com/graphic/uni-ball-fanthom-the-game#comments</comments>
		<pubDate>Tue, 13 Jul 2010 02:50:48 +0000</pubDate>
		<dc:creator>Jérôme</dc:creator>
				<category><![CDATA[Graphic]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[integration]]></category>

		<guid isPermaLink="false">http://www.senaillat.com/?p=1138</guid>
		<description><![CDATA[<a href="http://www.uniball.com/">Uni-ball</a> asked me to build a flash game for the launch of their new pen, the Fanthom.]]></description>
			<content:encoded><![CDATA[
<a href='http://www.senaillat.com/graphic/uni-ball-fanthom-the-game/attachment/fanthom-01' title='fanthom-01'><img width="150" height="150" src="http://www.senaillat.com/wp-content/uploads/2010/07/fanthom-01-150x150.jpg" class="attachment-thumbnail" alt="fanthom-01" title="fanthom-01" /></a>
<a href='http://www.senaillat.com/graphic/uni-ball-fanthom-the-game/attachment/fanthom-02' title='fanthom-02'><img width="150" height="150" src="http://www.senaillat.com/wp-content/uploads/2010/07/fanthom-02-150x150.jpg" class="attachment-thumbnail" alt="fanthom-02" title="fanthom-02" /></a>
<a href='http://www.senaillat.com/graphic/uni-ball-fanthom-the-game/attachment/fanthom-03' title='fanthom-03'><img width="150" height="150" src="http://www.senaillat.com/wp-content/uploads/2010/07/fanthom-03-150x150.jpg" class="attachment-thumbnail" alt="fanthom-03" title="fanthom-03" /></a>
<a href='http://www.senaillat.com/graphic/uni-ball-fanthom-the-game/attachment/fanthom-04' title='fanthom-04'><img width="150" height="150" src="http://www.senaillat.com/wp-content/uploads/2010/07/fanthom-04-150x150.jpg" class="attachment-thumbnail" alt="fanthom-04" title="fanthom-04" /></a>
<a href='http://www.senaillat.com/graphic/uni-ball-fanthom-the-game/attachment/fanthom-05' title='fanthom-05'><img width="150" height="150" src="http://www.senaillat.com/wp-content/uploads/2010/07/fanthom-05-150x150.jpg" class="attachment-thumbnail" alt="fanthom-05" title="fanthom-05" /></a>
<a href='http://www.senaillat.com/graphic/uni-ball-fanthom-the-game/attachment/fanthom-06' title='fanthom-06'><img width="150" height="150" src="http://www.senaillat.com/wp-content/uploads/2010/07/fanthom-06-150x150.jpg" class="attachment-thumbnail" alt="fanthom-06" title="fanthom-06" /></a>

<p><a href="http://www.uniball.com/">Uni-ball</a> asked me to build a flash game for the launch of their new pen, the <a href="http://www.penaddict.com/2010/06/review-uniball-fanthom-erasable-gel-05mm.html">Fanthom</a>. </p>
<p>They already had a clear idea: the game had to be a casual game, based on the popular <a href="http://uk.midas.games.yahoo.net/opengame_play.jsp?game=luxor">Luxor</a>.<br />
On this project I worked with Julien, who built the game engine in Flash, and the DB part, while I worked on the game design and graphics.<br />
It was a fun project to work on, with all these <em>halloweenish</em> illustrations to create — I just wish we had more time to add extra features…</p>
<p>The game has the following specs:</p>
<ul>
<li>17 different levels, of increasing difficulty (levels loop endlessly, so level 18 is the same as level 1, only faster etc.)</li>
<li>4 different types of bonus</li>
<li>Highscores, updated daily</li>
<li>Simple backend to generate CSV for the client</li>
<li>Automated daily mails sent to winners and project managers</li>
</ul>
<p>It’s in french, but I think that the gameplay is quite easy to understand…</p>
]]></content:encoded>
			<wfw:commentRss>http://www.senaillat.com/graphic/uni-ball-fanthom-the-game/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Mobile Ads</title>
		<link>http://www.senaillat.com/graphic/google-mobile-ads</link>
		<comments>http://www.senaillat.com/graphic/google-mobile-ads#comments</comments>
		<pubDate>Sun, 09 May 2010 15:13:40 +0000</pubDate>
		<dc:creator>Jérôme</dc:creator>
				<category><![CDATA[Graphic]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[B2B]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[minimal]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.senaillat.com/?p=874</guid>
		<description><![CDATA[<a href="http://www.google.com/">Google</a> needed a couple of B2B videos to explain the benefits of their <a href="http://www.google.com/mobileads/">Mobile Ads</a> service to potential clients.]]></description>
			<content:encoded><![CDATA[
<a href='http://www.senaillat.com/graphic/google-mobile-ads/attachment/google-00-2' title='google-00'><img width="150" height="150" src="http://www.senaillat.com/wp-content/uploads/2010/04/google-001-150x150.jpg" class="attachment-thumbnail" alt="google-00" title="google-00" /></a>
<a href='http://www.senaillat.com/graphic/google-mobile-ads/attachment/google-01' title='google-01'><img width="150" height="150" src="http://www.senaillat.com/wp-content/uploads/2010/04/google-01-150x150.jpg" class="attachment-thumbnail" alt="google-01" title="google-01" /></a>
<a href='http://www.senaillat.com/graphic/google-mobile-ads/attachment/google-02' title='google-02'><img width="150" height="150" src="http://www.senaillat.com/wp-content/uploads/2010/04/google-02-150x150.jpg" class="attachment-thumbnail" alt="google-02" title="google-02" /></a>
<a href='http://www.senaillat.com/graphic/google-mobile-ads/attachment/google-03' title='google-03'><img width="150" height="150" src="http://www.senaillat.com/wp-content/uploads/2010/04/google-03-150x150.jpg" class="attachment-thumbnail" alt="google-03" title="google-03" /></a>

<p><a href="http://www.google.com/">Google</a> needed a couple of B2B videos to explain the benefits of their <a href="http://www.google.com/mobileads/">Mobile Ads</a> service to potential clients.</p>
<p>They wanted something visually simple, that would match Google identity and tone, didactic, and short. It should also be generic enough to be easy to localize in several languages. We didn’t have much time, and went for something quite minimal.</p>
<p>I was responsible of the global direction of the project, visual choices, and animation production.</p>
<p>Visuals were also declined in a couple of give-aways: eco bags, notebooks, etc.</p>
<p><object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/yKXcffErnMg&#038;hl=en_US&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/yKXcffErnMg&#038;hl=en_US&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object></p>
<p><object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/u8l_TMZJTos&#038;hl=en_US&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/u8l_TMZJTos&#038;hl=en_US&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object></p>
<p><img src="http://www.senaillat.com/wp-content/uploads/2010/05/google-booklet-01.jpg" alt="" title="google-01" width="600" class="aligncenter size-full" /></p>
<p><img src="http://www.senaillat.com/wp-content/uploads/2010/05/google-booklet-02.jpg" alt="" title="google-01" width="600" class="aligncenter size-full" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.senaillat.com/graphic/google-mobile-ads/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chronic’Art #63 cover</title>
		<link>http://www.senaillat.com/graphic/chronicart-63-cover</link>
		<comments>http://www.senaillat.com/graphic/chronicart-63-cover#comments</comments>
		<pubDate>Sun, 14 Mar 2010 17:23:49 +0000</pubDate>
		<dc:creator>Jérôme</dc:creator>
				<category><![CDATA[Graphic]]></category>
		<category><![CDATA[gonzo]]></category>

		<guid isPermaLink="false">http://www.senaillat.com/?p=811</guid>
		<description><![CDATA[The french magazine <a href="http://www.chronicart.com/">Chronic'Art</a> asked me to design the cover of their 63th issue, which main theme was <a href="http://en.wikipedia.org/wiki/Gonzo_journalism">Gonzo journalism</a> and its modern heritage.]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.senaillat.com/wp-content/uploads/2010/03/gonzo-03.jpg" alt="gonzo-03" title="gonzo-03" width="600" height="370" class="aligncenter size-full wp-image-816" /></p>
<p>The french magazine <a href="http://www.chronicart.com/">Chronic’Art</a> asked me a couple of illustrations for their 63th issue, which main theme was <a href="http://en.wikipedia.org/wiki/Gonzo_journalism">Gonzo journalism</a> and its modern heritage.<br />
I designed the cover illustration, and the double page illustration for the main topic.</p>
<p><img src="http://www.senaillat.com/wp-content/uploads/2010/03/gonzo-01.jpg" alt="gonzo-01" title="gonzo-01" width="600" height="800" class="aligncenter size-full wp-image-824" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.senaillat.com/graphic/chronicart-63-cover/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Yokata</title>
		<link>http://www.senaillat.com/graphic/yokata</link>
		<comments>http://www.senaillat.com/graphic/yokata#comments</comments>
		<pubDate>Sun, 04 Oct 2009 19:02:22 +0000</pubDate>
		<dc:creator>Jérôme</dc:creator>
				<category><![CDATA[Graphic]]></category>
		<category><![CDATA[pink]]></category>
		<category><![CDATA[vector]]></category>

		<guid isPermaLink="false">http://www.senaillat.com/?p=257</guid>
		<description><![CDATA[<a href="http://www.yokata.jp/">Yokata.jp</a>  is a free webservice for Japanese mobile phones.
They needed a bunch of characters to represent the diversity of their users, that they could use in their communication, mostly print and video.]]></description>
			<content:encoded><![CDATA[
<a href='http://www.senaillat.com/graphic/yokata/attachment/yokata' title='yokata'><img width="150" height="150" src="http://www.senaillat.com/wp-content/uploads/2009/10/yokata-150x150.jpg" class="attachment-thumbnail" alt="yokata" title="yokata" /></a>
<a href='http://www.senaillat.com/graphic/yokata/attachment/yokata-02' title='yokata-02'><img width="150" height="150" src="http://www.senaillat.com/wp-content/uploads/2009/10/yokata-02-150x150.jpg" class="attachment-thumbnail" alt="yokata-02" title="yokata-02" /></a>
<a href='http://www.senaillat.com/graphic/yokata/attachment/yokata-03' title='yokata-03'><img width="150" height="150" src="http://www.senaillat.com/wp-content/uploads/2009/10/yokata-03-150x150.jpg" class="attachment-thumbnail" alt="yokata-03" title="yokata-03" /></a>

<p><a href="http://www.yokata.jp/">Yokata.jp</a> is a free webservice for Japanese mobile phones.<br />
It allows its users to provide a simple feedback about any live performance (music, theater, etc.), in real-time, with the use of <a href="http://en.wikipedia.org/wiki/QR_Code">QR-codes</a>.</p>
<p>They needed a bunch of characters to represent the diversity of their users, that they could use in their communication, mostly print and video.</p>
<p>Update: </p>
<ul>
<li><ins datetime="2010-06-11T02:05:26+00:00"><em>2010/06/11</em><br />
I used these characters in a <a href="http://www.senaillat.com/blog/donut-a-javascript-game-engine-experiment">game experiment</a> I am working on.</ins></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.senaillat.com/graphic/yokata/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UltraSuperNew 3.0</title>
		<link>http://www.senaillat.com/graphic/ultrasupernew-3rd-edition</link>
		<comments>http://www.senaillat.com/graphic/ultrasupernew-3rd-edition#comments</comments>
		<pubDate>Thu, 15 Jan 2009 14:20:25 +0000</pubDate>
		<dc:creator>Jérôme</dc:creator>
				<category><![CDATA[Graphic]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[characters]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[english]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[japanese]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.senaillat.com/?p=186</guid>
		<description><![CDATA[This, is the 3rd version of the <a href="http://www.ultrasupernew.com/">USN website</a>. And after the "quick and simple" one, the HTML/CSS/AJAX one, It was the time for the Full-Flash version!]]></description>
			<content:encoded><![CDATA[
<a href='http://www.senaillat.com/graphic/ultrasupernew-3rd-edition/attachment/usn-01' title='usn-01'><img width="150" height="79" src="http://www.senaillat.com/wp-content/uploads/2009/07/usn-01-284x150.jpg" class="attachment-thumbnail" alt="usn-01" title="usn-01" /></a>
<a href='http://www.senaillat.com/graphic/ultrasupernew-3rd-edition/attachment/usn-02' title='usn-02'><img width="150" height="79" src="http://www.senaillat.com/wp-content/uploads/2009/07/usn-02-284x150.jpg" class="attachment-thumbnail" alt="usn-02" title="usn-02" /></a>
<a href='http://www.senaillat.com/graphic/ultrasupernew-3rd-edition/attachment/usn-03' title='usn-03'><img width="150" height="79" src="http://www.senaillat.com/wp-content/uploads/2009/07/usn-03-284x150.jpg" class="attachment-thumbnail" alt="usn-03" title="usn-03" /></a>

<p>This, is the 3rd version of the <a href="http://www.ultrasupernew.com/">USN website</a>. And after the “quick and simple” one, the HTML/CSS/AJAX one, It was the time for the Full-Flash version!</p>
<p>URL: <a href="http://www.ultrasupernew.com/">www.ultrasupernew.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.senaillat.com/graphic/ultrasupernew-3rd-edition/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Binbo Date</title>
		<link>http://www.senaillat.com/graphic/binbo-date</link>
		<comments>http://www.senaillat.com/graphic/binbo-date#comments</comments>
		<pubDate>Sat, 27 Sep 2008 22:28:25 +0000</pubDate>
		<dc:creator>Jérôme</dc:creator>
				<category><![CDATA[Graphic]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[awarded]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.senaillat.com/?p=361</guid>
		<description><![CDATA[Having a date but no money? <a href="http://binbodate.com/">Binbo Date</a> helps you out :-) simply indicate how much you want to spend and where you want to go, and a selection of bars, restaurants and <a href="http://www.tokyoartbeat.com/">TAB events</a> is shown on an embedded Google Map.]]></description>
			<content:encoded><![CDATA[
<a href='http://www.senaillat.com/graphic/binbo-date/attachment/binbo-date' title='binbo-date'><img width="150" height="150" src="http://www.senaillat.com/wp-content/uploads/2009/10/binbo-date-150x150.jpg" class="attachment-thumbnail" alt="binbo-date" title="binbo-date" /></a>
<a href='http://www.senaillat.com/graphic/binbo-date/attachment/binbo-date-02' title='binbo-date-02'><img width="150" height="150" src="http://www.senaillat.com/wp-content/uploads/2008/09/binbo-date-02-150x150.jpg" class="attachment-thumbnail" alt="binbo-date-02" title="binbo-date-02" /></a>
<a href='http://www.senaillat.com/graphic/binbo-date/attachment/binbo-date-03' title='binbo-date-03'><img width="150" height="150" src="http://www.senaillat.com/wp-content/uploads/2008/09/binbo-date-03-150x150.jpg" class="attachment-thumbnail" alt="binbo-date-03" title="binbo-date-03" /></a>

<p>Having a date but no money? <a href="http://binbodate.com/">Binbo Date</a> helps you out :-) simply indicate how much you want to spend and where you want to go, and a selection of bars, restaurants and <a href="http://www.tokyoartbeat.com/">TAB events</a> is shown on an embedded Google Map.</p>
<p>Binbo Date won two awards at the <a href="http://mashupaward.jp/">2008 Sun Microsystems / Recruit’s Mash-up award</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.senaillat.com/graphic/binbo-date/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mina No Mori</title>
		<link>http://www.senaillat.com/graphic/mina-no-mori</link>
		<comments>http://www.senaillat.com/graphic/mina-no-mori#comments</comments>
		<pubDate>Wed, 20 Feb 2008 23:52:59 +0000</pubDate>
		<dc:creator>Jérôme</dc:creator>
				<category><![CDATA[Graphic]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[IA]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://www.senaillat.com/?p=393</guid>
		<description><![CDATA[Let's grow a virtual tree in your mobile phone! Depending on how often you visit it and how much care you take of it, it grows and evolves in an imprevisible way.]]></description>
			<content:encoded><![CDATA[
<a href='http://www.senaillat.com/graphic/mina-no-mori/attachment/mina-no-mori-01' title='mina-no-mori-01'><img width="150" height="150" src="http://www.senaillat.com/wp-content/uploads/2009/10/mina-no-mori-01-150x150.jpg" class="attachment-thumbnail" alt="mina-no-mori-01" title="mina-no-mori-01" /></a>
<a href='http://www.senaillat.com/graphic/mina-no-mori/attachment/mina-no-mori-02' title='mina-no-mori-02'><img width="150" height="150" src="http://www.senaillat.com/wp-content/uploads/2008/02/mina-no-mori-02-150x150.jpg" class="attachment-thumbnail" alt="mina-no-mori-02" title="mina-no-mori-02" /></a>
<a href='http://www.senaillat.com/graphic/mina-no-mori/attachment/mina-no-mori-03' title='mina-no-mori-03'><img width="150" height="150" src="http://www.senaillat.com/wp-content/uploads/2008/02/mina-no-mori-03-150x150.jpg" class="attachment-thumbnail" alt="mina-no-mori-03" title="mina-no-mori-03" /></a>
<a href='http://www.senaillat.com/graphic/mina-no-mori/attachment/mina-no-mori-04' title='mina-no-mori-04'><img width="150" height="150" src="http://www.senaillat.com/wp-content/uploads/2008/02/mina-no-mori-04-150x150.jpg" class="attachment-thumbnail" alt="mina-no-mori-04" title="mina-no-mori-04" /></a>

<p>Let’s grow a virtual tree in your mobile phone! Depending on how often you visit it and how much care you take of it, it grows and evolves in an imprevisible way.</p>
<p>It was part of a pitch for a tool for Nissay (日本生命保険相互会社)‘s sales department.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.senaillat.com/graphic/mina-no-mori/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Book of dreams</title>
		<link>http://www.senaillat.com/graphic/book-of-dreams</link>
		<comments>http://www.senaillat.com/graphic/book-of-dreams#comments</comments>
		<pubDate>Mon, 06 Jan 2003 04:18:19 +0000</pubDate>
		<dc:creator>Jérôme</dc:creator>
				<category><![CDATA[Graphic]]></category>
		<category><![CDATA[dream]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[pop]]></category>

		<guid isPermaLink="false">http://www.senaillat.com/?p=163</guid>
		<description><![CDATA[Roger Omar travels the world documenting kids' dreams. For his project 150 Illustrated Dreams / The Colored Monster Has No Mouth he asked artists from around the world to illustrate the dreams.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.senaillat.com/wp-content/uploads/2003/01/dream-refrigerator-2.jpg"><img src="http://www.senaillat.com/wp-content/uploads/2003/01/dream-refrigerator-2.jpg" alt="dream-refrigerator-2" title="dream-refrigerator-2" width="600" height="600" class="aligncenter size-full wp-image-205" /></a></p>
<p><a href="http://elmonstruodecoloresnotieneboca.wordpress.com/">elmonstruodecoloresnotieneboca</a> is an artistic project and a journey worldwide to collect dreams written by kids in different countries, to be illustrated by artists.<br />
Kids from Mexico, Spain, Brazil, France, Cuba and Germany have participated since 2002.</p>
<p><a href="http://www.flickr.com/photos/rogeromar/">Roger Omar</a> asked me to participate, here is the dream that I picked:</p>
<blockquote><p>I dreamed that I was sleeping and it started to get really hot. I got outside and the sky was red, and I got inside the fridge and stayed there for 2 weeks. I woke up, left the refrigerator and the sky was still red. After one year the sky recovered its natural color.</p></blockquote>
<p>You can take a look at the other participations in the <a href="http://www.flickr.com/photos/rogeromar/sets/1835379/">Flickr photoset</a>.</p>
<p>This image has been featured in several magazines : Naif #1 (Spain), Trip #167 (Brasil), and in the <a href="http://www.senaillat.com/blog/cfsl-artbook-volume-3-cafe-sale">CFSL Artbook Vol.3</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.senaillat.com/graphic/book-of-dreams/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

