<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="http://feeds.feedburner.com/~d/styles/rss2full.xsl" type="text/xsl" media="screen"?><?xml-stylesheet href="http://feeds.feedburner.com/~d/styles/itemcontent.css" type="text/css" media="screen"?><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: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>Mon, 05 Jan 2009 21:49:17 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6</generator>
	<language>en</language>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/steaw" type="application/rss+xml" /><item>
		<title>Bilan 2008, part 1/2 : Bilan moral</title>
		<link>http://feeds.feedburner.com/~r/steaw/~3/503729709/</link>
		<comments>http://steaw.com/blog/creation-charte-graphique/bilan-moral-2008/#comments</comments>
		<pubDate>Mon, 05 Jan 2009 21:37:49 +0000</pubDate>
		<dc:creator>stArk</dc:creator>
		
		<category><![CDATA[Général]]></category>

		<category><![CDATA[2008]]></category>

		<category><![CDATA[bilan]]></category>

		<category><![CDATA[Muhammad Yunus]]></category>

		<category><![CDATA[steaw]]></category>

		<guid isPermaLink="false">http://steaw.com/blog/?p=317</guid>
		<description><![CDATA[Avant toutes choses, nous vous souhaitons une excellente année 2009. Qu&#8217;elle vous soit à tous créative, familiale, pimentée et profitable !
2008 est donc à présent derrière nous et STEAW fête ses 5 mois. Beaucoup de choses à dire&#8230; Pour celles et ceux qui ont raté le premier épisode, je vous invite à lire mon bilan [...]]]></description>
			<content:encoded><![CDATA[<p class="cTxt">Avant toutes choses, nous vous souhaitons une <strong>excellente année 2009</strong>. Qu&#8217;elle vous soit à tous créative, familiale, pimentée et profitable !</p>
<p class="cTxt">2008 est donc à présent derrière nous et STEAW fête ses 5 mois. Beaucoup de choses à dire&#8230; Pour celles et ceux qui ont raté le premier épisode, je vous invite à lire mon <a href="/blog/creation-charte-graphique/bilan-dun-debut-dactivite/">bilan de début d&#8217;activité</a>.</p>
<div class="cImg"><img src="/src/blog/steaw-bilan-2008.jpg" /></div>
<p class="cTxt">
<span class="cStrong">Bilan moral</span> Steaw va très bien et son équipe aussi. Plus les semaines passent et plus le travail devient captivant et &#8220;cool&#8221;. Captivant car plein de choses arrivent.  De nouveaux plans, de nouveaux projets, de nouveaux horizons. Cool car je maîtrise de mieux en mieux mon temps et j&#8217;arrive à bien gérer la balance vie pro / vie perso.
</p>
<p class="cTxt">
Les <a href="/blog/creation-charte-graphique/bilan-dun-debut-dactivite/">2 premiers mois</a> ont été assez intenses au niveau du rythme de travail. La partie commerciale me prenait beaucoup de temps et cassait mes journées de prod, baissant la productivité et donc allongeant la durée du travail (tout est lié).
</p>
<p class="cTxt">
Mais depuis 2/3 mois, un nouveau phénomène change radicalement mon agencement du temps. J&#8217;ai acquis grâce à mes premiers clients des références et des référents qui font parler de STEAW. Ainsi, j&#8217;ai reçu pas mal d&#8217;appels et de mails du type &#8220;Bonjour, j&#8217;ai vu ce que tu as fait pour Ilan et je suis moi aussi intéressé par&#8230;&#8221; ou encore &#8220;Bonjour, je t&#8217;écris de la part de Denis, qui t&#8217;a vivement recommandé&#8230;&#8221;. J&#8217;économise ainsi toute la phase d&#8217;approche et de démarche client. Ce qui me fait gagner un temps fou, ne casse plus mes journées, augmente ma productivité et donc me permet de bien gérer ma balance vie pro / vie perso (tout est lié).<br />
<br />
Encore une fois, merci à vous.
</p>
<p class="cTxt">
Toujours dans cette recherche du temps perdu, j&#8217;ai réalisé que travailler de chez soi n&#8217;était pas la meilleure des choses pour moi. Non pas que je passais mes journées à dormir sur le canapé mais, bien au contraire, je travaillais trop. Ou du moins, trop longtemps. Comme j&#8217;avais tout sur place, ma vie et mon boulot, il était facile pour moi de me remettre à travailler juste après le dessert. Et ça, c&#8217;est mal. J&#8217;ai donc sauté sur <a href="http://twitter.com/xuoan/statuses/957481564">une occasion en or</a>, une sous location sur les grands boulevards, pour squatter un bureau dans <a href="http://www.verteego.com/">boîte très très sympa</a>. Reprendre un trajet quotidien pour &#8220;aller au travail&#8221;, m&#8217;a permis de me fixer des limites. Une heure de début et une de fin bien définies permettent de bien conditionner sa journée. De retour à la maison, il reste le laptop au cas où, mais le but du jeu est de se considérer comme &#8220;rentré du travail&#8221;. Pour moi, ça marche très bien.
</p>
<p class="cTxt">
Ca se passe bien avec <a href="http://steaw.com/blog/creation-charte-graphique/embauche-directeur-artistique/">Vincent</a>. Je suis très content de notre collaboration et je pense que lui aussi. On se sert de notre fraternité comme d&#8217;une force : Confiance, franchise et entre-aide. Cela nous permet d&#8217;avancer vite, cote à cote et dans la bonne humeur. C&#8217;est parfait.
</p>
<p class="cTxt">
Au vu de notre fonctionnement actuel, des commandes que l&#8217;on nous fait et de l&#8217;expertise que l&#8217;on nous octroie, STEAW SARL ne sera <strong>jamais</strong> une webagency. J&#8217;ai à présent l&#8217;esprit bien clair sur le sujet.<br/>Tout d&#8217;abord, les webagencys ont une très mauvaise réputation auprès des clients. Cataloguées de trop chères et de sources externalisées de problèmes, elles sont malheureusement, le plus souvent des cas, à l&#8217;image de leurs réputations.<br/>STEAW devient un &#8220;studio de création webdesign&#8221;. Jusqu&#8217;à ce qu&#8217;on trouve mieux. Le but étant de garder et de se tenir à un domaine d&#8217;expertise : le webdesign. L&#8217;idéal pour moi serait de ne facturer que du conseil, de l&#8217;ergonomie, de la charte graphique et de l&#8217;intégration XHTML/CSS. C&#8217;est déjà beaucoup le cas, donc pourvu que ça dure.<br/>Aussi, j&#8217;ai envie que STEAW reste une petite structure humaine et conviviale. J&#8217;ai vu beaucoup de société grandir et périr socialement. Pour moi, ce serait un échec. Je ne veux pas d&#8217;une course au chiffre d&#8217;affaire, je veux une course vers la réussite. La réussite n&#8217;est pas une question de salaire et d&#8217;argent mais de &#8220;bien vivre&#8221;. Il faut réussir à vivre de son projet, de sa passion mais surtout, vivre en gardant beaucoup de temps à partager avec les siens. C&#8217;est ça pour moi la réussite.
</p>
<p class="cTxt">
A ce sujet, je me suis acheté &#8220;Vers un nouveau capitalisme&#8221;, de <a href="http://fr.wikipedia.org/wiki/Muhammad_Yunus">Muhammad Yunus</a>, que je vais m&#8217;empresser de lire. Son concept du &#8220;social business&#8221; me donne vraiment envie de découvrir ses travaux et publications. Un homme plein de sagesse, qui utilise le capitalisme pour lutter contre la pauvreté et non pour l&#8217;aggraver.
</p>
<p class="cQuote">
Muhammad Yunus : &#8220;La pauvreté existe parce que notre conception du monde repose sur des hypothèses qui sous-estiment les capacités humaines. Nous avons élaborés des conceptions trop restreintes : notre conception de l’entreprise (qui fait de la recherche du profit la seule motivation humaine), notre conception de la solvabilité (qui prive automatiquement les pauvres de l’accès au crédit), notre conception de l’entreprenariat (qui ignore la créativité de la majorité des gens) et notre conception de l’emploi (qui fait des êtres humains des réceptacles passifs au lieu de voir en eux des créateurs actifs).&#8221;
</p>
<p class="cTxt">
Bref, une courte mais grande année 2008 pour nous. Prochain billet : le bilan commercial. Ca va pas être triste vous allez voir.</p>
]]></content:encoded>
			<wfw:commentRss>http://steaw.com/blog/creation-charte-graphique/bilan-moral-2008/feed/</wfw:commentRss>
		<feedburner:origLink>http://steaw.com/blog/creation-charte-graphique/bilan-moral-2008/</feedburner:origLink></item>
		<item>
		<title>Producteev, la vidéo de la démo</title>
		<link>http://feeds.feedburner.com/~r/steaw/~3/480453795/</link>
		<comments>http://steaw.com/blog/creation-charte-graphique/producteev-demo-leweb/#comments</comments>
		<pubDate>Wed, 10 Dec 2008 10:10:07 +0000</pubDate>
		<dc:creator>stArk</dc:creator>
		
		<category><![CDATA[Evénements]]></category>

		<category><![CDATA[leweb]]></category>

		<category><![CDATA[producteev]]></category>

		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://steaw.com/blog/?p=304</guid>
		<description><![CDATA[Nous n&#8217;avons pas pu le voir hier en live, mais voici la démo de Producteev par Ilan hier midi. 6 minutes montre en main !

&#8212;

Pour les codes beta, ils devraient arriver très vite pour ceux qui en ont fait la demande. J&#8217;aurais la possibilité le début de semaine prochaine de vous en fournir directement quelques [...]]]></description>
			<content:encoded><![CDATA[<p class="cTxt">Nous n&#8217;avons pas pu le voir <a href="http://steaw.com/blog/creation-charte-graphique/producteev-leweb-startup-competition/">hier en live</a>, mais voici la démo de <a href="http://www.producteev.com">Producteev</a> par Ilan hier midi. 6 minutes montre en main !</p>
<div align="center">
<object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/ZIxU9KfLrFw&#038;hl=fr&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/ZIxU9KfLrFw&#038;hl=fr&#038;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="295"></embed><br />&#8212;</object>
</div>
<p class="cTxt">Pour les codes beta, ils devraient arriver très vite pour ceux qui en ont fait la demande. J&#8217;aurais la possibilité le début de semaine prochaine de vous en fournir directement quelques un.</p>
<p class="cTxt">Go Producteev Go !</p>
]]></content:encoded>
			<wfw:commentRss>http://steaw.com/blog/creation-charte-graphique/producteev-demo-leweb/feed/</wfw:commentRss>
		<feedburner:origLink>http://steaw.com/blog/creation-charte-graphique/producteev-demo-leweb/</feedburner:origLink></item>
		<item>
		<title>Producteev à la “Le Web Startup Competition”</title>
		<link>http://feeds.feedburner.com/~r/steaw/~3/479396929/</link>
		<comments>http://steaw.com/blog/creation-charte-graphique/producteev-leweb-startup-competition/#comments</comments>
		<pubDate>Tue, 09 Dec 2008 09:42:09 +0000</pubDate>
		<dc:creator>stArk</dc:creator>
		
		<category><![CDATA[Evénements]]></category>

		<category><![CDATA[application]]></category>

		<category><![CDATA[ilan]]></category>

		<category><![CDATA[leweb]]></category>

		<category><![CDATA[Portfolio]]></category>

		<category><![CDATA[producteev]]></category>

		<guid isPermaLink="false">http://steaw.com/blog/?p=289</guid>
		<description><![CDATA[
Il a bientôt 3 mois, j&#8217;ai fait la rencontre d&#8217;Ilan Abehassera, un ancien de chez Zlio, montant son appli de gestion de taches collaborative : Producteev. Il cherchait un designer, je cherchais un client. Notre histoire était née.
Ilan m&#8217;a fait totalement confiance et m&#8217;a confié l&#8217;entière responsabilité de l&#8217;interface utilisateur : Charte graphique, expérience utilisateur, [...]]]></description>
			<content:encoded><![CDATA[<div class="cImgWhite"><img src="/src/blog/producteev.jpg" border="0" alt="" width="500" /></div>
<p class="cTxt">Il a bientôt 3 mois, j&#8217;ai fait la rencontre d&#8217;<a href="http://twitter.com/ilan">Ilan Abehassera</a>, un ancien de chez <a href="http://www.zlio.com">Zlio</a>, montant son appli de gestion de taches collaborative : <a href="http://www.producteevbeta.com/">Producteev</a>. Il cherchait un designer, je cherchais un client. Notre histoire était née.</p>
<p class="cTxt"><a href="http://twitter.com/ilan">Ilan</a> m&#8217;a fait totalement confiance et m&#8217;a confié l&#8217;entière responsabilité de l&#8217;interface utilisateur : Charte graphique, expérience utilisateur, ergonomie, ajout/modification de fonctionnalité. Bref, un projet passionnant dans lequel je me suis investi à 200%. Je ferais un billet complet sur la conception et la création de cette interface très bientôt.</p>
<p class="cTxt">C&#8217;est aujourd&#8217;hui, à l&#8217;occasion de l&#8217;incontournable <a href="http://www.leweb.net">LeWeb </a> qu&#8217;Ilan dévoilera au reste du monde le fruit de notre travail commun. Tout n&#8217;est pas fini, on est encore en <em>beta</em> et la route est longue. Mais le résultat actuel est très présentable, on peut foncer. D&#8217;ailleurs, un énorme respect à <a href="http://twitter.com/lasryaric">Aric</a>, jeune CTO du projet, véritable bête de guerre surdoué du développement web. J&#8217;avoue que je suis à la fois excité et stressé des premiers retours. C&#8217;est un gros challenge pour STEAW.</p>
<p class="cTxt"><strong>En effet, <a href="http://www.producteevbeta.com/">Producteev </a> a été sélectionné à la &#8220;Le Web Startup Competition&#8221;.</strong> 30 startups du monde entier, choisies parmi une centaine candidates, devront se battre pour défendre au mieux l&#8217;intérêt de leur projet. A la clé, beaucoup de choses dont une visibilité énorme pour le vainqueur. On se souvient de la victoire de <a href="http://www.goojet.com/index.html">Goojet</a> l&#8217;année dernière.</p>
<p class="cTxt"><a href="http://twitter.com/ilan">Ilan</a> présentera Producteev aujourd&#8217;hui à 12h10, heure française. Une retransmission vidéo live sera mise en place et je vous propose de la suivre directement ici, via la visionneuse ci-dessous.</p>
<p class="cTxt"><strong>EDIT : Le live stream pour la compétition de startups n&#8217;a finalement pas été mis en place. Dommage&#8230;</strong></p>
<p class="cTxt"><strong>EDIT 2 : Ilan me dit que ça s&#8217;est passé &#8220;franchement top&#8221; et qu&#8217;il est &#8220;super content que ça soit passé&#8221;. Il m&#8217;a même remercié sur scène ! la classe. Merci Ilan.</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://steaw.com/blog/creation-charte-graphique/producteev-leweb-startup-competition/feed/</wfw:commentRss>
		<feedburner:origLink>http://steaw.com/blog/creation-charte-graphique/producteev-leweb-startup-competition/</feedburner:origLink></item>
		<item>
		<title>Les vidéos dans Deezer, qui les a vues ?</title>
		<link>http://feeds.feedburner.com/~r/steaw/~3/477494918/</link>
		<comments>http://steaw.com/blog/creation-charte-graphique/video-deezer/#comments</comments>
		<pubDate>Sun, 07 Dec 2008 12:30:04 +0000</pubDate>
		<dc:creator>Vince</dc:creator>
		
		<category><![CDATA[Etudes de cas]]></category>

		<category><![CDATA[deezer]]></category>

		<category><![CDATA[ergonomie]]></category>

		<category><![CDATA[onglet]]></category>

		<category><![CDATA[rose]]></category>

		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://steaw.com/blog/?p=283</guid>
		<description><![CDATA[Comme moi vous êtes peut être passé à côté des centaines de fois : l&#8217;onglet &#8220;+1000 vidéos&#8221; sur Deezer. 
Je ne vois pas clairement d&#8217;explication à cet effet &#8220;Casper&#8221; à part qu&#8217;une fois une recherche lancée, notre oeil ( tout comme notre attention) reste collé à la liste musicale, malgré des centaines d&#8217;aller-retours moteur/liste/moteur/liste. 
Tout [...]]]></description>
			<content:encoded><![CDATA[<p class="cTxt">Comme moi vous êtes peut être passé à côté des centaines de fois : l&#8217;onglet &#8220;+1000 vidéos&#8221; sur <a href="http://www.deezer.com" target="_blank">Deezer</a>. </p>
<p class="cTxt">Je ne vois pas clairement d&#8217;explication à cet effet &#8220;Casper&#8221; à part qu&#8217;une fois une recherche lancée, notre oeil ( tout comme notre attention) reste collé à la liste musicale, malgré des centaines d&#8217;aller-retours moteur/liste/moteur/liste. </p>
<p class="cTxt">Tout ça pour dire qu&#8217;on a beau mettre un bouton plus gros, plus coloré, plus différent ou plus tout ce qu&#8217;on veut, s&#8217;il est hors du raisonnement utilisateur et ergonomique il reste &#8220;invisible&#8221;.</p>
<p class="cTxt">Alors, qui l&#8217;avait vu ?</p>
<div class="cImg"><img src="/src/blog/deezer_video.jpg" border="0" alt="" width="500" /></div>
]]></content:encoded>
			<wfw:commentRss>http://steaw.com/blog/creation-charte-graphique/video-deezer/feed/</wfw:commentRss>
		<feedburner:origLink>http://steaw.com/blog/creation-charte-graphique/video-deezer/</feedburner:origLink></item>
		<item>
		<title>Houllalalalala… quel accueil !</title>
		<link>http://feeds.feedburner.com/~r/steaw/~3/472888005/</link>
		<comments>http://steaw.com/blog/creation-charte-graphique/directeur-artistique/#comments</comments>
		<pubDate>Tue, 02 Dec 2008 21:17:36 +0000</pubDate>
		<dc:creator>Vince</dc:creator>
		
		<category><![CDATA[Général]]></category>

		<category><![CDATA[embauche]]></category>

		<category><![CDATA[steaw]]></category>

		<category><![CDATA[vincent]]></category>

		<guid isPermaLink="false">http://steaw.com/blog/?p=265</guid>
		<description><![CDATA[Merci à tous et surtout merci François pour cette présentation qui fait rougir les pommettes.La fierté était bien de mon côté hier matin pour ma première journée officielle de Steaw boy.Après 6 ans en agence, associé et manager, c&#8217;est une super opportunité, un vrai cadeau. Les pieds dans le plat et à l&#8217;aventure !
Donc, je [...]]]></description>
			<content:encoded><![CDATA[<p class="cTxt">Merci à tous et surtout merci François pour cette présentation qui fait rougir les pommettes.<br />La fierté était bien de mon côté hier matin pour ma première journée officielle de Steaw boy.<br />Après 6 ans en agence, associé et manager, c&#8217;est une super opportunité, un vrai cadeau. Les pieds dans le plat et à l&#8217;aventure !</p>
<p class="cTxt">Donc, je me présente : Vincent Le Pichon, 33 ans, directeur artistique et de création depuis 2002, dans le web depuis 2001, graphiste et illustrateur depuis&#8230;. heuuu&#8230;.plus longtemps.<br />J&#8217;ai travaillé pour beaucoup de clients institutionnels comme Maaf, Maif, Macif, Futuroscope, Crédit Agricole, le CG 33 ou Gaz de France mais quasiment toujours sur des propositions événementielles type mini sites, jeux et opérations online&#8230; :)</p>
<p class="cTxt">C&#8217;est depuis Niort, là où je vis avec mes deux filles, que je concocterai mes préparations steawistiques.
<p class="cTxt">Au menu:<br />
Conception, ergonomie et stratégie en entrée.<br />
En plat de résistance, évidemment du web design mais aussi de l&#8217;illustration, de l&#8217;animation on line comme off line et du print si besoin, le tout aux petits oignons.<br />
Et en dessert, hummmm, vision graphique et approche de l&#8217;image en général via le SteawBlog sur son lit d&#8217;actualité (mais pas seulement).<br />
Pour finir : un petit café.</p>
<p class="cTxt">Si vous connaissez François, vous me connaissez déjà un petit peut : on est pa-reil ! (sauf physiquement, et là j&#8217;entend déjà les vannes fuser&#8230;).</p>
<p class="cTxt">On a la gniack et on ne lâche jamais rien. Viens là la crise, tu va voir de quel bois Steaw se chauffe !</p>
<div class="cImg"><img src="/src/blog/illustrations-vlp-steaw.jpg" border="0" alt="" width="500" /></div>
]]></content:encoded>
			<wfw:commentRss>http://steaw.com/blog/creation-charte-graphique/directeur-artistique/feed/</wfw:commentRss>
		<feedburner:origLink>http://steaw.com/blog/creation-charte-graphique/directeur-artistique/</feedburner:origLink></item>
		<item>
		<title>Premier décembre et première embauche !</title>
		<link>http://feeds.feedburner.com/~r/steaw/~3/471799639/</link>
		<comments>http://steaw.com/blog/creation-charte-graphique/embauche-directeur-artistique/#comments</comments>
		<pubDate>Mon, 01 Dec 2008 22:47:55 +0000</pubDate>
		<dc:creator>stArk</dc:creator>
		
		<category><![CDATA[Général]]></category>

		<category><![CDATA[embauche]]></category>

		<category><![CDATA[équipe]]></category>

		<category><![CDATA[vincent]]></category>

		<guid isPermaLink="false">http://steaw.com/blog/?p=255</guid>
		<description><![CDATA[C&#8217;est avec une très grande fierté que je vous annonce la première embauche chez STEAW SARL. Le 1er décembre sera donc un jour spécial pour &#8220;nous&#8221;, car oui maintenant je ne suis plus seul.
Fier donc de recruter un talent au bout de quelques mois seulement. Et surtout très fier car ce nouveau STEAW boy n&#8217;est [...]]]></description>
			<content:encoded><![CDATA[<p class="cTxt">C&#8217;est avec une très grande fierté que je vous annonce la première embauche chez STEAW SARL. Le 1er décembre sera donc un jour spécial pour &#8220;nous&#8221;, car oui maintenant je ne suis plus seul.</p>
<p class="cTxt">Fier donc de recruter un talent au bout de quelques mois seulement. Et surtout très fier car ce nouveau STEAW boy n&#8217;est autre que mon grand frère Vincent !</p>
<p class="cTxt">Vincent s&#8217;était lancé en indépendant depuis quelques mois sur Niort, proposant ses services en tant que Créatif et Directeur Artistique. Réalisant qu&#8217;il y avait un réel intérêt pour moi à l&#8217;intégrer à STEAW, je lui ai fait une proposition d&#8217;embauche en bonne et dut forme. Après mures réflexions, il a accepté !</p>
<p class="cTxt">Vincent a travaillé longtemps en tant que directeur de création dans une agence niortaise, sur de gros budgets (Futuroscope, Maaf, Maif entre autres). Ultra créatif, véritable artiste, il sera une valeur ajoutée inestimable pour STEAW. Bon je n&#8217;en dis pas plus, il se présentera de lui même. Car en plus, il bloguera.</p>
<p class="cTxt">Pour ceux qui se demandent si une embauche n&#8217;est pas prématurée ou s&#8217;il elle n&#8217;est pas malvenue en cette période trouble, je citerais simplement une célèbre fédération de catch américain : <strong>&#8220;Seul vous êtes fort, à deux vous êtes imbattables !&#8221;</strong> :)</p>
<div class="cImgWhite"><img src="/src/blog/steaw-catch.jpg" border="0" alt="" width="500" /></div>
<p class="cTxt">Sur ce, je vous laisse accueillir Vincent, <em>the new steaw boy</em>, comme il se doit !</p>
]]></content:encoded>
			<wfw:commentRss>http://steaw.com/blog/creation-charte-graphique/embauche-directeur-artistique/feed/</wfw:commentRss>
		<feedburner:origLink>http://steaw.com/blog/creation-charte-graphique/embauche-directeur-artistique/</feedburner:origLink></item>
		<item>
		<title>Sur la route</title>
		<link>http://feeds.feedburner.com/~r/steaw/~3/466057390/</link>
		<comments>http://steaw.com/blog/creation-charte-graphique/sur-la-route/#comments</comments>
		<pubDate>Tue, 18 Nov 2008 23:40:05 +0000</pubDate>
		<dc:creator>stArk</dc:creator>
		
		<category><![CDATA[Général]]></category>

		<guid isPermaLink="false">http://steaw.com/blog/?p=252</guid>
		<description><![CDATA[Je profite d&#8217;une petite pause pour quelques annonces :
- Depuis peu, je sous loue un bureau chez EmeraldVision, éditeur de Verteego : &#8220;Votre rapport de développement durable en ligne&#8221;. Les locaux se trouve au 8 rue Faubourd de Poissonnière, à deux pas du Grand Rex. Très pratique pour les rendez vous. L&#8217;ambiance y est jeune, [...]]]></description>
			<content:encoded><![CDATA[<p class="cTxt">Je profite d&#8217;une petite pause pour quelques annonces :</p>
<p class="cTxt">- Depuis peu, je sous loue un bureau chez EmeraldVision, éditeur de <a href="http://www.verteego.com/PublicVersion/Default.aspx" target="_blank">Verteego</a> : &#8220;Votre rapport de développement durable en ligne&#8221;. Les locaux se trouve au 8 rue Faubourd de Poissonnière, à deux pas du Grand Rex. Très pratique pour les rendez vous. L&#8217;ambiance y est jeune, sympa et productive. A noter que le grand <a href="http://www.ragingfish.fr" target="_blank">Xuoan</a> partage également l&#8217;open space, que demander de plus ?</p>
<p class="cTxt">- Si je me montre discret depuis le début du mois, c&#8217;est parce que les commandes de STEAW s&#8217;enchainent sans me laisser beaucoup de répit. Je ne me plains pas du tout bien au contraire ! De belles références et de super projets. Plus d&#8217;infos dans le futur bilan.</p>
<p class="cTxt">- J&#8217;annoncerai le 1er décembre prochain une grande et bonne nouvelle au sujet de l&#8217;évolution de STEAW. Je n&#8217;en dis pas plus, juste que j&#8217;en suis très fier et heureux.</p>
<p class="cTxt">Voilà pour ce petit point furtif, histoire d&#8217;en rassurer certains. D&#8217;ailleurs, je prépare de nouvelles études de cas qui arriveront bientôt.</p>
<p class="cTxt">Sur ce je reprends la route, j&#8217;ai encore pas mal de chemin à faire !</p>
<div class="cImgWhite"><img src="/src/blog/route.jpg" border="0" alt="" width="500" /></div>
]]></content:encoded>
			<wfw:commentRss>http://steaw.com/blog/creation-charte-graphique/sur-la-route/feed/</wfw:commentRss>
		<feedburner:origLink>http://steaw.com/blog/creation-charte-graphique/sur-la-route/</feedburner:origLink></item>
		<item>
		<title>L’intérêt grandissant des footers riches</title>
		<link>http://feeds.feedburner.com/~r/steaw/~3/466057391/</link>
		<comments>http://steaw.com/blog/creation-charte-graphique/creation-conseil-footer/#comments</comments>
		<pubDate>Tue, 28 Oct 2008 17:07:57 +0000</pubDate>
		<dc:creator>stArk</dc:creator>
		
		<category><![CDATA[Etudes de cas]]></category>

		<category><![CDATA[ergonomie]]></category>

		<category><![CDATA[footer]]></category>

		<category><![CDATA[gamekult]]></category>

		<category><![CDATA[navigation]]></category>

		<category><![CDATA[referencement]]></category>

		<category><![CDATA[zilok]]></category>

		<guid isPermaLink="false">http://steaw.com/blog/?p=231</guid>
		<description><![CDATA[
Généralement quand on parle de footer, on a en tête une simple barre de séparation horizontale avec en dessous le typique &#8220;Copyright MaMarque © 2008&#8243; accompagné d&#8217;un lien vers contact, recrutement ou encore les conditions générales de ventes.


Depuis quelques temps commencent à germer au pied de certains sites des footers evolués, dynamiques, voir même graphiques. [...]]]></description>
			<content:encoded><![CDATA[<p class="cTxt">
Généralement quand on parle de footer, on a en tête une simple barre de séparation horizontale avec en dessous le typique <strong>&#8220;Copyright MaMarque © 2008&#8243;</strong> accompagné d&#8217;un lien vers contact, recrutement ou encore les conditions générales de ventes.
</p>
<p class="cTxt">
Depuis quelques temps commencent à germer au pied de certains sites des footers evolués, dynamiques, voir même graphiques. Ces footers deviennent une véritables fonctionnalités du site et prennent un vrai rôle dans sa structure. Nous allons voir ici les bénéfices de ce qu&#8217;on pourrait appeler les Footers riches.
</p>
<p class="cTxt">
<span class="cStrong">Le référencement</span>C&#8217;est bien là le premier intérêt d&#8217;un tel footer. Il permet de mettre en avant, et sur toutes les pages du site, une multitude de liens sans que cela ne nuise à la qualité du contenu principal de la page.<br />
<br />
C&#8217;est discret et totalement transparent, loin des vieilles techniques d&#8217;antant où l&#8217;on écrivait en ton sur ton pour être lu par le googlebot mais pas par les visiteurs. C&#8217;est vrai que ce n&#8217;est pas très sexy de lire ou voir une suite mots clés dans un site, mais dans un footer riche ça passe tout seul. L&#8217;idée n&#8217;est pas de jeter ici des liens en vrac, comme des échanges de liens avec d&#8217;autres sites par exemple.<br />
<br />
Un bon et efficace exemple sur <a href="http://www.zilok.com">Zilok.com</a> :
</p>
<div class="cImgWhite">
<img src="/src/blog/footer_referencement.gif" alt="" width="500" border="0" /><br />Footer de Zilok.com
</div>
<p class="cTxt">
<a href="http://www.ragingfish.fr" target="_blank">Xuoan</a> me signale qu&#8217;il serait intéressant d&#8217;aller plus loin en testant le fait de contexualiser les mot-clés suivant la page en cours. A vu de nez, ça devrait augmenter l&#8217;efficacité du référencement grâce à ces nouveaux liens appartenant à une même thématique.
</p>
<p class="cTxt">
<span class="cStrong">Une double navigation</span>Pour simplifier l&#8217;accès à l&#8217;information sur les sites à lourde arborescence, on multiplie les moyens de navigation dans le site. En plus menu de navigation principal en header ou en barre latérale du site, on peut prévoir un autre menu de navigation dans le footer.<br />
<br />
Ce menu peut être une simple copie du menu principal, ce qui permettra à l&#8217;utilisateur ne peut avoir à remonter tout en haut de la page pour changer de catégorie.<br />
<br />
Il peut également être une mise à plat de l&#8217;arborescence du menu principal. Je dis mise à plat car les menus sont sont souvent organisés en catégories et sous catégories à l&#8217;aide d&#8217;un menu déroulant. Ce qui ressemblerait un peu à un <em>Plan de site</em>.<br />
<br />
Le mieux pour moi est une reprise de l&#8217;arborescence du site avec des intitulés plus rédigés que dans le menu principal. En effet, dans un menu on se doit d&#8217;être très précis et très court avec un ou deux mots. Dans cette double navigation, on peut imaginer être beaucoup plus explicite et rédigé afin de mieux capter l&#8217;attention.<br />
<br />
Voici une partie du footer de <strong>voyages-sncf.com</strong> qui retrace est un bon mixe de tout ceci :
</p>
<div class="cImgWhite">
<img src="/src/blog/footer_doublenav.gif" alt="" width="500" border="0" /><br />Footer de voyages-sncf.com
</div>
<p class="cTxt">
La première ligne est la simple reprise de la navigation principale et à la ligne &#8220;Fidélité&#8221; on retrouve des liens rédigés comme &#8220;Convertissez vos S&#8217;Miles en billet de train&#8221;, qui est pour moi beaucoup plus clair que &#8220;S&#8217;Miles&#8221; ou &#8220;Convertion S&#8217;Miles&#8221;.
</p>
<p class="cTxt">
<span class="cStrong">Les informations secondaires</span>Comme un footer riche reste avant tout un footer, on y retrouve biensur les informations classiques comme le copyright, des informations sur le site ou des liens vers les pages annexes.<br />
<br />
Il peut être pratique aussi d&#8217;y caser également des fonctionnalités de second plan. Par exemple, un moteur de recherche ou l&#8217;inscription à une newsletter. Ou à l&#8217;inverse, si vous avez une fonctionnalité importante à mettre en valeur, l&#8217;intégrée dans le footer la rendra accessible depuis toutes les pages du site.
</p>
<p class="cTxt">
<span class="cStrong">Quelques exemples concrets</span>J&#8217;ai sélectionné pour vous 3 footers riches. Ils sont très fournis, reprennent ce que nous venons de voir ensemble et surtout ils sont très atypiques.<br />
<br />
J&#8217;aime beaucoup celui de <strong>Zilok.com</strong> qui reprend :<br />
- Une double navigation sexy et claire<br />
- Une coin Revue de Presse<br />
- Une partie mots-clés pour le référencement<br />
- Le changement de langues<br />
- Les informations annexes
</p>
<div class="cImgWhite">
<a href="http://www.zilok.com" target="_blank"><img src="/src/blog/footer_zilok.jpg" alt="" width="500" border="0" /></a><br />Footer de Zilok.com
</div>
<p class="cTxt">
Plus graphique et tout aussi riche, celui de <strong>Gamekult.com</strong> :<br />
- Syndication RSS<br />
- Liens pages annexes<br />
- Un lien vers la page de parteneriat<br />
- une grosse partie sur les dernières news, avec des Top. Très très bon.<br />
- Une navigation rédigée<br />
- Liens vers les sites du groupe<br />
- Liens vers les partenaires<br />
- Mots-clés référencements<br />
- Les informations annexes
</p>
<div class="cImgWhite">
<a href="http://www.gamekult.com" target="_blank"><img src="/src/blog/footer_gamekult.jpg" alt="" width="500" border="0" /></a><br />Footer de Gamekult.com
</div>
<p class="cTxt">
Pour finir, la palme de la démesure revient au footer du <strong>Figaro.fr</strong> qui ne fait pas moins de <strong>1115 pixels</strong> de hauteur ! <a href="http://www.figaro.fr">Allez voir</a>, ça vaut le détour (ou pas).</p>
]]></content:encoded>
			<wfw:commentRss>http://steaw.com/blog/creation-charte-graphique/creation-conseil-footer/feed/</wfw:commentRss>
		<feedburner:origLink>http://steaw.com/blog/creation-charte-graphique/creation-conseil-footer/</feedburner:origLink></item>
		<item>
		<title>Le samedi 18, c’était photo</title>
		<link>http://feeds.feedburner.com/~r/steaw/~3/466057392/</link>
		<comments>http://steaw.com/blog/creation-charte-graphique/lense-party-photo-epson/#comments</comments>
		<pubDate>Tue, 21 Oct 2008 16:35:03 +0000</pubDate>
		<dc:creator>stArk</dc:creator>
		
		<category><![CDATA[Evénements]]></category>

		<category><![CDATA[lense]]></category>

		<category><![CDATA[photo]]></category>

		<guid isPermaLink="false">http://steaw.com/blog/?p=216</guid>
		<description><![CDATA[Hop hop, on enchaine et on ne molli pas. Samedi dernier c&#8217;était journée photo, c&#8217;était Lense Party et c&#8217;était bien. Très très bien même.
Une Lense Party, pour faire simple, est une journée ouverte à tous les amateurs de photographies, du simple débutant avec son Panasonic 1.2M pixels au pro équipé d&#8217;un 5D. Les plus expérimentés [...]]]></description>
			<content:encoded><![CDATA[<p class="cTxt">Hop hop, on enchaine et on ne molli pas. Samedi dernier c&#8217;était journée photo, c&#8217;était <a href="http://www.lense.fr/welcome/" target="_blank">Lense Party</a> et c&#8217;était bien. Très très bien même.</p>
<p class="cTxt">Une <a href="http://www.lense.fr/welcome/" target="_blank">Lense Party</a>, pour faire simple, est une journée ouverte à tous les amateurs de photographies, du simple débutant avec son Panasonic 1.2M pixels au pro équipé d&#8217;un 5D. Les plus expérimentés aident les novices et chacun évolue dans Paris à la recherche de bons temps et de bons clichés.</p>
<p class="cTxt">Pour cette 12° édition, 160 lensers se sont réunis et ça fait du monde sur la <a href="http://www.flickr.com/photos/lensefr/2956099357/sizes/l/in/set-72157608186160980/" target="_blank">photo de groupe</a> ! On a été divisé en 16 groupes, guidés par 16 coatchs, dispatchés dans 16 quartier de Paris, pour numériser la capitale. Une soirée privée nous attendait ensuite, sponso par <a href="http://www.epson.fr/" target="_blank">Epson</a> et avec l&#8217;ami <a href="http://www.diese05.com/" target="_blank">Diese</a> aux platines. On a eu la possibilité d&#8217;y imprimer notre plus beau cliché en format géant sur de redoutables imprimantes couleurs. Sympa non ? Bref, on a passé une super journée.</p>
<p class="cTxt">Je connaissais le mouvement <strong>Lense</strong> depuis longtemps mais je n&#8217;avais pas encore eu l&#8217;occasion d&#8217;y participer. C&#8217;est chose faite. Merci à la team.</p>
<p class="cTxt">Je vous laisse avec quelques photos issus de mon 40D, c&#8217;est vraiment histoire de jouer le jeu&#8230; Plus de photos <a href="http://www.flickr.com/photos/iamstark/" target="_blank">sur mon flickr </a> ( dont ma wannabe famous série &#8220;Frein&#8221; )</p>
<div class="cImg"><img src="http://farm4.static.flickr.com/3046/2961926170_d2f6e23253.jpg?v=0" border="0" alt="" width="500" /></div>
<div class="cImg"><img src="http://farm4.static.flickr.com/3180/2961925356_82c03fa72e_b.jpg" border="0" alt="" width="500" /></div>
<div class="cImg"><img src="http://farm4.static.flickr.com/3004/2961925238_682ddeca7b.jpg?v=0" border="0" alt="" width="500" /></div>
<p class="cTxt">Et un immense merci à <a href="http://www.journaldugeek.com" target="_blank">Anh</a>, pour son temps, sa générosité et ses conseils !</p>
<div class="cImg"><img src="http://farm4.static.flickr.com/3070/2960975735_bc1602db3b_b.jpg" border="0" alt="" width="500" /></div>
]]></content:encoded>
			<wfw:commentRss>http://steaw.com/blog/creation-charte-graphique/lense-party-photo-epson/feed/</wfw:commentRss>
		<feedburner:origLink>http://steaw.com/blog/creation-charte-graphique/lense-party-photo-epson/</feedburner:origLink></item>
		<item>
		<title>Le samedi 11, c’était network</title>
		<link>http://feeds.feedburner.com/~r/steaw/~3/466057393/</link>
		<comments>http://steaw.com/blog/creation-charte-graphique/web2connect/#comments</comments>
		<pubDate>Sun, 19 Oct 2008 23:04:43 +0000</pubDate>
		<dc:creator>stArk</dc:creator>
		
		<category><![CDATA[Evénements]]></category>

		<guid isPermaLink="false">http://steaw.com/blog/?p=197</guid>
		<description><![CDATA[Mes semaines sont bien remplies, à l&#8217;instar de mes weekends. Et en temps que bon boulimique de boulot et de web, j&#8217;ai passé mon samedi 11 au Web2connect.
Organisé par la team de Webdeux, Jean-François Ruiz et Sébastien Rousset, le Web2connect c&#8217;est un gros network de 400 personnes, tous bloggeurs, geeks ou entrepreneurs.
J&#8217;y ai retrouvé la [...]]]></description>
			<content:encoded><![CDATA[<p class="cTxt">Mes semaines sont bien remplies, à l&#8217;instar de mes weekends. Et en temps que bon boulimique de boulot et de web, j&#8217;ai passé mon samedi 11 au <strong>Web2connect</strong>.</p>
<p class="cTxt">Organisé par la team de <a href="http://www.webdeux.info/">Webdeux</a>, Jean-François Ruiz et Sébastien Rousset, le Web2connect c&#8217;est un gros network de <a href="http://www.chouingmedia.com/$blog/2008/10/03/webdeuxconnect___la_longue_longue_longue_liste_des_participants">400 personnes</a>, tous bloggeurs, geeks ou entrepreneurs.</p>
<p class="cTxt">J&#8217;y ai retrouvé la clique de potes : <a href="http://www.emob.fr" target="_blank">Nico</a>, <a href="http://www.bagatelles.fr" target="_blank">Mathilde</a>, <a href="http://www.fubiz.net" target="_blank">Fufu</a>, <a href="http://www.benoot.com" target="_blank">Benoit</a>, <a href="http://www.hellotipi.com" target="_blank">François</a>, <a href="http://www.virtualgoodz.com">Simon</a>, <a href="http://www.tapahont.info" target="_blank">Richard</a>, <a href="http://www.ragingfish.fr" target="_blank">Xu</a>, <a href="http://www.charles-liebert.fr/" target="_blank">Ch@rles</a>&#8230; Généralement, rien que le fait qu&#8217;on se retrouve ensemble ça annonce déjà une pure journée. Mais je me suis quand même aussi ouvert au reste du monde. <a href="http://www.mrboo.fr/webdeuxconnect-bravo/" target="_blank">Pour des raisons tout à fait honorables</a>, je suis allé spontanément à la rencontre d&#8217;une très grande majorité des personnes présentes. <a href="http://www.cnetfrance.fr/produits/portables/medion-akoya-mini-e1210-39382718_2t.htm" target="_blank">Sans aucune idée derrière la tête</a>, j&#8217;ai pu ainsi faire de très bonne rencontre comme <a href="http://www.jiwok.fr" target="_blank">Denis</a>, <a href="http://www.petitdeviendragrand.com/" target="_blank">Maxime</a>, <a href="http://www.chouingmedia.com/" target="_blank">Cédric</a>, <a href="http://www.simpleentrepreneur.com/" target="_blank">Stéphane</a>, et beaucoup d&#8217;autres. Ca a été aussi l&#8217;occasion de mieux connaitre <a href="http://www.korben.info">Korben</a> ou encore <a href="http://www.cedricgiorgi.com/">Cédric</a>, et ça m&#8217;a bien fait plaisir.</p>
<p class="cTxt">Sans oublier de bons et prometteurs contacts pro et demandes de devis pour des projets aussi diverses que du flash lite pour mobile, du consulting ou de la DA/ergo. Tout ce que j&#8217;aime.</p>
<p class="cTxt">Ah oui, aussi j&#8217;ai gagné un Medion 10&#8243; Akoya, c&#8217;était la grosse surprise, <a href="http://www.mrboo.fr/webdeuxconnect-bravo/" target="_blank">j&#8217;ai rien fait pour l&#8217;avoir</a>, je vous le jure ;)</p>
<div class="cImgWhite"><img src="/src/blog/web2connect_1.jpg" border="0" alt="" width="500" />Moi, Nico et Xuoan ( Crédit Web2connect )</div>
<div class="cImgWhite"><img src="/src/blog/web2connect_2.jpg" border="0" alt="" width="500" />Mathilde, Benoit et Moi ( Crédit Web2connect )</div>
]]></content:encoded>
			<wfw:commentRss>http://steaw.com/blog/creation-charte-graphique/web2connect/feed/</wfw:commentRss>
		<feedburner:origLink>http://steaw.com/blog/creation-charte-graphique/web2connect/</feedburner:origLink></item>
	</channel>
</rss>
