<?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>Le blog de Madmagz &#187; Cécile Taverne</title>
	<atom:link href="http://www.madmagz.com/fr/blog/tag/cecile-taverne/feed" rel="self" type="application/rss+xml" />
	<link>http://www.madmagz.com/fr/blog</link>
	<description>Marketing &#38; business sur Internet</description>
	<lastBuildDate>Sun, 14 Mar 2010 21:38:44 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>La fée du Net : premier coup de baguette</title>
		<link>http://www.madmagz.com/fr/blog/la-fee-du-net-premier-coup-de-baguette</link>
		<comments>http://www.madmagz.com/fr/blog/la-fee-du-net-premier-coup-de-baguette#comments</comments>
		<pubDate>Fri, 13 Mar 2009 06:24:18 +0000</pubDate>
		<dc:creator>Youssef</dc:creator>
				<category><![CDATA[Madmagz story]]></category>
		<category><![CDATA[Cécile Taverne]]></category>
		<category><![CDATA[La fée du Net]]></category>

		<guid isPermaLink="false">http://thepalermoproject.com/fr/?p=924</guid>
		<description><![CDATA[
Je vous avais laissé il y a quelques temps à la naissance de la société, à la recherche d'un modèle de brief pour la rédaction de sa charte graphique et à la réalisation de son logo. Maintenant, un coup de baguette magique et…
Voici son site ! Disons-le tout de go : c'est un site plaquette. [...]<p><a href="http://www.madmagz.com/fr/blog/la-fee-du-net-premier-coup-de-baguette">La fée du Net : premier coup de baguette</a> is a post from: <a href="http://www.madmagz.com/fr/blog">Le blog de Madmagz</a></p>
]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" title="Logo La fée du Net" src="http://farm4.static.flickr.com/3571/3349153347_170aba0198.jpg" alt="" width="500" height="154" /><br />
Je vous avais laissé il y a quelques temps à la naissance de la société, à la recherche d'<a title="Brief charte graphique La fée du Net" href="http://thepalermoproject.com/fr/rediger-un-brief-pour-une-charte-graphique-de-societe" target="_blank">un modèle de <em>brief</em></a> pour la rédaction de sa charte graphique et à <a title="Logo La fée du Net" href="http://thepalermoproject.com/fr/la-fee-du-net-choix-du-logo" target="_blank">la réalisation de son logo</a>. Maintenant, un coup de baguette magique et…<span id="more-924"></span></p>
<p>Voici <a title="La fée du Net" href="http://www.lafeedunet.fr" target="_blank">son site</a> ! Disons-le tout de go : c'est un site plaquette. Nous n'avons à ce stade que peu de choses à dire et, de toutes façons, le site phare sera celui du service que nous allons lancer.</p>
<p>Au plan graphique, Thierry, le graphiste en stage, a fait à mon sens un travail simple et élégant. Au plan technique, au tant le dire, c'est loin des ambitions de la société : code non conforme aux standards W3C, non optimisé pour le référencement naturel et le tout emballé une <em>frame</em> ! Au vu du métier que nous entendons exercer, c'est un comble…</p>
<p>Mais aussi longtemps que la société n'aura pas de chiffre d'affaires, je me dois de préserver sa trésorerie, qui n'est rien moins que le capital social. Aussi le site s'est-il fait sans bourse délier…</p>
<h4><em>Post-scriptum</em></h4>
<p>Cécile Taverne, la graphiste avec qui nous avons travaillé, a mis <a title="Cécile Taverne, graphiste" href="http://www.reg-arts.com/" target="_blank">son nouveau site en ligne</a>. Maëlia, qui s'est chargée de la traduction du blog en anglais, recherche un stage cet été à l'étranger ou en finance (voir <a title="Maëlia Bianchi, stagiaire, CV" href="http://www.scribd.com/full/13082293?access_key=key-rph5pobm3gdpljoidjm" target="_blank">CV</a>). J'ai eu tout lieu d'être content de leur implication et de leur travail.</p>
<p><a href="http://www.madmagz.com/fr/blog/la-fee-du-net-premier-coup-de-baguette">La fée du Net : premier coup de baguette</a> is a post from: <a href="http://www.madmagz.com/fr/blog">Le blog de Madmagz</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.madmagz.com/fr/blog/la-fee-du-net-premier-coup-de-baguette/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mercato d&#8217;hiver</title>
		<link>http://www.madmagz.com/fr/blog/mercato-dhiver</link>
		<comments>http://www.madmagz.com/fr/blog/mercato-dhiver#comments</comments>
		<pubDate>Thu, 15 Jan 2009 19:23:39 +0000</pubDate>
		<dc:creator>Youssef</dc:creator>
				<category><![CDATA[Madmagz story]]></category>
		<category><![CDATA[Bertrand Evain]]></category>
		<category><![CDATA[Cécile Taverne]]></category>
		<category><![CDATA[Hoesy]]></category>
		<category><![CDATA[Kamahunda Mulamba]]></category>
		<category><![CDATA[Knetworks]]></category>

		<guid isPermaLink="false">http://thepalermoproject.com/fr/?p=778</guid>
		<description><![CDATA[
Depuis le lancement du projet, il y a eu des départs et des arrivées. Un point s'impose je crois en ce commencement d'année.
Cécile se charge toujours du graphisme du projet. Elle a réalisé les maquettes du produit final et le logo. Graphiste de formation, elle exerce depuis dix ans pour des travaux aussi bien print [...]<p><a href="http://www.madmagz.com/fr/blog/mercato-dhiver">Mercato d&#8217;hiver</a> is a post from: <a href="http://www.madmagz.com/fr/blog">Le blog de Madmagz</a></p>
]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" title="The Palermo Project : l'équipe" src="http://www.giannonegiovanni.com/palermo_calcio.jpg" alt="" width="675" height="450" /></p>
<p>Depuis <a title="The Palermo Project : lancement" href="http://thepalermoproject.com/fr/bonjour-tout-le-monde" target="_blank">le lancement du projet</a>, il y a eu des départs et des arrivées. Un point s'impose je crois en ce commencement d'année.<span id="more-778"></span></p>
<p><strong>Cécile</strong> se charge toujours du graphisme du projet. Elle a réalisé les maquettes du produit final et <a title="The Palermo Project : création du logo" href="http://thepalermoproject.com/fr/le-logo" target="_blank">le logo</a>. Graphiste de formation, elle exerce depuis dix ans pour des travaux aussi bien <em>print</em> que Web. Cécile vit non loin de Valencienne<span style="color: #000000;">s. </span></p>
<p><strong>Maëlia</strong> se charge depuis le mois de novembre dernier la traduction du <a title="The Palermo Project" href="http://www.thepalermoproject.com/" target="_blank">blog en anglais</a>. Étudiante en école de commerce, elle a vécu quatre ans aux États-Unis et a été présentée au concours général d'anglais en 2007. Maëlia vit à Nice. <strong>Jeff</strong> lui a donné un coup de main en fin d'année dernière car je souhaitais combler rapidement le retard de traduction. Jeff est un Américain d'une vingtaine d'année qui, après des études commerciales, a travaillé dans le marketing <em>online</em>. Il est aussi passionné par la langue et la culture françaises. Il a procédé aux traductions pendant qu'il faisait le tour de l'Europe…</p>
<p>La mission de <strong>Bertrand</strong> s'est achevée. L'ergonomie du service a été <a title="Ergonomie" href="http://thepalermoproject.com/fr/comment-passer-de-lidee-aux-pages-web" target="_blank">définie</a> et <a title="Tests utilisateurs" href="http://thepalermoproject.com/fr/les-tests-utilisateurs" target="_blank">validée</a>. Nous sommes cependant convenus de déjeuner ensemble une fois par mois pour discuter de l'avancement du projet. Diplômé d'un DESS d'ergonomie, Bertrand a plus de quinze ans d'<a title="Bertrand Evain : consultant en ergonomie" href="http://www.hoesy.com/" target="_blank">expérience</a> aussi bien dans le Web que dans le domaine industriel. Il enseigne en outre dans une école d'ingénieurs. Bertrand vit dans le Pas-de-Calais.</p>
<p><strong>Sébastien</strong> a procédé aux paramatrages techniques des blogs. <span style="text-decoration: line-through;">Développeur</span> <em>Web designer</em> <em>freelance</em>, c'est également un spécialiste de Wordpress. Sébastien vit à Caen.</p>
<p>Ce n'est plus la société de <strong>Jean-Patrick</strong> qui a la charge du développement technique du projet mais <a title="Knetworks : développement d'applications" href="http://www.knetworks.fr/" target="_blank">Knetworks</a>, dirigée par <strong>Kamahunda</strong>. (Décision lourde et qui a un impact sur la feuille de route : je reviendrai sans doute sur ce dernier point.) Durant mon précédent job, j'avais conclu un partenariat avec <a title="La Redoute UK" href="http://www.laredoute.co.uk/Default.aspx" target="_blank">la filiale britannique de La Redoute</a>. J'avais alors confié le développement technique à l'ancienne société de Kamahunda, Ingénieurs &amp; Consultants (qu'il a depuis <a title="Ingénieurs et Consultants" href="http://www.smile.fr/actualites/nos-actualites/acquisition-ingenieurs-consultants" target="_blank">revendue</a>). Cela s'était très bien passé. Kamahunda, après des études d'ingénieur, a travaillé dix ans dans la conception et le développement technique d'applications Web et mobiles. Il a travaillé avec de nombreux grands comptes (Hachette, Sony, le ministère de l'Intérieur, la SNCF…). Knetworks est domiciliée en France mais les développements se font en Afrique.</p>
<p><strong>Thierry</strong>, comme je l'ai <a title="Brief charte graphique" href="http://thepalermoproject.com/fr/rediger-un-brief-pour-une-charte-graphique-de-societe" target="_blank">mentionné</a>, va élaborer la charte graphique de la sociét<span style="color: #ff6600;"><span style="color: #000000;">é. Après avoir étudié les Beaux-Arts et s'être même installé comme artiste pendant plusieurs années, il a récemment ajouté à son arc la corde numérique. Thierry vit à Paris.</span></span></p>
<p><strong><span style="color: #000000;">Ingrid</span></strong> va se charger de la rédaction des tutoriels. Ingrid a fait des études de gestion à la Sorbonne qu'elle a complétées par une spécialisation dans le marketing Web. Elle vit à Paris.</p>
<p>Enfin, <strong>Rahul</strong>, le stagiaire que j'ai tant peiné à trouver, sera chef de projet e-marketing. Après un diplôme d'ingénieur obtenu en Inde, son pays d'origine, Rahul a travaillé quatre ans chez <a title="Infosys" href="http://www.infosys.com/" target="_blank">Infosys</a>. Il est aujourd'hui étudiant en dernière année à HEC. Rahul vit à Paris.</p>
<p>Voilà pour le moment ! À l'approche du lancement, nous travaillerons certainement avec Rahul à une présentation plus vivante, avec des interviews ou des vidéos par exemple.</p>
<p><a href="http://www.madmagz.com/fr/blog/mercato-dhiver">Mercato d&#8217;hiver</a> is a post from: <a href="http://www.madmagz.com/fr/blog">Le blog de Madmagz</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.madmagz.com/fr/blog/mercato-dhiver/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>The Palermo Project : le logo !</title>
		<link>http://www.madmagz.com/fr/blog/le-logo</link>
		<comments>http://www.madmagz.com/fr/blog/le-logo#comments</comments>
		<pubDate>Tue, 21 Oct 2008 19:04:48 +0000</pubDate>
		<dc:creator>Youssef</dc:creator>
				<category><![CDATA[Madmagz story]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[brief]]></category>
		<category><![CDATA[brief créatif]]></category>
		<category><![CDATA[Cécile Taverne]]></category>
		<category><![CDATA[graphisme]]></category>
		<category><![CDATA[graphiste]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[marque]]></category>
		<category><![CDATA[max]]></category>
		<category><![CDATA[nom de marque]]></category>

		<guid isPermaLink="false">http://thepalermoproject.com/fr/?p=543</guid>
		<description><![CDATA[
Nous attaquons avec Cécile la charte graphique du site et, en bon ordre, nous commençons par le logo. Ce n'est rien moins, à mon sens, que l'équivalent du nom et du visage pour une personne. L'enjeu est d'autant plus important pour nous que le service est novateur et qu'il sera lancé aussi bien dans les [...]<p><a href="http://www.madmagz.com/fr/blog/le-logo">The Palermo Project : le logo !</a> is a post from: <a href="http://www.madmagz.com/fr/blog">Le blog de Madmagz</a></p>
]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" title="Max, mascotte" src="http://farm4.static.flickr.com/3229/2949322873_f52829d86a_o.jpg" alt="" width="213" height="213" /></p>
<p>Nous attaquons avec Cécile la charte graphique du site et, en bon ordre, nous commençons par le <strong>logo</strong>. Ce n'est rien moins, à mon sens, que l'équivalent du nom et du visage pour une personne. L'<strong><span style="color: #000000;">enjeu</span></strong> est d'autant plus important pour nous que le service est novateur et qu'il sera lancé aussi bien dans les pays francophones qu'anglo-saxons.<span id="more-543"></span></p>
<p>Mon <strong><em>brief</em></strong> <strong>créatif</strong> rappelait le contexte (société, service, marché, cible et proposition de valeur), exposait les grandes lignes du plan marketing et, enfin, définissait la marque et son positionnement. Les mots-clés attachés au positionnement étaient : crédibilité, simplicité, modernité/innovation, universalité/cosmopolitisme, familiarité/proximité, pionnier/<em>leadership</em> et fantaisie/humour. J'avais de plus fait part de vive voix à Cécile de l'idée d'une mascotte. Cette idée me séduisait pour des raisons tactiques. Je pensais notamment au lancement où je la voyais trouver une application dans des jeux, des vidéos…</p>
<p>Au bout de quelques jour, Cécile me proposa les six <strong>pistes créatives</strong> suivantes.</p>
<div id="__ss_666001" style="width: 425px; text-align: left;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=logos-v1-1224272990221510-8&amp;stripped_title=logos-v1-presentation" /><embed type="application/x-shockwave-flash" width="425" height="355" src="http://static.slideshare.net/swf/ssplayer2.swf?doc=logos-v1-1224272990221510-8&amp;stripped_title=logos-v1-presentation" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<p>J'ai à peu près écarté les cinq premières mais voici ce qu'en substance j'écrivis de la sixième :</p>
<blockquote><p>Très prometteuse cette piste du singe. C'est tout à fait vers cela qu'il faut aller. Je propose qu'on parte de ce logo pour affiner. Ce qu'il faut travailler à mon sens (à discuter) :</p>
<ul>
<li>une nuance de vert (lien avec l'écologie mais aussi le milieu du singe)</li>
<li>un air légèrement trop méchant du singe ?</li>
<li>le personnage ne contraste pas avec avec le texte</li>
<li>plus de gaieté.</li>
</ul>
</blockquote>
<p>Une recherche sur <a title="La symbolique du singe" href="http://nueva-acropolis.org/symboles/Symbs.aspx?ID=167" target="_blank">la symbolique du singe</a> dans différentes cultures me conforta dans cette voie. Toutefois, par acquis de conscience, je priai Cécile d'imaginer un autre animal. Il y eut alors deux ou trois aller-retour qui ont avant tout consisté en des ajustements sur la base de critères de lisibilité, de cohérence, de respect du <em>brief</em> et, disons-le, de <a title="serendipity" href="http://fr.wikipedia.org/wiki/Sérendipité" target="_blank"><em>serendipity</em></a>. En définitive, après avoir jeté à l'eau <a title="Grenouilles pour logo" href="http://farm4.static.flickr.com/3295/2939159638_fa61374c4d_b.jpg" target="_blank">l'animal alternatif</a>, nous en étions arrivés aux options suivantes.</p>
<div><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="300" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="id" value="_ds_1955904" /><param name="name" value="_ds_1955904" /><param name="FlashVars" value="doc_id=1955904&amp;mem_id=274234&amp;doc_type=ppt&amp;fullscreen=0&amp;showrelated=0&amp;showotherdocs=0" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="src" value="http://viewer.docstoc.com/" /><embed id="_ds_1955904" type="application/x-shockwave-flash" width="400" height="300" src="http://viewer.docstoc.com/" allowfullscreen="true" allowscriptaccess="always" flashvars="doc_id=1955904&amp;mem_id=274234&amp;doc_type=ppt&amp;fullscreen=0&amp;showrelated=0&amp;showotherdocs=0" name="_ds_1955904"></embed></object></div>
<p>À ce stade, j'éprouvai le besoin d'un <strong>avis extérieur</strong>. Je le montrai à un copain qui étudia les beaux-arts et doué d'un bon coup d'œil graphique. Il rejeta le premier singe comme trop enfantin, décalé par rapport à notre cible. Quant aux polices, il afficha sa préférence pour la deuxième, tout en reconnaissant que, parce que typée, elle risquait de mal vieillir. Cécile montra également son travail autour d'elle et les avis concordaient sur le premier singe.</p>
<p>Pour ma part, ma décision était prise. Le troisième singe, trop stylisé, ne déclenchait qu'une lointaine sympathie. Pour la police, je préférais la première, plus nette, plus lisible, à la fois moderne et équilibrée. Ceci dit, le poids des coloris ne me satisfaisait pas. Je priai Cécile de tester ce logo avec "PAL" en vert. (Cela fait d'autant plus de sens avec le véritable nom de marque, qui juxtapose deux mots.) Voici le résultat.</p>
<p><span style="color: #ff6600;"> </span></p>
<p><img class="alignnone" title="Logo The Palermo Project n-1 fake" src="http://farm4.static.flickr.com/3010/2950369304_388e7b2f7d.jpg" alt="" width="500" height="150" /></p>
<p>Nous y étions presque mais… Je dégainai mon Photoshop et, laborieusement, je testai l'interversion des coloris.</p>
<p><a href="http://thepalermoproject.com/fr/wp-content/uploads/2008/10/palerme.jpg"><img class="alignnone size-medium wp-image-550" title="Faux logo du Palermo Project" src="http://thepalermoproject.com/fr/wp-content/uploads/2008/10/palerme.jpg" alt="" width="557" height="167" /></a></p>
<p>Bingo ! Cette variante dégage indubitablement plus de force, de stabilité, d'équilibre. Les avis extérieurs étaient également favorables : le logo était trouvé !</p>
<p>Notons qu'avec le véritable nom de marque, le logo dégage un dynamisme supérieur et… Mais voilà que <strong>Max</strong> - c'est pour le moment son nom - surgit, bondit et s'empare du micro pour me voler le mot de la fin…</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="300" height="40" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="flashvars" value="playlist_url=http://hicham.rahoui.free.fr/thepalermoproject/son/cri-mascotte.mp3&amp;rounded_corner=1&amp;skin_color_1=-116,-20,-38,0&amp;skin_color_2=-103,100,0,0" /><param name="src" value="http://webjay.org/flash/xspf_player" /><param name="wmode" value="transparent" /><embed type="application/x-shockwave-flash" width="300" height="40" src="http://webjay.org/flash/xspf_player" wmode="transparent" flashvars="playlist_url=http://hicham.rahoui.free.fr/thepalermoproject/son/cri-mascotte.mp3&amp;rounded_corner=1&amp;skin_color_1=-116,-20,-38,0&amp;skin_color_2=-103,100,0,0"></embed></object></p>
<p><a href="http://www.madmagz.com/fr/blog/le-logo">The Palermo Project : le logo !</a> is a post from: <a href="http://www.madmagz.com/fr/blog">Le blog de Madmagz</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.madmagz.com/fr/blog/le-logo/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>V2 de la page d&#8217;accueil du Palermo Project</title>
		<link>http://www.madmagz.com/fr/blog/v2-de-la-page-daccueil-du-palermo-project</link>
		<comments>http://www.madmagz.com/fr/blog/v2-de-la-page-daccueil-du-palermo-project#comments</comments>
		<pubDate>Thu, 09 Oct 2008 18:53:57 +0000</pubDate>
		<dc:creator>Youssef</dc:creator>
				<category><![CDATA[Madmagz story]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[Cécile Taverne]]></category>
		<category><![CDATA[ergonomie]]></category>
		<category><![CDATA[graphisme]]></category>
		<category><![CDATA[graphiste]]></category>
		<category><![CDATA[maquette fonctionnelle]]></category>
		<category><![CDATA[page d'accueil]]></category>
		<category><![CDATA[The Palermo Project]]></category>
		<category><![CDATA[wireframe]]></category>

		<guid isPermaLink="false">http://thepalermoproject.com/fr/?p=517</guid>
		<description><![CDATA[
Peu après le travail que nous avons conduit avec Bertrand (l'ergonome) sur la page d'accueil, j'ai briefé notre graphiste Cécile.
Quoique je lui aie communiqué notre prototype et en ait développé la logique, je l'ai invitée à ne pas hésiter à s'écarter de nos options si elle le jugeait opportun. Je lui ai en outre indiqué [...]<p><a href="http://www.madmagz.com/fr/blog/v2-de-la-page-daccueil-du-palermo-project">V2 de la page d&#8217;accueil du Palermo Project</a> is a post from: <a href="http://www.madmagz.com/fr/blog">Le blog de Madmagz</a></p>
]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" title="V de la victoire" src="http://farm4.static.flickr.com/3113/2925146456_8064d1aa86_o.jpg" alt="" width="150" height="331" /></p>
<p>Peu après <a title="La page d'accueil du Palermo Project" href="http://thepalermoproject.com/fr/la-page-daccueil-du-palermo-project" target="_blank">le travail que nous avons conduit</a> avec Bertrand (l'ergonome) sur <strong><span style="color: #000000;">la page d'accueil</span></strong><a title="La page d'accueil du Palermo Project" href="http://thepalermoproject.com/fr/la-page-daccueil-du-palermo-project" target="_blank"></a>, j'ai briefé notre graphiste Cécile.</p>
<p>Quoique je lui aie communiqué notre prototype et en ait développé la logique, je l'ai invitée à ne pas hésiter à s'écarter de nos options si elle le jugeait opportun. Je lui ai en outre indiqué quelques exemples intéressants de page d'accueil en guise de source d'inspiration.</p>
<p>Au terme de quelques jours, elle m'a communiqué une version que je vous laisse découvrir…<span id="more-517"></span></p>
<p><span style="color: #000000;">Un instant ! La version primitive de la maquette fonctionnelle, pour rappel :</span></p>
<p><img class="alignnone" title="Page daccueil The Palermo Project V1" src="http://farm4.static.flickr.com/3231/2848516097_2226a21275.jpg" alt="" width="500" height="375" /></p>
<p>Et maintenant la proposition de Cécile :</p>
<p><img class="alignnone" title="Page daccueil du Palermo Project V2" src="http://farm4.static.flickr.com/3009/2924309395_440dfa28ec.jpg" alt="" width="500" height="375" /></p>
<p>C'est sensiblement supérieur ! Je l'ai transférée à Bertrand, qui fut du même avis que moi. Quelles sont les raisons à cela ?</p>
<p>Il me semble que la grande force de cette version, c'est qu'elle est <strong>compréhensible sans même qu'il soit besoin de savoir de quoi elle traite</strong>. Elle est plus intelligente, qu'il s'agisse de l'organisation, du rythme, des formes, des tailles ou des couleurs.</p>
<p><strong>L'organisation</strong> tout d'abord. Si l'on exclut les rituels en-tête et pied de page, les deux étages font davantage sens. Le premier déploie un argumentaire en trois étapes et propose dans la foulée une action. Le second, pour les sceptiques, les curieux, les inquiets, etc. expose le fonctionnement et fait toucher du doigt le bénéfice. Il rassure et motive. Notons au passage que tout cela se déroule dans le sens de la lecture. Autre élément soulignant les priorités : le premier étage occupe toute la largeur de la page quand le second compte deux compartiments.</p>
<p><strong>Le rythme</strong> est manifeste, grâce à ce puissant jeu de pavés numérotés et de flèches couronné par l'imposant bouton. Il est, de façon plus globale, dicté par les titres, à qui sont réservés la couleur brune.</p>
<p><strong>Les formes</strong> sont logiques : les flèches pour orienter, les carrés pour exposer et le bouton pour agir.</p>
<p><strong>Les tailles</strong> sont également employées logiquement. Par exemple, à la promesse "Visitez Palerme gratuitement !" revient la taille de police la plus importante.</p>
<p>Enfin, <strong>les coloris</strong> font également sens. Ils rencontrent du reste une théorie personnelle. Pas plus de trois couleurs, et avec pour logique :</p>
<ul>
<li>une sombre pour définir les cadres, les éléments forts ;</li>
<li> une claire, la complétant, agissant de façon plus nuancée, contextuelle ;</li>
<li>une vive, mettant en relief les objectifs de la page.</li>
</ul>
<p>Parmi mes résolutions personnelles en tant que nouvel entrepreneur, il y avait celle d'<strong><span style="color: #000000;">écouter</span></strong> autant que possible (pas toujours mon point fort), pour la raison même que j'avais tout pouvoir de décision. Je m'étais également promis de favoriser autant que possible <strong>l'expression des points de vues</strong>. Cécile est graphiste, c'est à dire qu'un de ses talents doit être de traduire visuellement des idées, des raisonnements. C'est à mon sens ce qu'elle a très bien fait ici.</p>
<p><a href="http://www.madmagz.com/fr/blog/v2-de-la-page-daccueil-du-palermo-project">V2 de la page d&#8217;accueil du Palermo Project</a> is a post from: <a href="http://www.madmagz.com/fr/blog">Le blog de Madmagz</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.madmagz.com/fr/blog/v2-de-la-page-daccueil-du-palermo-project/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
