<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>STEAW - BLOG - Création Charte Graphique</title>
	
	<link>http://steaw.com/blog</link>
	<description>Création Charte Graphique</description>
	<pubDate>Fri, 09 Oct 2009 17:09:38 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/steaw" type="application/rss+xml" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><item>
		<title>La gagnante est en Rouge ! Niack Niack …</title>
		<link>http://feedproxy.google.com/~r/steaw/~3/nZcxrPK_TK0/</link>
		<comments>http://steaw.com/blog/creation-charte-graphique/la-gagnante-est-en-rouge-niack-niack/#comments</comments>
		<pubDate>Tue, 15 Sep 2009 08:27:02 +0000</pubDate>
		<dc:creator>Vince</dc:creator>
		
		<category><![CDATA[Général]]></category>

		<category><![CDATA[Non classé]]></category>

		<category><![CDATA[Gagnant]]></category>

		<category><![CDATA[Red]]></category>

		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://steaw.com/blog/?p=813</guid>
		<description><![CDATA[Choses promises, choses dues, @Queen_jude est l&#8217;heureuse (et unique) détentrice du thème Twitter &#8220;Follow Me I&#8217;m Red&#8221;.
Elle voudra peut-être partager si vous lui demandez gentiment.

Encore un grand merci à tous pour votre participation.
Vous voulez quoi la prochaine fois ?
Déposez vos idées (toutes vos idées) sur le SteawBlog ou à @steaw.
Judicael, je trouve que ça te [...]]]></description>
			<content:encoded><![CDATA[<p>Choses promises, choses dues, <a href="http://twitter.com/Queen_Jude">@Queen_jude</a> est l&#8217;heureuse (et unique) détentrice du thème Twitter &#8220;Follow Me I&#8217;m Red&#8221;.</p>
<p>Elle voudra peut-être partager si vous lui demandez gentiment.</p>
<p><a href="http://twitter.com/Queen_Jude"><img src="http://nsa09.casimages.com/img/2009/09/15/090915101215358212.jpg" border="0" alt="" /></a></p>
<p>Encore un grand merci à tous pour votre participation.</p>
<p><strong>Vous voulez quoi la prochaine fois ?</strong></p>
<p>Déposez vos idées (toutes vos idées) sur le SteawBlog ou à <a href="http://twitter.com/steaw">@steaw</a>.</p>
<p>Judicael, je trouve que ça te va très bien le rouge&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://steaw.com/blog/creation-charte-graphique/la-gagnante-est-en-rouge-niack-niack/feed/</wfw:commentRss>
		<feedburner:origLink>http://steaw.com/blog/creation-charte-graphique/la-gagnante-est-en-rouge-niack-niack/</feedburner:origLink></item>
		<item>
		<title>And the winner is…</title>
		<link>http://feedproxy.google.com/~r/steaw/~3/kHATPKDtynI/</link>
		<comments>http://steaw.com/blog/creation-charte-graphique/and-the-winner-is/#comments</comments>
		<pubDate>Mon, 07 Sep 2009 11:28:50 +0000</pubDate>
		<dc:creator>Vince</dc:creator>
		
		<category><![CDATA[Non classé]]></category>

		<guid isPermaLink="false">http://steaw.com/blog/?p=786</guid>
		<description><![CDATA[Le Petit PANDA a dit à 56k :
&#8220;C&#8217;est Svp @Steaw, je voudrais un fond rouge avec un Tweet oiseau déguisé en diable niark, niark&#8230; le winner !!!&#8221;
Donc félicitation à @Queen_Jude qui a gagné sont thème Follow Me I&#8217;m RED.
Suivez-la, elle voudra peut-être partager.

Un grand merci aux participant !
Dans l&#8217;ordre d&#8217;apparition :
@lookzippy, @skrzywoglowy, @Littlecelt, @mrboo, @denisdkr, [...]]]></description>
			<content:encoded><![CDATA[<p>Le Petit PANDA a dit à 56k :</p>
<p>&#8220;C&#8217;est<em> <strong>Svp</strong> <a href="http://twitter.com/Steaw" target="_blank"><strong>@Steaw</strong></a>, je voudrais un fond rouge avec un Tweet oiseau déguisé en diable niark, niark&#8230;</em> le winner !!!&#8221;</p>
<p>Donc félicitation à <a href="http://twitter.com/Queen_Jude" target="_blank">@Queen_Jude</a> qui a gagné sont thème Follow Me I&#8217;m RED.<br />
Suivez-la, elle voudra peut-être partager.</p>
<p><img src="http://img7.hostingpics.net/pics/172642FLMIAR.jpg" border="0" alt="Upload images" /></p>
<p>Un grand merci aux participant !</p>
<p>Dans l&#8217;ordre d&#8217;apparition :<br />
<a href="http://twitter.com/lookzippy" target="_blank">@lookzippy</a>, <a href="http://twitter.com/skrzywoglowy" target="_blank">@skrzywoglowy</a>, <a href="http://twitter.com/Littlecelt" target="_blank">@Littlecelt</a>, <a href="http://twitter.com/mrboo" target="_blank">@mrboo</a>, <a href="http://twitter.com/denisdkr" target="_blank">@denisdkr</a>, <a href="http://twitter.com/Alban" target="_blank">@Alban</a>, <a href="http://twitter.com/Toy666" target="_blank">@Toy666</a>, <a href="http://twitter.com/Queen_Jude" target="_blank">@Queen_Jude</a>, <a href="http://twitter.com/futurecat" target="_blank">@futurecat</a>, <a href="http://twitter.com/viper82" target="_blank">@viper82</a>, <a href="http://twitter.com/kapsteur" target="_blank">@kapsteur</a>, <a href="http://twitter.com/sanji" target="_blank">@sanji</a>, <a href="http://twitter.com/mamadou" target="_blank">@mamadou</a>, <a href="http://twitter.com/k_anard" target="_blank">@k_anard</a>, <a href="http://twitter.com/Papilouve" target="_blank">@Papilouve</a>, <a href="http://twitter.com/2o2volleyball" target="_blank">@2o2volleyball</a>, <a href="http://twitter.com/xuoan" target="_blank">@xuoan</a>, <a href="http://twitter.com/remybigot" target="_blank">@remybigot</a>, <a href="http://twitter.com/jbfeldis" target="_blank">@jbfeldis</a>, <a href="http://twitter.com/cholichuli" target="_blank">@cholichuli</a>, <a href="http://twitter.com/sylvain_" target="_blank">@sylvain</a></p>
]]></content:encoded>
			<wfw:commentRss>http://steaw.com/blog/creation-charte-graphique/and-the-winner-is/feed/</wfw:commentRss>
		<feedburner:origLink>http://steaw.com/blog/creation-charte-graphique/and-the-winner-is/</feedburner:origLink></item>
		<item>
		<title>Blue, Green, Black et Pink</title>
		<link>http://feedproxy.google.com/~r/steaw/~3/-08EkpUU-XE/</link>
		<comments>http://steaw.com/blog/creation-charte-graphique/theme-twitter/#comments</comments>
		<pubDate>Thu, 27 Aug 2009 16:16:05 +0000</pubDate>
		<dc:creator>Vince</dc:creator>
		
		<category><![CDATA[Général]]></category>

		<category><![CDATA[Non classé]]></category>

		<category><![CDATA[themes]]></category>

		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://steaw.com/blog/?p=713</guid>
		<description><![CDATA[C&#8217;est la rentrée !!! Pour aller avec votre nouveau bronzage doré et votre nouveau cartable en cuir, nous avons le plaisir de vous offrir 4 thèmes BLUE, GREEN, BLACK et PINK pour votre petit Twitter chéri.

Téléchargez BLUE

Téléchargez GREEN

Téléchargez BLACK

Téléchargez PINK
This work is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
Vous voulez un thème [...]]]></description>
			<content:encoded><![CDATA[<p>C&#8217;est la rentrée !!! Pour aller avec votre nouveau bronzage doré et votre nouveau cartable en cuir, nous avons le plaisir de vous offrir 4 thèmes BLUE, GREEN, BLACK et PINK pour votre petit Twitter chéri.</p>
<p><a href="http://www.steaw.com/src/steaw-twitterBG-blue.zip"><img src="http://nsa07.casimages.com/img/2009/08/27/090827051918209286.jpg" border="0" alt="click to download BLUE" /></a></p>
<p><a href="http://www.steaw.com/src/steaw-twitterBG-blue.zip">Téléchargez BLUE</a></p>
<p><a href="http://www.steaw.com/src/steaw-twitterBG-green.zip"><img src="http://nsa07.casimages.com/img/2009/08/27/090827052046634663.jpg" border="0" alt="click to download GREEN" /></a></p>
<p><a href="http://www.steaw.com/src/steaw-twitterBG-green.zip">Téléchargez GREEN</a></p>
<p><a href="http://www.steaw.com/src/steaw-twitterBG-black.zip"><img src="http://nsa08.casimages.com/img/2009/08/27/090827052143630248.jpg" border="0" alt="click to download BLACK" /></a></p>
<p><a href="http://www.steaw.com/src/steaw-twitterBG-black.zip">Téléchargez BLACK</a></p>
<p><a href="http://www.steaw.com/src/steaw-twitterBG-pink.zip"><img src="http://nsa08.casimages.com/img/2009/08/27/090827052249781304.jpg" border="0" alt="click to download PINK" /></a></p>
<p><a href="http://www.steaw.com/src/steaw-twitterBG-pink.zip">Téléchargez PINK</a></p>
<div class="cc">This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/" target="_blank">Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License</a>.</div>
<p><strong>Vous voulez un thème personnalisé ? Ok ça marche.</strong></p>
<div class="cQuote">Pour ça il vous suffit de twitter votre idée en commençant votre post par <strong>http://bit.ly/LmUul Svp @Steaw, je voudrais&#8230;</strong></div>
<p>Par exemple : <em>http://bit.ly/LmUul Svp <a href="http://www.twitter.com/Steaw" target="_blank">@Steaw</a>, je voudrais un fond aux couleurs de la boite avec un gros Mecha qui twitt !</em>.</p>
<p>Voilà un exemple avec le thème d&#8217; <a href="http://www.twitter.com/iamstark" target="_blank">@iamstark</a>.</p>
<p>La meilleure idée (selon des critères très précis élaborés par un armée de scientifiques) aura gagné. Clôture des propositions vendredi prochains.</p>
<p>3, 2, 1 &#8230; c&#8217;est parti !</p>
]]></content:encoded>
			<wfw:commentRss>http://steaw.com/blog/creation-charte-graphique/theme-twitter/feed/</wfw:commentRss>
		<feedburner:origLink>http://steaw.com/blog/creation-charte-graphique/theme-twitter/</feedburner:origLink></item>
		<item>
		<title>Léa vous aide à réserver vos billets de train</title>
		<link>http://feedproxy.google.com/~r/steaw/~3/0HrjWcbBVNQ/</link>
		<comments>http://steaw.com/blog/creation-charte-graphique/voyages-sncf-com-et-virtuoz-lance-lea-v3/#comments</comments>
		<pubDate>Fri, 10 Jul 2009 15:05:32 +0000</pubDate>
		<dc:creator>stArk</dc:creator>
		
		<category><![CDATA[Portfolio]]></category>

		<category><![CDATA[agent virtuel]]></category>

		<category><![CDATA[steaw]]></category>

		<category><![CDATA[virtuoz]]></category>

		<category><![CDATA[voyages-sncf]]></category>

		<guid isPermaLink="false">http://steaw.com/blog/?p=698</guid>
		<description><![CDATA[Petite exclue du Vendredi, VirtuOz vient tout juste de signer , encore en beta dans le labs, la troisième version de Léa, l&#8217;agent conversationnel de Voyages-sncf.com. Alors que la précédente version de Léa avait pour but de vous aider à trouver de l&#8217;information sur le site et faire du SAV, cette nouvelle version est un [...]]]></description>
			<content:encoded><![CDATA[<p>Petite exclue du Vendredi, <a href="http://www.virtuoz.com/index.html">VirtuOz</a> vient tout juste de signer , encore en beta dans le labs, <a href="http://lea3.voyages-sncf.com/">la troisième version de Léa</a>, l&#8217;agent conversationnel de Voyages-sncf.com. Alors que la précédente version de Léa avait pour but de vous aider à trouver de l&#8217;information sur le site et faire du SAV, cette nouvelle version est un véritable agent de guichet en ligne.</p>
<p>Vous pouvez donc dialoguer à n&#8217;importe quelle heure du jour comme de la nuit avec Léa pour réserver votre voyage. C&#8217;est rapide, très agréable et Léa guide bien la conversation tout en la laissant ouverte.</p>
<p>Petit clin d&#8217;oeil, VirtuOz est l&#8217;ancienne société de deux Steaw boy, Jérémy et moi. Rester en bon terme avec ses anciennes entreprises est primordial et cette histoire nous le prouve. Nous sommes en effet très heureux d&#8217;avoir re travaillés avec <a href="http://www.virtuoz.com/index.html">VirtuOz</a> sur l&#8217;ergonomie, le design et le flash de la petite Léa.</p>
<p>Je vous laisse donc découvrir Lea3, que ses créateurs présentent ainsi : &#8220;Lea est à votre disposition pour vous aider à trouver votre billet de train. Dites lui où vous souhaitez aller puis laissez-vous guider par ses questions. Elle vous affiche le billet qui correspond le mieux à votre demande.&#8221;. Pour plus d&#8217;infos, <a href="http://lab.voyages-sncf.com/content/aide-lea?rfrr=aide-lea2_body">une petite page d&#8217;aide</a> est à votre disposition.</p>
<div class="cImgWhite"><a href="http://lea3.voyages-sncf.com/"><img title="lea" src="http://steaw.com/blog/wp-content/uploads/2009/07/lea3.jpg" alt="lea" /></a></div>
]]></content:encoded>
			<wfw:commentRss>http://steaw.com/blog/creation-charte-graphique/voyages-sncf-com-et-virtuoz-lance-lea-v3/feed/</wfw:commentRss>
		<feedburner:origLink>http://steaw.com/blog/creation-charte-graphique/voyages-sncf-com-et-virtuoz-lance-lea-v3/</feedburner:origLink></item>
		<item>
		<title>Overblog à l’assaut de la tour TF1</title>
		<link>http://feedproxy.google.com/~r/steaw/~3/6yPU0EhnIyo/</link>
		<comments>http://steaw.com/blog/creation-charte-graphique/overblog-a-lassaut-de-la-tour-tf1/#comments</comments>
		<pubDate>Tue, 23 Jun 2009 22:09:06 +0000</pubDate>
		<dc:creator>stArk</dc:creator>
		
		<category><![CDATA[Portfolio]]></category>

		<category><![CDATA[overblog]]></category>

		<category><![CDATA[print]]></category>

		<category><![CDATA[tf1]]></category>

		<guid isPermaLink="false">http://steaw.com/blog/?p=681</guid>
		<description><![CDATA[Pour annoncer de façon originale la nouvelle version du portail aux employés de TF1 (investisseur), l&#8217;équipe d&#8217;Overblog a eu l&#8217;idée (et l&#8217;accord) de recouvrir les ascenseurs de la tour TF1 d&#8217;affiches événementielles.En réalisant la maquette, on ne pensait pas que ça allait aussi bien rendre. Le résultat est canon et l&#8217;effet garanti ! La preuve [...]]]></description>
			<content:encoded><![CDATA[<p>Pour annoncer de façon originale la nouvelle version du portail aux employés de TF1 (investisseur), <a href="http://twitter.com/jromanetto">l&#8217;équipe d&#8217;Overblog</a> a eu l&#8217;idée (et l&#8217;accord) de recouvrir les ascenseurs de la tour TF1 d&#8217;affiches événementielles.<br />En réalisant la maquette, on ne pensait pas que ça allait aussi bien rendre. Le résultat est canon et l&#8217;effet garanti ! La preuve en image : </p>
<div class="cImg"><img src="/blog/wp-content/uploads/2009/06/elevator1.jpg" alt="elevator" title="elevator" />De plain pied</div>
<div class="cImg"><img src="/blog/wp-content/uploads/2009/06/elevator2.jpg" alt="elevator" title="elevator" />Hall principal de la tour TF1</div>
<div class="cImg"><img src="/blog/wp-content/uploads/2009/06/elevator3.jpg" alt="elevator" title="elevator" />A l&#8217;étage</div>
<div class="cImg"><img src="/blog/wp-content/uploads/2009/06/elevator4.jpg" alt="elevator" title="elevator" /><a href="http://twitter.com/jromanetto">Julien</a>, l&#8217;heureux propriétaire</div>
<p>Imaginez ce que fait Jean-Pierre Pernaut quand il attend son ascenseur le matin&#8230; ;)</p>
]]></content:encoded>
			<wfw:commentRss>http://steaw.com/blog/creation-charte-graphique/overblog-a-lassaut-de-la-tour-tf1/feed/</wfw:commentRss>
		<feedburner:origLink>http://steaw.com/blog/creation-charte-graphique/overblog-a-lassaut-de-la-tour-tf1/</feedburner:origLink></item>
		<item>
		<title>L’autocomplétion, un détail qui peut faire la différence</title>
		<link>http://feedproxy.google.com/~r/steaw/~3/nLye83p51Xs/</link>
		<comments>http://steaw.com/blog/creation-charte-graphique/autocompletion/#comments</comments>
		<pubDate>Fri, 19 Jun 2009 08:30:20 +0000</pubDate>
		<dc:creator>stArk</dc:creator>
		
		<category><![CDATA[Non classé]]></category>

		<guid isPermaLink="false">http://steaw.com/blog/?p=610</guid>
		<description><![CDATA[L&#8217;autocomplétion est une &#8220;fonctionnalité informatique permettant à l&#8217;utilisateur de limiter la quantité d&#8217;informations qu&#8217;il saisit avec son clavier, en se voyant proposer un complément qui pourrait convenir à la chaîne de caractères qu&#8217;il a commencé à taper&#8221;, merci wikipedia.
Sur les interfaces web, on retrouve fréquemment un champs de recherche dans le header muni d&#8217;un système [...]]]></description>
			<content:encoded><![CDATA[<p>L&#8217;autocomplétion est une &#8220;fonctionnalité informatique permettant à l&#8217;utilisateur de limiter la quantité d&#8217;informations qu&#8217;il saisit avec son clavier, en se voyant proposer un complément qui pourrait convenir à la chaîne de caractères qu&#8217;il a commencé à taper&#8221;, merci <a href="http://fr.wikipedia.org/wiki/Compl%C3%A8tement">wikipedia</a>.</p>
<p>Sur les interfaces web, on retrouve fréquemment un champs de recherche dans le header muni d&#8217;un système d&#8217;autocomplétion. Très pratique pour l&#8217;utilisateur car les requêtes possibles apparaissent au fur et à mesure des lettres qu&#8217;il tape. Il peut ainsi efficacement orienter sa recherche avec un vocabulaire adapté et contextualisé au site qu&#8217;il utilise.</p>
<div class="cImgWhite"><img src="http://steaw.com/blog/wp-content/uploads/2009/06/wikipedia1.jpg" alt="" /></div>
<p>Sur Wikipedia (ci-dessus) on retrouve une autocomplétion très basique, mais il en existe des beaucoup plus évoluées qui peuvent allier bénéfice utilisateur <strong>et</strong> éditeur.<br />
<span class="cStrong">Les autocomplétions suggestions</span>Certains sites possèdent trop de données en base et donc trop de requêtes possibles pour qu&#8217;elles soient toutes correctement retransmises à l&#8217;utilisateur. C&#8217;est pourquoi certains sites prennent le parti de ne sélectionner qu&#8217;un échantillon de requêtes, plus ou moins orientées. En effet, un moteur de recherche aura tout intérêt à mettre en avant les réquêtes populaires pour gagner du crédit auprès de l&#8217;utilisateur. Un site ecommerce lui pourra plutôt glisser un best seller ou faire de cette espace un lieu de mise en avant payant. Exemple : Je vends un produit qui s&#8217;appelle &#8220;Lord of the ring&#8221;, ça m&#8217;intéresserait de payer pour ressortir premier sur l&#8217;autocomplétion de &#8220;Lo&#8221;, devant &#8220;Lost Season 5&#8243;.</p>
<div class="cImgWhite"><img src="http://steaw.com/blog/wp-content/uploads/2009/06/ebay.jpg" alt="" />Les suggestions d&#8217;Ebay, orientables annonceur.</div>
<div class="cImgWhite"><img src="http://steaw.com/blog/wp-content/uploads/2009/06/google.jpg" alt="" />Les suggestions de Google, orientées utilisateur.</div>
<p><span class="cStrong">Les autocomplétions graphiques</span>Celles-ci reprennent le bon vieux fonctionnement de base mais de façon plus présentables. Au lieu de n&#8217;afficher d&#8217;un texte brut de fonderie, elle habille la requête d&#8217;une petite image associée, de la couleur et des informations connexes. Vous avez tous en tête la recherche de Facebook, ultra pratique pour chercher dans son réseau grâce aux petits avatars qui ressortent. Linkedin associe au nom de la personne recherchée sa situation professionnelle, très très pertinent sur ce type de plateforme.</p>
<div class="cImgWhite"><img src="http://steaw.com/blog/wp-content/uploads/2009/06/facebook.jpg" alt="" />L&#8217;autocomplétion de Facebook, très réussie.</div>
<div class="cImgWhite"><img src="http://steaw.com/blog/wp-content/uploads/2009/06/linkedin.jpg" alt="" />L&#8217;autocomplétion de Linkedin, pertinente et bien pensée.</div>
<p><span class="cStrong">Les autocomplétions triées</span>Reprenant souvent les caractéristiques des 2 premières, ce type d&#8217;autocomplétion va plus loin en triant par catégorie les requêtes ressorties. Souvent très pratiques, elles permettent à l&#8217;éditeur de pousser plus de contenus différents grâce à un même champ de recherche. En effet, un site e commerce vend des produits et réalise également des opérations commerciales. C&#8217;est donc intéressement pour lui de faire ressortir facilement tout le contenu de son site. La palme du moment, à mon goût revient à Apple.fr, qui mixe graphiquement, lisiblement et distinctement les résultats de son autocomplétion.</p>
<div class="cImgWhite"><img src="http://steaw.com/blog/wp-content/uploads/2009/06/apple.jpg" alt="" />Apple.fr, la palme d&#8217;or du moment</div>
<div class="cImgWhite"><img src="http://steaw.com/blog/wp-content/uploads/2009/06/gameblog.jpg" alt="" />Gameblog.Fr, moins joli mais bien présent</div>
<p>L&#8217;autocomplétion, bien amenée, est donc une fonctionnalité très utile pour l&#8217;utilisateur. De plus, vous pourrez vous en servir pour pousser du contenu précis et pourquoi pas le monétiser. C&#8217;est le genre de détail dans une interface qui peut faire la différence. </p>
]]></content:encoded>
			<wfw:commentRss>http://steaw.com/blog/creation-charte-graphique/autocompletion/feed/</wfw:commentRss>
		<feedburner:origLink>http://steaw.com/blog/creation-charte-graphique/autocompletion/</feedburner:origLink></item>
		<item>
		<title>Nouveau design d’Overblog, by Steaw !</title>
		<link>http://feedproxy.google.com/~r/steaw/~3/EOzTd8oUvzw/</link>
		<comments>http://steaw.com/blog/creation-charte-graphique/nouveau-design-doverblog-by-steaw/#comments</comments>
		<pubDate>Thu, 11 Jun 2009 08:55:06 +0000</pubDate>
		<dc:creator>stArk</dc:creator>
		
		<category><![CDATA[Non classé]]></category>

		<guid isPermaLink="false">http://steaw.com/blog/?p=611</guid>
		<description><![CDATA[C&#8217;est officiel et en ligne depuis quelques minutes, le nouveau web design d&#8217;Overblog.com est en ligne. Et c&#8217;est à Steaw que l&#8217;équipe du portail de blog a confié la direction artistique de la refonte. Un honneur pour nous, beaucoup de travail et un chantier digne d&#8217;un &#8220;Extreme Makeover: Web Design Edition&#8220;. Et comme de belles [...]]]></description>
			<content:encoded><![CDATA[<p>C&#8217;est officiel et en ligne depuis quelques minutes, le nouveau web design d&#8217;<a href="http://www.over-blog.com" target="_blank">Overblog.com</a> est en ligne. Et c&#8217;est à Steaw que l&#8217;équipe du portail de blog a confié la direction artistique de la refonte. Un honneur pour nous, beaucoup de travail et un chantier digne d&#8217;un &#8220;<a href="http://abc.go.com/primetime/xtremehome/index?pn=index">Extreme Makeover: Web Design Edition</a>&#8220;. Et comme de belles images valent mieux que de grands discours, la suite en screenshots !</p>
<div align="center"><img src="http://steaw.com/blog/wp-content/uploads/2009/06/5002.png"  /></div>
<p><span class="cStrong">Mais avant, Overblog en quelques chiffres :</span></p>
<p><img style="float: left;margin-right:10px;" src="http://steaw.com/blog/wp-content/uploads/2009/06/image-11.png" alt="" width="269" height="202" />- Création en 2004, 1ère plateforme de blogs depuis décembre 2008<br />- 8,4 millions de visiteurs uniques par mois (Nielsen Mars 09)<br />
- 13,7 millions d&#8217;articles au total<br />
- Plus de 900 000 blogs<br />
- 32 millions de commentaires sur l&#8217;ensemble des blogs<br />
- 29 millions d&#8217;images<br />
- 1500 nouveaux blogs par jour<br />
- Une équipe totale de 18 passionnés.</p>
<p>
<span class="cStrong">Vers un produit plus &#8220;quali&#8221;, sobre et sérieux</span></p>
<div class="cImgWhite"><a href="http://www.over-blog.com" target="_blank"><img src="http://steaw.com/blog/wp-content/uploads/2009/06/ov-before.jpg"  /></a>Ancienne version d&#8217;Overblog</div>
<div class="cImgWhite"><a href="http://www.over-blog.com" target="_blank"><img src="http://steaw.com/blog/wp-content/uploads/2009/06/hpa.jpg"  /></a>Nouvelle version d&#8217;Overblog, by Steaw</div>
<div class="cImgWhite"><a href="http://www.over-blog.com" target="_blank"><img src="http://steaw.com/blog/wp-content/uploads/2009/06/hpb.jpg"  /></a>Nouvelle version d&#8217;Overblog, by Steaw</div>
<p><span class="cStrong">De nouveaux thèmes graphiques pour les blogs</span></p>
<div class="cImg"><img src="http://steaw.com/blog/wp-content/uploads/2009/06/ta.jpg"  /></div>
<div class="cImg"><img src="http://steaw.com/blog/wp-content/uploads/2009/06/tb.jpg"  /></div>
<div class="cImg"><img src="http://steaw.com/blog/wp-content/uploads/2009/06/tc.jpg"  /></div>
<div class="cImg"><img src="http://steaw.com/blog/wp-content/uploads/2009/06/td.jpg"  /></div>
<p><span class="cStrong">Un version iPhone (light)</span></p>
<div class="cImgWhite"><img src="http://steaw.com/blog/wp-content/uploads/2009/06/iphone.jpg"  /></div>
<p><span class="cStrong">Un grand merci à toute l&#8217;équipe</span>Un chantier très agréable, qui s&#8217;est déroulé dans la bonne ambiance et par moment sous le soleil de Toulouse. Que demander de plus ? Merci à toute l&#8217;équipe et surtout à Julien Romanetto, Frédéric Montagnon et Gilles Moncaubeig, les co-fondateurs, pour la confiance et les barbecues.</p>
]]></content:encoded>
			<wfw:commentRss>http://steaw.com/blog/creation-charte-graphique/nouveau-design-doverblog-by-steaw/feed/</wfw:commentRss>
		<feedburner:origLink>http://steaw.com/blog/creation-charte-graphique/nouveau-design-doverblog-by-steaw/</feedburner:origLink></item>
		<item>
		<title>Digital Kitchen</title>
		<link>http://feedproxy.google.com/~r/steaw/~3/IGNL35cHveY/</link>
		<comments>http://steaw.com/blog/creation-charte-graphique/digital-kitchen/#comments</comments>
		<pubDate>Sun, 24 May 2009 00:56:51 +0000</pubDate>
		<dc:creator>stArk</dc:creator>
		
		<category><![CDATA[Général]]></category>

		<category><![CDATA[design]]></category>

		<category><![CDATA[digitalkitchen]]></category>

		<category><![CDATA[Films]]></category>

		<category><![CDATA[mise en scène]]></category>

		<category><![CDATA[motion]]></category>

		<guid isPermaLink="false">http://steaw.com/blog/?p=591</guid>
		<description><![CDATA[
Après avoir regardé plusieurs épisodes de la série américaine Ghost Whisperer, la chose qui m&#8217;a le plus marqué est la qualité et l&#8217;originalité de son générique. Très texturé et très coloré, le traitement graphique est impressionnant. J&#8217;aime beaucoup. J&#8217;aime également cette mise en scène mystique, une succession de symboliques qui nous plonge d&#8217;emblée dans l&#8217;univers [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://steaw.com/blog/wp-content/uploads/2009/05/digital-kitchen.jpg" alt="digital-kitchen" title="digital-kitchen" width="500" height="196" class="alignnone size-full wp-image-595" /></p>
<p>Après avoir regardé plusieurs épisodes de la série américaine <a href="http://www.cbs.com/primetime/ghost_whisperer/" target="_blank">Ghost Whisperer</a>, la chose qui m&#8217;a le plus marqué est la qualité et l&#8217;originalité de son générique. Très texturé et très coloré, le traitement graphique est impressionnant. J&#8217;aime beaucoup. J&#8217;aime également cette mise en scène mystique, une succession de symboliques qui nous plonge d&#8217;emblée dans l&#8217;univers paranormal de la série. Jugez plutôt :</p>
<p><object width="500" height="282"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=1109891&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=1109891&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="500" height="282"></embed></object></p>
<p>Tout cela m&#8217;a donné envie de fouiller un peu et d&#8217;en savoir plus sur l&#8217;agence à l&#8217;origine de ce générique.</p>
<p>Il s&#8217;agit de <a href="http://www.d-kitchen.com/" target="_blank">Digital Kitchen</a>, une agence américaine, spécialisée dans le <a href="http://fr.wikipedia.org/wiki/Motion_design" target="_blank">Motion Design</a>. Ils sont présents dans 4 villes, Chicago, Los Angeles, New York et Seattle, et comptent une centaine de collaborateurs.</p>
<p>Leur Leitmotiv est d&#8217;<strong>effacer la frontière entre le commerce et l&#8217;art</strong>, comme nous le prouve leur portolio. D&#8217;ailleurs, vous connaissez forcément une partie de leurs travaux car ils sont à l&#8217;origine du générique de <a href="http://www.d-kitchen.com/projects/Dexter-Main-Title" target="_blank">Dexter</a>, de <a href="http://www.d-kitchen.com/projects/Main-Titles" target="_blank">Six Feets Under</a> et du très cynique <a href="http://www.d-kitchen.com/projects/Main-Titles" target="_blank">House</a>.</p>
<p>Je vous ai sélectionné quelques belles références  :</p>
<p><span class="cStrong">Générique de The Company</span>L&#8217;univers est dans la ligné de celui de Ghost Whisperer, le style graphique est lui plus sombre. Un traitement style crayon graphite sur fond d&#8217;explosion nucléaire.</p>
<p><object width="500" height="282"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=1796808&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=1796808&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="500" height="282"></embed></object></p>
<p></p>
<p><span class="cStrong">Générique de True Blood</span>On sort du pictural, l&#8217;univers n&#8217;en reste pas moins troublant. Religion, sensualité, perversion et sang, le tout dans une Louisiane bien profonde. Une bonne recette pour parler de dents longues&#8230;</p>
<p><object width="500" height="281"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3318600&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=3318600&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="500" height="281"></embed></object></p>
<p></p>
<p><span class="cStrong">Générique du Boxing Open, sur HBO</span>On met de coté l&#8217;onirisme, on entre plus dans le concret : une présentation à la hauteur du show, musclée et spectaculaire. (Cliquez sur l&#8217;image pour voir la vidéo depuis leur site).</p>
<p><a href="http://www.d-kitchen.com/projects/Boxing-Open" target="_blank"><img src="http://steaw.com/blog/wp-content/uploads/2009/05/hboboxing.jpg" alt="hboboxing" title="hboboxing" width="500" height="222" class="alignnone size-full wp-image-599" /></a></p>
<p></p>
<p><span class="cStrong">Ad Spot pour finishline.com</span>Grand écart graphique, le style est beaucoup plus &#8220;tendance&#8221;. Mix vidéo / vecto, Fluos, bubbles et compositing 3D, ça devrait plaire à certains ;) (Cliquez sur l&#8217;image pour voir la vidéo depuis leur site).</p>
<div align="center"><a href="http://www.d-kitchen.com/projects/Commercial-Production" target="_blank"><img src="http://steaw.com/blog/wp-content/uploads/2009/05/finishline.jpg" alt="finishline" title="finishline" class="alignnone size-full wp-image-599" /></a></div>
<p></p>
<p>Une agréable découverte donc, que j&#8217;avais envie de partager avec vous ! L&#8217;ensemble de leurs créations sont à découvrir sur leur site, <a href="http://www.d-kitchen.com/" target="_blank">www.d-kitchen.com</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://steaw.com/blog/creation-charte-graphique/digital-kitchen/feed/</wfw:commentRss>
		<feedburner:origLink>http://steaw.com/blog/creation-charte-graphique/digital-kitchen/</feedburner:origLink></item>
		<item>
		<title>Comme un air de printemps…</title>
		<link>http://feedproxy.google.com/~r/steaw/~3/DtLPNSlsOcA/</link>
		<comments>http://steaw.com/blog/creation-charte-graphique/comme-un-air-de-printemps/#comments</comments>
		<pubDate>Mon, 18 May 2009 15:54:04 +0000</pubDate>
		<dc:creator>stArk</dc:creator>
		
		<category><![CDATA[Général]]></category>

		<category><![CDATA[bilan]]></category>

		<category><![CDATA[équipe]]></category>

		<category><![CDATA[steaw]]></category>

		<guid isPermaLink="false">http://steaw.com/blog/?p=574</guid>
		<description><![CDATA[Bon, je sais que ça fait longtemps que ce blog n&#8217;a pas eu la moindre activité, mais je dirais que c&#8217;est pour la bonne cause : Boulot, boulot et boulot !
Mine de rien, ça nous aura pris deux mois pour réorganiser Steaw autour de notre trio. Le plus compliqué a été de bien équilibrer la [...]]]></description>
			<content:encoded><![CDATA[<p class="cTxt">Bon, je sais que ça fait longtemps que ce blog n&#8217;a pas eu la moindre activité, mais je dirais que c&#8217;est pour la bonne cause : Boulot, boulot et boulot !</p>
<p class="cTxt">Mine de rien, ça nous aura pris deux mois pour réorganiser Steaw autour de notre trio. Le plus compliqué a été de bien équilibrer la masse de travail de chacun, et surtout le nombre de projets par personnes. Pour cela, j&#8217;ai opté pour la manière forte : on n&#8217;acceptait plus de nouvelles commandes et on terminait tous les travaux en cours. Le but était de repartir à 0, ou presque, pour réamorcer la pompe le plus sainement possible, avec le bon équilibre temps / boulot / passion pour chacun de nous. C&#8217;est chose faite !</p>
<div class="cImg"><img src="http://steaw.com/blog/wp-content/uploads/2009/05/3steaw.jpg" alt="3steaw" title="3steaw" width="500" height="228" class="alignnone size-full wp-image-583" /></div>
<p class="cTxt">Donc nous revoilà avec un peu plus de temps pour communiquer et pour réfléchir. On a quelques projets à mettre sur pied, certains dont je parle depuis trop longtemps déjà, il faut s&#8217;y mettre ! Plus de détails dans les prochains mois (j&#8217;aurais bien dit &#8220;prochain jours&#8221; mais je préfère nous laisser un peu de marge ;)).</p>
<p class="cTxt">Niveau commercial ça se passe bien. On reprend tranquillement des commandes, on est très bien dans les objectifs que je m&#8217;étais fixé, tout va bien. Malgré tout, un gros problème persiste et commence vraiment à faire peur : <a href="http://steaw.com/blog/portfolio/">le portfolio</a>. On est toujours avec la page temporaire du début, c&#8217;est moche, à peine pratique et surtout pas très vendeur. Une bonne douzaine de belles créas réalisées vont être mise en ligne dans les 2 prochains mois, et on ne pourra pas communiquer dessus avec cette page précaire. Bref, vous l&#8217;aurez compris, l&#8217;opération <strong>&#8220;Portolio qui défonce&#8221;</strong> est lancée !</p>
<div class="cTxt">Je vous dis à très bientôt, et on si vous manque trop, suivez nous sur twitter :<br />
 - <a href="http://www.twitter.com/steaw" target="_blank">Twitter de Steaw (steaw) : rss, pour le moment ;)</a><br />
 - <a href="http://www.twitter.com/bbx" target="_blank">Twitter de Jérémy (bbx) : intégration, foot et #starbuckcoffee</a><br />
 - <a href="http://www.twitter.com/iamstArk" target="_blank">Twitter de François (iamstArk) : webdesign, jeux vidéo et bouffes asiatiques</a><br />
 - <a href="http://twitter.com/vincentlepichon" target="_blank">Twitter de Vince (vincentlepichon) : Life et frisbee</a>
</div>
<p class="cTxt">Et tant qu&#8217;on y est, donnez nous vos ids twitter !</p>
]]></content:encoded>
			<wfw:commentRss>http://steaw.com/blog/creation-charte-graphique/comme-un-air-de-printemps/feed/</wfw:commentRss>
		<feedburner:origLink>http://steaw.com/blog/creation-charte-graphique/comme-un-air-de-printemps/</feedburner:origLink></item>
		<item>
		<title>Wikirank : pour savoir qui est le plus populaire sur Wikipedia</title>
		<link>http://feedproxy.google.com/~r/steaw/~3/jUEy4XpP1DU/</link>
		<comments>http://steaw.com/blog/creation-charte-graphique/wikirank-wikipedia/#comments</comments>
		<pubDate>Mon, 30 Mar 2009 14:27:37 +0000</pubDate>
		<dc:creator>Jeremy</dc:creator>
		
		<category><![CDATA[Général]]></category>

		<category><![CDATA[statistiques]]></category>

		<category><![CDATA[wikipedia]]></category>

		<guid isPermaLink="false">http://steaw.com/blog/?p=545</guid>
		<description><![CDATA[Par le biais de son designer, j&#8217;ai appris le lancement de Wikirank, un outil pour comparer la popularité des articles Wikipedia.

Une page d&#8217;accueil claire et limpide
Message d&#8217;accrocheEn allant sur le site, j&#8217;ai tout de suite compris à quoi il servait, tellement la page d&#8217;accueil m&#8217;a paru d&#8217;une clarté évidente :

une question courte et précise: &#8220;Who&#8217;s [...]]]></description>
			<content:encoded><![CDATA[<p>Par le biais <a href="http://simplebits.com/notebook/2009/03/27/wikirank.html">de son designer</a>, j&#8217;ai appris le lancement de <strong><a href="http://wikirank.com/en">Wikirank</a></strong>, un outil pour <strong>comparer la popularité des articles Wikipedia</strong>.</p>
<div class="cImgWhite"><a href="http://wikirank.com/en"><img class="alignnone size-full wp-image-546" title="wikirank" src="http://steaw.com/blog/wp-content/uploads/2009/03/wikirank.png" alt="" width="500" height="200" /></a></div>
<h3>Une page d&#8217;accueil claire et limpide</h3>
<p><span class="cStrong">Message d&#8217;accroche</span>En allant sur le site, j&#8217;ai tout de suite compris à quoi il servait, tellement la page d&#8217;accueil m&#8217;a paru d&#8217;une <strong>clarté évidente</strong> :</p>
<ul>
<li>une question courte et précise: &#8220;Who&#8217;s more popular on Wikipedia&#8221;, avec tous les <strong>mots-clés</strong>: &#8220;more&#8221;, &#8220;popular&#8221; et &#8220;Wikipedia&#8221;</li>
<li>4 prénoms, dont l&#8217;<strong>association </strong>est très connue</li>
<li><strong>4 couleurs</strong> distinctes&#8230;</li>
<li>&#8230; reprises dans le <strong>graphique </strong>juste en-dessous</li>
</ul>
<p><span class="cStrong">Une sidebar synthétique mais explicite</span></p>
<div class="cImgWhite"><img class="alignnone size-full wp-image-547" title="wikirank-saint-patrick" src="http://steaw.com/blog/wp-content/uploads/2009/03/wikirank-saint-patrick.png" alt="" width="288" height="48" /></div>
<p>Un rang (6), un sujet (Saint Patrick&#8217;s Day), un graphique (avec un pic évident le 17 mars) et un compteur de vues.</p>
<p><span class="cStrong">Les tendances du moment</span></p>
<div class="cImgWhite"><img class="alignnone size-full wp-image-548" title="wikirank-tendances" src="http://steaw.com/blog/wp-content/uploads/2009/03/wikirank-tendances.png" alt="" width="500" height="110" /></div>
<p>Comme un flux d&#8217;actualités, les tendances du moment recensent les <strong>récentes évolutions positives</strong> les plus fortes, avec le taux de variation ainsi qu&#8217;un court extrait de la page en question.</p>
<p><span class="cStrong">Auto-completion de rigueur</span></p>
<div class="cImgWhite"><img class="alignnone size-full wp-image-549" title="wikirank-autocomplete" src="http://steaw.com/blog/wp-content/uploads/2009/03/wikirank-autocomplete.png" alt="" width="441" height="377" /></div>
<h3>La popularité, seule ou comparée</h3>
<p>Chaque lien sur un sujet n&#8217;amène pas vers Wikipedia mais <strong>vers une page Wikirank</strong> qui regroupe le graphique, un extrait de l&#8217;article Wikipedia et des liens de recherche (Google, Twitter et le NY Times).</p>
<div class="cImgWhite"><a href="http://steaw.com/blog/wp-content/uploads/2009/03/wikirank-outils.png"><img class="alignnone size-full wp-image-552" title="wikirank-outils" src="http://steaw.com/blog/wp-content/uploads/2009/03/wikirank-outils.png" alt="" width="190" height="210" /></a></div>
<p><span class="cStrong">Comparer avant tout!</span>Même si l&#8217;on peut voir la popularité d&#8217;un seul article, le plus intéressant est encore de comparer plusieurs sujets. Tout en restant sur la même page, on obtient un <strong>résumé des sujets comparés</strong>, le but n&#8217;étant pas d&#8217;avoir des infos exhaustives sur chaque élément mais plutôt un panorama de l&#8217;ensemble des élements.</p>
<div class="cImgWhite"><a href="http://wikirank.com/en/John_Lennon,Paul_McCartney,George_Harrison,Ringo_Starr"><img class="alignnone size-full wp-image-551" title="wikirank-comparaison" src="http://steaw.com/blog/wp-content/uploads/2009/03/wikirank-comparaison.png" alt="" width="500" height="400" /></a></div>
<h3>Une bien belle équipe</h3>
<p>Si les graphiques utilisés rappellent <strong>Google Analytics</strong>, c&#8217;est tout à fait normal : le site est réalisé par Small Batch Inc, l&#8217;équipe qui avait réalisé <strong>Measure Map</strong> (racheté par Google pour travailler sur Analytics justement), avec à leur tête <a href="http://www.veen.com/jeff/index.html">Jeffrey Veen</a> (qui a <a href="http://www.veen.com/jeff/archives/000985.html">quitté Google</a> l&#8217;an dernier).</p>
<p>Le designer n&#8217;est autre que <strong>Dan Cederholm</strong>, du studio de web design <a href="http://www.simplebits.com/">Simple Bits</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://steaw.com/blog/creation-charte-graphique/wikirank-wikipedia/feed/</wfw:commentRss>
		<feedburner:origLink>http://steaw.com/blog/creation-charte-graphique/wikirank-wikipedia/</feedburner:origLink></item>
	</channel>
</rss>
