<?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>STJOHN&#039;S</title>
	<atom:link href="http://blog.stjohns.fr/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.stjohns.fr</link>
	<description>Agence de conseils en communication et en stratégie de marque</description>
	<lastBuildDate>Mon, 14 May 2012 13:32:22 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>STJOHN’S remporte 4 nouveaux budgets</title>
		<link>http://blog.stjohns.fr/2012/288/newbiz_mai.html</link>
		<comments>http://blog.stjohns.fr/2012/288/newbiz_mai.html#comments</comments>
		<pubDate>Mon, 14 May 2012 11:57:49 +0000</pubDate>
		<dc:creator>l.wyler</dc:creator>
				<category><![CDATA[Actualités]]></category>
		<category><![CDATA[newbiz]]></category>

		<guid isPermaLink="false">http://blog.stjohns.fr/?p=288</guid>
		<description><![CDATA[Tweet STJOHN’S annonce le gain de 4 budgets : L&#8217;ONIDOL (Collective des huiles végétales), la collective du fioul domestique, Geoxia et Tout Faire Matériaux. L’ONIDOL, la collective des huiles végétales, a retenu STJOHN’S  pour sa prochaine campagne de communication après &#8230; <a href="http://blog.stjohns.fr/2012/288/newbiz_mai.html" class="more-link">Lire la suite</a>]]></description>
			<content:encoded><![CDATA[<div id="o3-social-share">
				<div class="twitter">
					<a href="https://twitter.com/share" class="twitter-share-button"     data-url="http://blog.stjohns.fr/2012/288/newbiz_mai.html">Tweet</a>
					<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
				</div>
			
			<div class="facebook">
				<div id="fb-root"></div>
				<script>(function(d, s, id) {
				  var js, fjs = d.getElementsByTagName(s)[0];
				  if (d.getElementById(id)) return;
				  js = d.createElement(s); js.id = id;
				  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=126445887469807";
				  fjs.parentNode.insertBefore(js, fjs);
				}(document, "script", "facebook-jssdk"));</script>	
				<div class="fb-like" data-href="http://blog.stjohns.fr/2012/288/newbiz_mai.html" data-send="false" data-layout="button_count"  data-show-faces="false"></div>		
			</div>
			
				<div class="googleplus">
					<!-- Place this tag where you want the +1 button to render -->
					<g:plusone size="medium" href="http://blog.stjohns.fr/2012/288/newbiz_mai.html"></g:plusone>
					
					<!-- Place this render call where appropriate -->
					<script type="text/javascript">
					  (function() {
					    var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;
					    po.src = "https://apis.google.com/js/plusone.js";
					    var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s);
					  })();
					</script>
				</div>
			
				<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
				<script type="IN/Share" data-url="http://blog.stjohns.fr/2012/288/newbiz_mai.html" ></script>
			</div><p>STJOHN’S annonce le gain de 4 budgets : L&#8217;<strong>ONIDOL</strong> (Collective des huiles végétales), l<strong>a collective du fioul domestique</strong>, <strong>Geoxia</strong> et <strong>Tout Faire Matériaux</strong>.</p>
<p><span id="more-288"></span></p>
<p><strong>L’ONIDOL,</strong> la collective des huiles végétales, a retenu STJOHN’S  pour sa prochaine campagne de communication après une consultation menée par Pitchville. STJOHN’S l’a emporté en finale face à Venise.</p>
<p><strong>La collective du fioul domestique</strong>, composée de l’association Chauffage Fioul, du label Qualifioul et d’Ecofioul, a choisi STJOHN’S à l’issue d’une consultation pour leur prochaine campagne de communication face à EuroRSCG 360.</p>
<p><strong>Geoxia </strong>a sélectionné STJOHN’S pour la création du nouveau territoire de marque de Maisons Phénix.</p>
<p><strong>Tout Faire Matériaux</strong>, enseigne aux 480 points de vente de bricolage et construction, a retenu STJOHN’S pour sa prochaine campagne TV.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.stjohns.fr/2012/288/newbiz_mai.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>RP et community management : 2 métiers qui convergent pour servir les marques</title>
		<link>http://blog.stjohns.fr/2012/270/rp-et-community-management.html</link>
		<comments>http://blog.stjohns.fr/2012/270/rp-et-community-management.html#comments</comments>
		<pubDate>Thu, 03 May 2012 17:19:27 +0000</pubDate>
		<dc:creator>l.wyler</dc:creator>
				<category><![CDATA[STJOHN'S LAB]]></category>
		<category><![CDATA[community management]]></category>
		<category><![CDATA[digital]]></category>
		<category><![CDATA[Relations médias]]></category>
		<category><![CDATA[réseaux sociaux]]></category>
		<category><![CDATA[RP]]></category>
		<category><![CDATA[stjohn's]]></category>

		<guid isPermaLink="false">http://blog.stjohns.fr/?p=270</guid>
		<description><![CDATA[Tweet Ecrire un billet sur l’apport des relations médias aux stratégies de marque, c’est s’attaquer à un sujet qui fait consensus en théorie, mais qui reste encore un peu flou en pratique.  Au commencement était l’attaché de presse&#8230; Son rôle &#8230; <a href="http://blog.stjohns.fr/2012/270/rp-et-community-management.html" class="more-link">Lire la suite</a>]]></description>
			<content:encoded><![CDATA[<div id="o3-social-share">
				<div class="twitter">
					<a href="https://twitter.com/share" class="twitter-share-button"     data-url="http://blog.stjohns.fr/2012/270/rp-et-community-management.html">Tweet</a>
					<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
				</div>
			
			<div class="facebook">
				<div id="fb-root"></div>
				<script>(function(d, s, id) {
				  var js, fjs = d.getElementsByTagName(s)[0];
				  if (d.getElementById(id)) return;
				  js = d.createElement(s); js.id = id;
				  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=126445887469807";
				  fjs.parentNode.insertBefore(js, fjs);
				}(document, "script", "facebook-jssdk"));</script>	
				<div class="fb-like" data-href="http://blog.stjohns.fr/2012/270/rp-et-community-management.html" data-send="false" data-layout="button_count"  data-show-faces="false"></div>		
			</div>
			
				<div class="googleplus">
					<!-- Place this tag where you want the +1 button to render -->
					<g:plusone size="medium" href="http://blog.stjohns.fr/2012/270/rp-et-community-management.html"></g:plusone>
					
					<!-- Place this render call where appropriate -->
					<script type="text/javascript">
					  (function() {
					    var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;
					    po.src = "https://apis.google.com/js/plusone.js";
					    var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s);
					  })();
					</script>
				</div>
			
				<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
				<script type="IN/Share" data-url="http://blog.stjohns.fr/2012/270/rp-et-community-management.html" ></script>
			</div><p>Ecrire un billet sur l’apport des relations médias aux stratégies de marque, c’est s’attaquer à un sujet qui fait consensus en théorie, mais qui reste encore un peu flou en pratique.</p>
<p><span id="more-270"></span> <strong>Au commencement était l’attaché de presse&#8230;</strong></p>
<p>Son rôle a toujours été transversal, entre le management, le marketing et la communication institutionnelle. Jeanne Bordeau dépeint le professionnel des RP comme exerçant un métier à part entière tout en procédant un peu de tous les métiers de la communication. C’est parce qu’il est au confluent de tous ces métiers que les relations presse ont souvent été dépeintes comme une discipline mineure. Mais les entreprises ont toujours fait des relations presse.</p>
<p>Aujourd’hui, la révolution sociale et digitale a redéfini la manière dont les marques se mettent en scène. Ce changement de paradigme a mis les relations presse au premier plan, pour deux raisons :</p>
<p>1. Les relations médias ne peuvent plus se limiter aux RP « traditionnelles », à coup de communiqués ni aux « RP blogueurs » qui les inondent de produits et dossiers de presse. Aujourd’hui le public auquel s’adressent les professionnels des RP n’est plus la presse écrite, la radio, la télévision d’un côté et la presse en ligne et les blogueurs de l’autre, donnant implicitement l’impression que la presse « traditionnelle » est plus importante que les autres supports. Cette distinction est caduque depuis longtemps dans de nombreux secteurs. Pour autant les méthodes de travail des RP n’ont pas toujours suivi les évolutions des médias.</p>
<p>2. Avec le développement des médias sociaux, les marques ont compris l’intérêt d’intégrer les community managers dans leur écosystème marketing. Le CM est un professionnel mutant : il doit être proche du marketing mais œuvre pour la réputation d’une marque, il est donc logique qu’il soit proche des RP aussi. Il est traditionnellement jeune, ce qui constitue une barrière pour imposer une recommandation auprès du management d’une marque et participer à des prises de décisions stratégiques. Or les marques ont cruellement besoin de professionnels aguerris avec une bonne connaissance des médias sociaux.</p>
<p><strong>Les RP au cœur du marketing mix</strong></p>
<p><a href="http://blog.stjohns.fr/wp-content/uploads/2012/05/photo-4.jpg"><img class="alignnone size-medium wp-image-281" title="Media" src="http://blog.stjohns.fr/wp-content/uploads/2012/05/photo-4-300x224.jpg" alt="" width="300" height="224" /></a></p>
<p>Aujourd’hui, si l’on attend toujours d’un professionnel des RP qu’il ait un bon fichier, une plume aiguisée, qu’il entretienne de bonnes relations avec ses journalistes cœur de cible, il doit également connaître les  influenceurs susceptibles de prendre la parole sur sa marque, connaître le cycle d’une information, qu’elle soit écrite, vidéo ou audio, à quelle vitesse elle circule, comment elle peut être amplifiée.</p>
<p>Sa description de poste « idéale » requiert un éventail de compétences plus larges et de plus en plus techniques, où la réactivité est primordiale. Le community manager devient ainsi un allié naturel des attachés de presse, tant les deux métiers se rapprochent. Dans un contexte où l’influence sociale est aussi importante pour la réputation d’une marque que son cours de bourse et peut être aussi volatile qu’une valeur boursière suite à un bad buzz, il est urgent que les relations médias se mettent au diapason des médias sociaux, tout comme les community managers doivent travailler au plus près des services de presse de leur marque.</p>
<p>Parallèlement, les directeurs marketing sont devenus producteurs de contenu et expérimentent les mêmes contraintes que les médias. Comme l’expliquait Michèle Benzeno qui dirige Yahoo Studio France, les marques doivent « revoir leurs grilles ou leur formule presque tous les ans » à l’image des médias (Stratégies du 19/04). Une étude de la société américaine <a title="High Five" href="http://www.getcurata.com/news-content-marketing-survey-2011/" target="_blank">High Five </a> abonde dans ce sens, puisqu’elle montre que sur l’échantillon étudié, le marketing de contenu est le premier investissement des entreprises B2B concernées.</p>
<p>Les marques doivent donc s’adjoindre les compétences de journalistes web, les mieux à même de structurer le lien entre les marques et les consommateurs. Ces journalistes que les professionnels des relations médias connaissent si bien et dont ils maîtrisent les techniques, d’une part parce qu’ils sont leurs interlocuteurs privilégiés, et d’autre part parce que les RP produisent eux-mêmes des contenus de plus en plus évolués : du communiqué de presse au dossier de presse rich media (vidéo, image et texte)  en passant par le billet de blog d’entreprise.</p>
<p>Avec des marques qui deviennent des éditeurs de contenus, un rapprochement stratégique entre community management et relations médias s’opère. Il n’est pas impossible qu’à terme ces deux métiers n’en forment qu’un, centré autour des notions de relation et d’influence sociale et digitale. Ce nouveau porte-parole hybride sera alors un des acteurs-clés du marketing mix.</p>
<p>Chez STJOHN&#8217;S, nous sommes convaincus que cette évolution est en marche, et pensons comme d’autres acteurs du secteur que la notion d’influence, qu’elle soit médiatique, sociale ou digitale est une des clés de l’évolution du métier de relations médias. C’est forts de cette conviction que nous nous engageons dans cette activité, afin d’accompagner encore mieux nos clients dans cette évolution qui est déjà une réalité.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.stjohns.fr/2012/270/rp-et-community-management.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>#lapubsociale : la visibilité ça se paye !</title>
		<link>http://blog.stjohns.fr/2012/243/lapubsociale-la-visibilite-ca-se-paye.html</link>
		<comments>http://blog.stjohns.fr/2012/243/lapubsociale-la-visibilite-ca-se-paye.html#comments</comments>
		<pubDate>Wed, 25 Apr 2012 14:54:57 +0000</pubDate>
		<dc:creator>jm.dupouy</dc:creator>
				<category><![CDATA[STJOHN'S LAB]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[linkedin]]></category>
		<category><![CDATA[tumblr]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[viadéo]]></category>

		<guid isPermaLink="false">http://blog.stjohns.fr/?p=243</guid>
		<description><![CDATA[Tweet Vous pensiez que les contributions sur les réseaux sociaux étaient gratuites ? Oui, en théorie. Mais pour profiter à plein de l&#8217;impact de vos publications et espérer qu&#8217;elles touchent les publics concernés, le modèle payant va finir par s&#8217;imposer &#8230; <a href="http://blog.stjohns.fr/2012/243/lapubsociale-la-visibilite-ca-se-paye.html" class="more-link">Lire la suite</a>]]></description>
			<content:encoded><![CDATA[<div id="o3-social-share">
				<div class="twitter">
					<a href="https://twitter.com/share" class="twitter-share-button"     data-url="http://blog.stjohns.fr/2012/243/lapubsociale-la-visibilite-ca-se-paye.html">Tweet</a>
					<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
				</div>
			
			<div class="facebook">
				<div id="fb-root"></div>
				<script>(function(d, s, id) {
				  var js, fjs = d.getElementsByTagName(s)[0];
				  if (d.getElementById(id)) return;
				  js = d.createElement(s); js.id = id;
				  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=126445887469807";
				  fjs.parentNode.insertBefore(js, fjs);
				}(document, "script", "facebook-jssdk"));</script>	
				<div class="fb-like" data-href="http://blog.stjohns.fr/2012/243/lapubsociale-la-visibilite-ca-se-paye.html" data-send="false" data-layout="button_count"  data-show-faces="false"></div>		
			</div>
			
				<div class="googleplus">
					<!-- Place this tag where you want the +1 button to render -->
					<g:plusone size="medium" href="http://blog.stjohns.fr/2012/243/lapubsociale-la-visibilite-ca-se-paye.html"></g:plusone>
					
					<!-- Place this render call where appropriate -->
					<script type="text/javascript">
					  (function() {
					    var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;
					    po.src = "https://apis.google.com/js/plusone.js";
					    var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s);
					  })();
					</script>
				</div>
			
				<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
				<script type="IN/Share" data-url="http://blog.stjohns.fr/2012/243/lapubsociale-la-visibilite-ca-se-paye.html" ></script>
			</div><p>Vous pensiez que les contributions sur les réseaux sociaux étaient gratuites ? Oui, en théorie. Mais pour profiter à plein de l&#8217;impact de vos publications et espérer qu&#8217;elles touchent les publics concernés, le modèle payant va finir par s&#8217;imposer dans vos stratégies. L&#8217;achat d&#8217;espace social trouve une nouvelle place entre publicité on-line et community management.</p>
<p><span id="more-243"></span></p>
<p><strong>La monétisation : de l&#8217;opportunité à la nécessité</strong></p>
<p>La nouvelle paraît mineure : le 2 mai des &laquo;&nbsp;encarts publicitaires&nbsp;&raquo; apparaîtront sur la plateforme de blogs Tumblr. Pour autant, il ne s&#8217;agit pas d&#8217;un achat d&#8217;espace &laquo;&nbsp;display&nbsp;&raquo; mais bien d&#8217;une possibilité de promouvoir ses propres publications, au sein même du &laquo;&nbsp;Radar&nbsp;&raquo; qui présente les meilleures publications sélectionnées par l&#8217;équipe de Tumblr. Un mélange des genres qui vise à mixer contenus populaires et sponsorisés. Pourquoi s&#8217;en priver puisque ce type de placement devrait rapporter 120 millions d&#8217;affichages par jour ?</p>
<p>Cette tendance à la monétisation des contenus est un phénomène majeur, qui dépasse la question de la publicité sur les réseaux sociaux pour profiter de leur audience. Elle touche tout simplement à la performance des actions en elle-mêmes. Le Edge Rank de Facebook déterminait la visibilité des posts des pages par leurs fans en fonction des interactions précédentes. Un algorithme contraignant mais incitant à proposer des contenus attractifs et &laquo;&nbsp;réactifs&nbsp;&raquo; (où à créer de fausses interactions dans le cas fameux de la page Orangina). Mais Facebook a mis fin à cette logique : avec la meilleure des volontés, seuls 16% des fans auront le privilège de voir vos publications, dans leur fil d&#8217;actualité (puisqu&#8217;ils ne viennent quasiment pas sur les pages!). Une véritable barrière d&#8217;impact&#8230; que Facebook propose de franchir contre un financement du post en question pour toucher plus largement ses fans, sans atteindre l&#8217;exhaustivité.</p>
<p><strong>Payer pour être vu</strong></p>
<p>La question de l&#8217;achat d&#8217;espace social se pose donc bien véritablement. On peut le regretter, on peut penser que c&#8217;est inévitable au regard de la croissance des sollicitations de l&#8217;internaute (argument de Facebook)&#8230; mais le fait est désormais acquis. Une présence pertinente sur les réseaux sociaux représente un investissement en temps humain et en création de contenus. Maintenant, il faudra y ajouter un budget &laquo;&nbsp;promotion du contenu&nbsp;&raquo;, qui sera de plus en plus incontournable&#8230; pour des opérations importantes, pour des événements limités dans le temps, pour s&#8217;assurer de toucher le plus grand nombre, entre autres.</p>
<p>#lapubsociale va t-elle rendre vaine les démarches de socialisation de la relation entre les marques et leurs clients ? Non, elle vient juste remplir une nouvelle case dans l&#8217;arsenal on-line et off-line qui doit accompagner toute stratégie de présence. Mais l&#8217;oublier ou la négliger aurait un effet direct sur l&#8217;efficacité des actions. Plus que jamais, le digital 2.0 implique des ressources budgétaires à la hauteur !</p>
<p><strong>Tour d&#8217;horizon de la pub sociale</strong></p>
<p><strong>FACEBOOK</strong> : le &laquo;&nbsp;Reach Générator&nbsp;&raquo; pour toucher jusqu&#8217;à 76% des fans sur un mois. Il transforme les messages du mur en lien sponsorisé sur les encart de droite et en post sponsorisé sur le fil d&#8217;actualité y compris en version mobile. Ces posts peuvent être commentés, likés et partagés. Le coup du Reach Generator serait fixé en fonction du nombre de like sur la Fan Page. Ce service coûterait cependant moins cher que la publicité « classique » (qui se négocie au CPM ou CPC).</p>
<p><a href="http://blog.stjohns.fr/wp-content/uploads/2012/04/PubsSocialesFACEBOOK.jpg"><img class="aligncenter size-full wp-image-245" title="PubsSocialesFACEBOOK" src="http://blog.stjohns.fr/wp-content/uploads/2012/04/PubsSocialesFACEBOOK.jpg" alt="" width="500" height="348" /></a></p>
<p><strong>TWITTER</strong>: la promotion se fait via des &laquo;&nbsp;promoted tweets&nbsp;&raquo;, &laquo;&nbsp;promoted trends&nbsp;&raquo; et &laquo;&nbsp;promoted accounts&nbsp;&raquo;. Les tweets sponsorisés se payent au clic, RT et reply. Ils sont mis en avant de manière identifiable. Les comptes à suivre sont payés au follower acquis et les hashtags sponsorisés apparaissant dans les trends coûteraient entre 80 000 et 100 000 $ ! D&#8217;après une étude e-marketer, 24,8 % des personnes interrogées déclarent avoir vu un tweet sponsorisé jugé pertinent et 14% déclarent avoir « Re-Tweeté » un tweet sponsorisé.</p>
<p style="text-align: center;"><a href="http://blog.stjohns.fr/wp-content/uploads/2012/04/TweetSponso.png"><img class="size-full wp-image-250 aligncenter" title="tweets" src="http://blog.stjohns.fr/wp-content/uploads/2012/04/tweets.png" alt="" width="296" height="207" /></a></p>
<p> <strong>TUMBLR</strong> : affichage sur le Radar. Pour l&#8217;instant limité à une quinzaine de contrats de partenariats dont Cartoon Network.</p>
<p><strong>VIADEO</strong> : avec Viadéo Social Ads, les messages sponsorisés apparaissent directement dans le fil d&#8217;actualité des personnes ciblées grâce aux données des utilisateurs. Son originalité ? Le coût initial est fixe, mais on gagne 100 affichages gratuits à chaque clic sur l&#8217;annonce. Budget : 49 € pour toucher 500 personnes, 98 € de 1 000 et 179 € de 2 000. Le ciblage coûte respectivement 24 €, 48 € et 86 €.</p>
<p><a href="http://blog.stjohns.fr/wp-content/uploads/2012/04/ViadéoPostSponso.png"><img class="aligncenter size-full wp-image-252" title="ViadéoPostSponso" src="http://blog.stjohns.fr/wp-content/uploads/2012/04/ViadéoPostSponso.png" alt="" width="629" height="87" /></a><strong></strong></p>
<p><strong>LINKEDIN</strong> : Linkedin Ads s&#8217;appuit sur un ciblage extrêmement poussé (qui a valut des levers de boucliers sur l&#8217;utilisation des données personnelles au sein même de ces publicités). Les formes sont variée, de l&#8217;inscription textuelle au dessus du statut au pavé à l&#8217;apparence &laquo;&nbsp;contenu&nbsp;&raquo;.  A noter : il est possible de désactiver l&#8217;apparition de ces messages sponsorisés.</p>
<p style="text-align: center;"><a href="http://blog.stjohns.fr/wp-content/uploads/2012/04/link1.png"><img class="aligncenter  wp-image-255" title="link1" src="http://blog.stjohns.fr/wp-content/uploads/2012/04/link1.png" alt="" width="486" height="86" /></a></p>
<p style="text-align: center;"><a href="http://blog.stjohns.fr/wp-content/uploads/2012/04/Link2.png"><img class="aligncenter  wp-image-256" title="Link2" src="http://blog.stjohns.fr/wp-content/uploads/2012/04/Link2.png" alt="" width="511" height="255" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.stjohns.fr/2012/243/lapubsociale-la-visibilite-ca-se-paye.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Marque 2.0 : Tout a changé mais tout reste à changer.</title>
		<link>http://blog.stjohns.fr/2012/236/marque.html</link>
		<comments>http://blog.stjohns.fr/2012/236/marque.html#comments</comments>
		<pubDate>Thu, 12 Apr 2012 10:37:49 +0000</pubDate>
		<dc:creator>y.raude</dc:creator>
				<category><![CDATA[Actualités]]></category>
		<category><![CDATA[STJOHN'S LAB]]></category>

		<guid isPermaLink="false">http://blog.stjohns.fr/?p=236</guid>
		<description><![CDATA[Tweet C&#8217;est le thème de la conférence que STJOHN&#8217;S a le plaisir de présenter ce jeudi 12 Avril au salon Digital Paris 2012. Si nous reviendrons bien sur davantage en détail sur cette conférence, l&#8217;idée est ici de vous ouvrir &#8230; <a href="http://blog.stjohns.fr/2012/236/marque.html" class="more-link">Lire la suite</a>]]></description>
			<content:encoded><![CDATA[<div id="o3-social-share">
				<div class="twitter">
					<a href="https://twitter.com/share" class="twitter-share-button"     data-url="http://blog.stjohns.fr/2012/236/marque.html">Tweet</a>
					<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
				</div>
			
			<div class="facebook">
				<div id="fb-root"></div>
				<script>(function(d, s, id) {
				  var js, fjs = d.getElementsByTagName(s)[0];
				  if (d.getElementById(id)) return;
				  js = d.createElement(s); js.id = id;
				  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=126445887469807";
				  fjs.parentNode.insertBefore(js, fjs);
				}(document, "script", "facebook-jssdk"));</script>	
				<div class="fb-like" data-href="http://blog.stjohns.fr/2012/236/marque.html" data-send="false" data-layout="button_count"  data-show-faces="false"></div>		
			</div>
			
				<div class="googleplus">
					<!-- Place this tag where you want the +1 button to render -->
					<g:plusone size="medium" href="http://blog.stjohns.fr/2012/236/marque.html"></g:plusone>
					
					<!-- Place this render call where appropriate -->
					<script type="text/javascript">
					  (function() {
					    var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;
					    po.src = "https://apis.google.com/js/plusone.js";
					    var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s);
					  })();
					</script>
				</div>
			
				<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
				<script type="IN/Share" data-url="http://blog.stjohns.fr/2012/236/marque.html" ></script>
			</div><p>C&#8217;est le thème de la conférence que STJOHN&#8217;S a le plaisir de présenter ce jeudi 12 Avril au salon Digital Paris 2012.<br />
<span id="more-236"></span><br />
Si nous reviendrons bien sur davantage en détail sur cette conférence, l&#8217;idée est ici de vous ouvrir un espace d&#8217;échange de contribution autour des idées et des thèmes abordés durant ces 45 minutes.<br />
N&#8217;hésitez donc pas à réagir !</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.stjohns.fr/2012/236/marque.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Biscarrosse passe à #Bisca avec STJOHN&#8217;S</title>
		<link>http://blog.stjohns.fr/2012/230/biscarosse-passe-a-bisca-avec-stjohns.html</link>
		<comments>http://blog.stjohns.fr/2012/230/biscarosse-passe-a-bisca-avec-stjohns.html#comments</comments>
		<pubDate>Mon, 02 Apr 2012 10:48:50 +0000</pubDate>
		<dc:creator>jm.dupouy</dc:creator>
				<category><![CDATA[Actualités]]></category>
		<category><![CDATA[Biscarrosse]]></category>
		<category><![CDATA[e-tourisme]]></category>
		<category><![CDATA[réseaux sociaux]]></category>
		<category><![CDATA[tourisme]]></category>

		<guid isPermaLink="false">http://blog.stjohns.fr/?p=230</guid>
		<description><![CDATA[Tweet Exemplaire et pionnier sur l&#8217;intégration des réseaux sociaux et du digital, l&#8217;Office de Tourisme de Biscarrosse a choisi STJOHN&#8217;S pour l&#8217;accompagner dans ses missions de promotion de la destination. Office de Tourisme reconnu pour son accueil digital, intégrant notamment &#8230; <a href="http://blog.stjohns.fr/2012/230/biscarosse-passe-a-bisca-avec-stjohns.html" class="more-link">Lire la suite</a>]]></description>
			<content:encoded><![CDATA[<div id="o3-social-share">
				<div class="twitter">
					<a href="https://twitter.com/share" class="twitter-share-button"     data-url="http://blog.stjohns.fr/2012/230/biscarosse-passe-a-bisca-avec-stjohns.html">Tweet</a>
					<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
				</div>
			
			<div class="facebook">
				<div id="fb-root"></div>
				<script>(function(d, s, id) {
				  var js, fjs = d.getElementsByTagName(s)[0];
				  if (d.getElementById(id)) return;
				  js = d.createElement(s); js.id = id;
				  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=126445887469807";
				  fjs.parentNode.insertBefore(js, fjs);
				}(document, "script", "facebook-jssdk"));</script>	
				<div class="fb-like" data-href="http://blog.stjohns.fr/2012/230/biscarosse-passe-a-bisca-avec-stjohns.html" data-send="false" data-layout="button_count"  data-show-faces="false"></div>		
			</div>
			
				<div class="googleplus">
					<!-- Place this tag where you want the +1 button to render -->
					<g:plusone size="medium" href="http://blog.stjohns.fr/2012/230/biscarosse-passe-a-bisca-avec-stjohns.html"></g:plusone>
					
					<!-- Place this render call where appropriate -->
					<script type="text/javascript">
					  (function() {
					    var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;
					    po.src = "https://apis.google.com/js/plusone.js";
					    var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s);
					  })();
					</script>
				</div>
			
				<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
				<script type="IN/Share" data-url="http://blog.stjohns.fr/2012/230/biscarosse-passe-a-bisca-avec-stjohns.html" ></script>
			</div><p>Exemplaire et pionnier sur l&#8217;intégration des réseaux sociaux et du digital, l&#8217;Office de Tourisme de Biscarrosse a choisi STJOHN&#8217;S pour l&#8217;accompagner dans ses missions de promotion de la destination.</p>
<p><span id="more-230"></span></p>
<p><a href="http://blog.stjohns.fr/wp-content/uploads/2012/04/BISCA_LOISIRS_VISU_WEB.jpg"><img class="aligncenter size-full wp-image-231" title="BISCA_LOISIRS_VISU_WEB" src="http://blog.stjohns.fr/wp-content/uploads/2012/04/BISCA_LOISIRS_VISU_WEB.jpg" alt="" width="530" height="353" /></a></p>
<p>Office de Tourisme reconnu pour son accueil digital, intégrant notamment deux applications ipad, borne tactile en extérieur et les QRcodes dans la découverte du territoire parmi d&#8217;autres initiatives innovantes, Biscarrosse continue sa marche en avant avec STJOHN&#8217;S, tout d&#8217;abord en intégrant le # devant son nom raccourci &laquo;&nbsp;Bisca&nbsp;&raquo;. Une façon de s&#8217;approprier le langage de ceux qui aiment et vivent cette destination, mais aussi de confirmer son engagement dans le dialogue et le partage d&#8217;expériences sur les réseaux sociaux (le # introduisant un mot clé &laquo;&nbsp;hashtag&nbsp;&raquo; sur Twitter).</p>
<p>Comme l&#8217;indique Frédérique Dugény, Directrice de l&#8217;OT : <em>« # » est un dièse, et vous savez que le dièse a pour objectif de hausser la note de musique d’un demi-ton. Dans tout ce que l’Office met en place, nous tentons toujours de « hausser la note » d’un demi-ton au moins ! »</em></p>
<p>L&#8217;Agence, qui fait évoluer le positionnement, l&#8217;expression visuelle et le branding des présences digitales, est aussi déjà active sur une opération de début de saison. A suivre très rapidement sur les réseaux !</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.stjohns.fr/2012/230/biscarosse-passe-a-bisca-avec-stjohns.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>StJohn&#8217;s aux côtés de la collective du fioul domestique</title>
		<link>http://blog.stjohns.fr/2012/225/stjohns-aux-cotes-de-la-collective-du-fioul-domestique.html</link>
		<comments>http://blog.stjohns.fr/2012/225/stjohns-aux-cotes-de-la-collective-du-fioul-domestique.html#comments</comments>
		<pubDate>Mon, 26 Mar 2012 08:55:05 +0000</pubDate>
		<dc:creator>jm.dupouy</dc:creator>
				<category><![CDATA[Actualités]]></category>
		<category><![CDATA[fioul]]></category>

		<guid isPermaLink="false">http://blog.stjohns.fr/?p=225</guid>
		<description><![CDATA[Tweet La fédération des distributeurs de fioul, les associations chauffage fioul et écofioul ont retenu StJohn&#8217;s après une compétition l&#8217;opposant notamment à Uniteam (agence sortante) et Euro RSCG 360. Dans une dynamique d&#8217;incitation du grand public aux économies d&#8217;énergies et &#8230; <a href="http://blog.stjohns.fr/2012/225/stjohns-aux-cotes-de-la-collective-du-fioul-domestique.html" class="more-link">Lire la suite</a>]]></description>
			<content:encoded><![CDATA[<div id="o3-social-share">
				<div class="twitter">
					<a href="https://twitter.com/share" class="twitter-share-button"     data-url="http://blog.stjohns.fr/2012/225/stjohns-aux-cotes-de-la-collective-du-fioul-domestique.html">Tweet</a>
					<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
				</div>
			
			<div class="facebook">
				<div id="fb-root"></div>
				<script>(function(d, s, id) {
				  var js, fjs = d.getElementsByTagName(s)[0];
				  if (d.getElementById(id)) return;
				  js = d.createElement(s); js.id = id;
				  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=126445887469807";
				  fjs.parentNode.insertBefore(js, fjs);
				}(document, "script", "facebook-jssdk"));</script>	
				<div class="fb-like" data-href="http://blog.stjohns.fr/2012/225/stjohns-aux-cotes-de-la-collective-du-fioul-domestique.html" data-send="false" data-layout="button_count"  data-show-faces="false"></div>		
			</div>
			
				<div class="googleplus">
					<!-- Place this tag where you want the +1 button to render -->
					<g:plusone size="medium" href="http://blog.stjohns.fr/2012/225/stjohns-aux-cotes-de-la-collective-du-fioul-domestique.html"></g:plusone>
					
					<!-- Place this render call where appropriate -->
					<script type="text/javascript">
					  (function() {
					    var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;
					    po.src = "https://apis.google.com/js/plusone.js";
					    var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s);
					  })();
					</script>
				</div>
			
				<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
				<script type="IN/Share" data-url="http://blog.stjohns.fr/2012/225/stjohns-aux-cotes-de-la-collective-du-fioul-domestique.html" ></script>
			</div><div>La fédération des distributeurs de fioul, les associations chauffage fioul et écofioul ont retenu StJohn&#8217;s après une compétition l&#8217;opposant notamment à Uniteam (agence sortante) et Euro RSCG 360.</div>
<div><span id="more-225"></span>Dans une dynamique d&#8217;incitation du grand public aux économies d&#8217;énergies et de promotion des solutions à base de fioul domestique, StJohn&#8217;s a pour mission de structurer, coordonner et développer la visibilité de la communication de cette collective. De nombreux chantiers sont engagés qui donneront lieu dans les prochaines semaines à des actions de publicité, de promotion, de relations presse et de community management.</div>
]]></content:encoded>
			<wfw:commentRss>http://blog.stjohns.fr/2012/225/stjohns-aux-cotes-de-la-collective-du-fioul-domestique.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pulseo va innover avec STJOHN&#8217;S</title>
		<link>http://blog.stjohns.fr/2012/215/pulseo-va-innover-avec-stjohns.html</link>
		<comments>http://blog.stjohns.fr/2012/215/pulseo-va-innover-avec-stjohns.html#comments</comments>
		<pubDate>Wed, 21 Mar 2012 13:50:00 +0000</pubDate>
		<dc:creator>jm.dupouy</dc:creator>
				<category><![CDATA[Actualités]]></category>

		<guid isPermaLink="false">http://blog.stjohns.fr/?p=215</guid>
		<description><![CDATA[Tweet L&#8217;agglomération du Grand Dax confie à STJOHN&#8217;S le plan de communication du lancement de pulseo, centre d&#8217;innovation technologique. Cette pépinière/incubateur dédiée notamment à la géo-navigation, TIC métiers et e-santé sera entièrement valorisée par les outils digitaux et les réseaux &#8230; <a href="http://blog.stjohns.fr/2012/215/pulseo-va-innover-avec-stjohns.html" class="more-link">Lire la suite</a>]]></description>
			<content:encoded><![CDATA[<div id="o3-social-share">
				<div class="twitter">
					<a href="https://twitter.com/share" class="twitter-share-button"     data-url="http://blog.stjohns.fr/2012/215/pulseo-va-innover-avec-stjohns.html">Tweet</a>
					<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
				</div>
			
			<div class="facebook">
				<div id="fb-root"></div>
				<script>(function(d, s, id) {
				  var js, fjs = d.getElementsByTagName(s)[0];
				  if (d.getElementById(id)) return;
				  js = d.createElement(s); js.id = id;
				  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=126445887469807";
				  fjs.parentNode.insertBefore(js, fjs);
				}(document, "script", "facebook-jssdk"));</script>	
				<div class="fb-like" data-href="http://blog.stjohns.fr/2012/215/pulseo-va-innover-avec-stjohns.html" data-send="false" data-layout="button_count"  data-show-faces="false"></div>		
			</div>
			
				<div class="googleplus">
					<!-- Place this tag where you want the +1 button to render -->
					<g:plusone size="medium" href="http://blog.stjohns.fr/2012/215/pulseo-va-innover-avec-stjohns.html"></g:plusone>
					
					<!-- Place this render call where appropriate -->
					<script type="text/javascript">
					  (function() {
					    var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;
					    po.src = "https://apis.google.com/js/plusone.js";
					    var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s);
					  })();
					</script>
				</div>
			
				<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
				<script type="IN/Share" data-url="http://blog.stjohns.fr/2012/215/pulseo-va-innover-avec-stjohns.html" ></script>
			</div><p>L&#8217;agglomération du Grand Dax confie à STJOHN&#8217;S le plan de communication du lancement de pulseo, centre d&#8217;innovation technologique.</p>
<p><span id="more-215"></span>Cette pépinière/incubateur dédiée notamment à la géo-navigation, TIC métiers et e-santé sera entièrement valorisée par les outils digitaux et les réseaux sociaux. L&#8217;agence avait élaboré précédemment l&#8217;identité de la marque.</p>
<p><a href="http://blog.stjohns.fr/wp-content/uploads/2012/03/LOGOGOOD.jpg"><img class="alignnone size-medium wp-image-222" title="LOGOGOOD" src="http://blog.stjohns.fr/wp-content/uploads/2012/03/LOGOGOOD-300x278.jpg" alt="" width="300" height="278" /></a></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.stjohns.fr/2012/215/pulseo-va-innover-avec-stjohns.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google+, You Tube, Foursquare, Pinterest&#8230; les autres réseaux essentiels.</title>
		<link>http://blog.stjohns.fr/2012/211/google-you-tube-foursquare-pinterest-les-autres-reseaux-essentiels.html</link>
		<comments>http://blog.stjohns.fr/2012/211/google-you-tube-foursquare-pinterest-les-autres-reseaux-essentiels.html#comments</comments>
		<pubDate>Wed, 21 Mar 2012 11:16:38 +0000</pubDate>
		<dc:creator>jm.dupouy</dc:creator>
				<category><![CDATA[STJOHN'S LAB]]></category>
		<category><![CDATA[dailymotion]]></category>
		<category><![CDATA[digital]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[foursquare]]></category>
		<category><![CDATA[google+]]></category>
		<category><![CDATA[influence]]></category>
		<category><![CDATA[instagram]]></category>
		<category><![CDATA[ISIC]]></category>
		<category><![CDATA[pinterest]]></category>
		<category><![CDATA[réseaux sociaux]]></category>
		<category><![CDATA[scoopit]]></category>
		<category><![CDATA[tumblr]]></category>
		<category><![CDATA[vimeo]]></category>
		<category><![CDATA[you tube]]></category>

		<guid isPermaLink="false">http://blog.stjohns.fr/?p=211</guid>
		<description><![CDATA[Tweet Facebook et Twitter dominent les préoccupations des marques et entreprises pour leur présence ou influence sur le web, mais bien d&#8217;autres réseaux permettent de relayer les actions, comme Google+, You Tube, Pinterest, Foursquare,Tumblr, Flickr, Instagram. Tour d&#8217;horizon de ces &#8230; <a href="http://blog.stjohns.fr/2012/211/google-you-tube-foursquare-pinterest-les-autres-reseaux-essentiels.html" class="more-link">Lire la suite</a>]]></description>
			<content:encoded><![CDATA[<div id="o3-social-share">
				<div class="twitter">
					<a href="https://twitter.com/share" class="twitter-share-button"     data-url="http://blog.stjohns.fr/2012/211/google-you-tube-foursquare-pinterest-les-autres-reseaux-essentiels.html">Tweet</a>
					<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
				</div>
			
			<div class="facebook">
				<div id="fb-root"></div>
				<script>(function(d, s, id) {
				  var js, fjs = d.getElementsByTagName(s)[0];
				  if (d.getElementById(id)) return;
				  js = d.createElement(s); js.id = id;
				  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=126445887469807";
				  fjs.parentNode.insertBefore(js, fjs);
				}(document, "script", "facebook-jssdk"));</script>	
				<div class="fb-like" data-href="http://blog.stjohns.fr/2012/211/google-you-tube-foursquare-pinterest-les-autres-reseaux-essentiels.html" data-send="false" data-layout="button_count"  data-show-faces="false"></div>		
			</div>
			
				<div class="googleplus">
					<!-- Place this tag where you want the +1 button to render -->
					<g:plusone size="medium" href="http://blog.stjohns.fr/2012/211/google-you-tube-foursquare-pinterest-les-autres-reseaux-essentiels.html"></g:plusone>
					
					<!-- Place this render call where appropriate -->
					<script type="text/javascript">
					  (function() {
					    var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;
					    po.src = "https://apis.google.com/js/plusone.js";
					    var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s);
					  })();
					</script>
				</div>
			
				<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
				<script type="IN/Share" data-url="http://blog.stjohns.fr/2012/211/google-you-tube-foursquare-pinterest-les-autres-reseaux-essentiels.html" ></script>
			</div><p>Facebook et Twitter dominent les préoccupations des marques et entreprises pour leur présence ou influence sur le web, mais bien d&#8217;autres réseaux permettent de relayer les actions, comme Google+, You Tube, Pinterest, Foursquare,Tumblr, Flickr, Instagram. Tour d&#8217;horizon de ces outils émergents dans le paysage 2.0<br />
<span id="more-211"></span><br />
Cette présentation est le support d&#8217;un cours destiné aux étudiants de l’Institut Supérieur de l’Information et de la Communication (ISIC) master M1Communication et Générations.</p>
<div style="width:425px" id="__ss_12094134"> <strong style="display:block;margin:12px 0 4px"><a href="http://www.slideshare.net/AgenceSTJOHNS/google-you-tube-foursquare-pinterest-les-autres-rseaux-essentiels" title="Google+, You Tube, Foursquare, Pinterest... les autres réseaux essentiels." target="_blank">Google+, You Tube, Foursquare, Pinterest&#8230; les autres réseaux essentiels.</a></strong> <iframe src="http://www.slideshare.net/slideshow/embed_code/12094134?rel=0" width="425" height="355" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
<div style="padding:5px 0 12px"> View more presentations from <a href="http://www.slideshare.net/AgenceSTJOHNS" target="_blank">STJOHN&#8217;S</a> </div>
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://blog.stjohns.fr/2012/211/google-you-tube-foursquare-pinterest-les-autres-reseaux-essentiels.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Le responsive design : La problématique du multi-écran (2)</title>
		<link>http://blog.stjohns.fr/2012/205/responsive-design.html</link>
		<comments>http://blog.stjohns.fr/2012/205/responsive-design.html#comments</comments>
		<pubDate>Tue, 20 Mar 2012 13:51:27 +0000</pubDate>
		<dc:creator>y.raude</dc:creator>
				<category><![CDATA[STJOHN'S LAB]]></category>
		<category><![CDATA[digital]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[technologie]]></category>

		<guid isPermaLink="false">http://blog.stjohns.fr/?p=205</guid>
		<description><![CDATA[Tweet Notre première solution pour mettre en œuvre une politique multi-écran est celle qui a indubitablement le vent en poupe actuellement : le responsive design, qui permet de s&#8217;appuyer sur un site unique. Le concept : L’idée de base est &#8230; <a href="http://blog.stjohns.fr/2012/205/responsive-design.html" class="more-link">Lire la suite</a>]]></description>
			<content:encoded><![CDATA[<div id="o3-social-share">
				<div class="twitter">
					<a href="https://twitter.com/share" class="twitter-share-button"     data-url="http://blog.stjohns.fr/2012/205/responsive-design.html">Tweet</a>
					<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
				</div>
			
			<div class="facebook">
				<div id="fb-root"></div>
				<script>(function(d, s, id) {
				  var js, fjs = d.getElementsByTagName(s)[0];
				  if (d.getElementById(id)) return;
				  js = d.createElement(s); js.id = id;
				  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=126445887469807";
				  fjs.parentNode.insertBefore(js, fjs);
				}(document, "script", "facebook-jssdk"));</script>	
				<div class="fb-like" data-href="http://blog.stjohns.fr/2012/205/responsive-design.html" data-send="false" data-layout="button_count"  data-show-faces="false"></div>		
			</div>
			
				<div class="googleplus">
					<!-- Place this tag where you want the +1 button to render -->
					<g:plusone size="medium" href="http://blog.stjohns.fr/2012/205/responsive-design.html"></g:plusone>
					
					<!-- Place this render call where appropriate -->
					<script type="text/javascript">
					  (function() {
					    var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;
					    po.src = "https://apis.google.com/js/plusone.js";
					    var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s);
					  })();
					</script>
				</div>
			
				<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
				<script type="IN/Share" data-url="http://blog.stjohns.fr/2012/205/responsive-design.html" ></script>
			</div><p>Notre première solution pour mettre en œuvre une politique multi-écran est celle qui a indubitablement le vent en poupe actuellement : le responsive design, qui permet de s&#8217;appuyer sur un site unique.<br />
<span id="more-205"></span></p>
<h5>Le concept :</h5>
<p>L’idée de base est d’avoir un site unique dont la mise en page va s’adapter à certains paliers de largeur d’écran.<br />
Petit rappel pour les néophytes, une page web doit (en théorie) être composé coté client d’une partie HTML qui contient l’ensemble des données à afficher et d’une autre partie CSS qui, elle, contient les instructions de mise en page de ce contenu.<br />
Dans le cas du responsive design, la zone HTML est toujours la même, mais suivant la largeur d’écran la partie CSS appelée va être différente adaptant ainsi la mise en page pour chaque appareils.<br />
<br/><br />
<img src="http://blog.stjohns.fr/wp-content/uploads/2012/03/multiecran.png" alt="Multi-écran" title="multiecran" width="530" height="440" class="aligncenter size-full wp-image-206" /><br />
<br/><br />
On appelle cette technique de chargement de CSS conditionné à la largeur : « media queries ».</p>
<h5>Technologies :</h5>
<p>C’est simple, HTML5 (plus CSS3 / Javascript / Canvas)<br />
D’abord parce qu’il s’agit d’un site web classique, l’HTML est donc logiquement privilégié (cf mon article précédent sur <a title="HTML5 et Flash" href="http://blog.stjohns.fr/2012/153/html5-et-flash.html">les technologies HTML5 et Flash</a>).<br />
Ensuite, parce que le site a vocation à fonctionner pleinement sur un maximum de navigateur, dont notamment les navigateurs mobiles.</p>
<h5>Les avantages de cette technique :</h5>
<p>L’idée d’un design « adaptatif » est, à juste titre, séduisante : vous n’avez véritablement qu’un seul site à gérer et vous êtes assuré d’offrir une expérience « unifiée » à vos utilisateurs quel que soit  leur appareil.<br />
L’expérience utilisateur qui en résulte est d’ailleurs vraiment intéressante, l’internaute appréciera forcément de retrouver son site quasi identique et pourtant correctement adapté à son contexte de navigation.</p>
<p>En termes de développement, cela réduit la production de fichier HTML, et si votre site bénéficie d’une administration en ligne (type CMS), c’est autant de page en moins à s’occuper.<br />
Il y aura donc bien là-dessus une économie de temps, pour les administrateurs du site comme pour les développeurs.</p>
<h5>Les défauts :</h5>
<p>Car il y en a !<br />
D’abord, une seul page veut dire un contenu unique, or ce contenu est peut-être trop lourd ou trop détaillé pour un usage en mobilité par exemple.<br />
Il est certes possible de masquer certaines portions lors de la mise en page, mais il aura était malgré tout chargé.<br />
C’est d’ailleurs un autre souci, qui dit même contenu, dit aussi même besoin en qualité de connexion.<br />
Or la 3G de nos téléphones a beau être relativement rapide, les temps de chargement se feront forcément d’avantage sentir que sur une connexion ADSL. Et que dire si le réseau n’est pas très bon là où se trouve votre utilisateur… Un temps de chargement trop lent est clairement un élément négatif voir un facteur de sortie du site pour le mobinaute.</p>
<p>Pour en revenir au coût de réalisation, le temps que vous gagnez dans la création et la gestion du contenu HTML, les développeurs vont en passer une partie à la création des CSS – responsables de la mise en page – ces dernières étant évidemment bien plus complexes que sur un site classique.</p>
<p>Dernier point, et non des moindres, l’ergonomie et le webdesign qui en résultera, vont être fortement contraint par la nécessité de pouvoir s’adapter à différentes largeurs et types de navigation… et par les différentes modalités de navigation (souris ET tactile).<br />
La conception du site va donc nécessiter un temps supplémentaire et une rigueur plus grande… Le gain en termes de budget n’est pas garanti, loin de là.</p>
<h5>Finalement :</h5>
<p>Quel est l’objectif de votre site, ses fonctionnalités, son contenu ?<br />
Sachant cela, interrogez-vous sur l’usage qui sera fait de ce site en différentes situations.<br />
L’utilisateur cherchera-t-il la même chose, parcourra-t-il le même contenu sur votre site, qu’il soit concentré devant son ordinateur, devant sa tablette (et souvent devant la télé en même temps !) ou en situation de mobilité devant le petit écran de son smartphone.</p>
<p>Si la réponse est oui, alors le responsive design sera effectivement une bonne solution.</p>
<p>Si la réponse est non, par exemple pour des sites au contenu moins « abordable », possédant une interface plus complexe, ou carrément expérientiels, alors il faudra sans doute s’orienter vers une autre solution pour être présent sur l’ensemble des écrans.</p>
<p>Autres solutions sur lesquelles je reviendrai prochainement&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.stjohns.fr/2012/205/responsive-design.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Marques et digital 2.0 : nouvelles relations, nouveaux contenus.</title>
		<link>http://blog.stjohns.fr/2012/201/marques-et-digital-2-0-nouvelles-relations-nouveaux-contenus.html</link>
		<comments>http://blog.stjohns.fr/2012/201/marques-et-digital-2-0-nouvelles-relations-nouveaux-contenus.html#comments</comments>
		<pubDate>Fri, 09 Mar 2012 09:42:11 +0000</pubDate>
		<dc:creator>jm.dupouy</dc:creator>
				<category><![CDATA[STJOHN'S LAB]]></category>
		<category><![CDATA[cartographies]]></category>
		<category><![CDATA[community management]]></category>
		<category><![CDATA[community manager]]></category>
		<category><![CDATA[conversation]]></category>
		<category><![CDATA[digital]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[influence]]></category>
		<category><![CDATA[marques]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[QR code]]></category>
		<category><![CDATA[réalité augmentée]]></category>
		<category><![CDATA[réseaux sociaux]]></category>
		<category><![CDATA[Transmédia]]></category>

		<guid isPermaLink="false">http://blog.stjohns.fr/?p=201</guid>
		<description><![CDATA[Tweet Comment appréhender la gestion des communautés, quel est le rôle du community manager et quels contenus proposer pour créer de nouvelles relations avec ses publics ? Quelques éléments de réponse avec ce cours, présenté aux étudiants du Master Générations &#8230; <a href="http://blog.stjohns.fr/2012/201/marques-et-digital-2-0-nouvelles-relations-nouveaux-contenus.html" class="more-link">Lire la suite</a>]]></description>
			<content:encoded><![CDATA[<div id="o3-social-share">
				<div class="twitter">
					<a href="https://twitter.com/share" class="twitter-share-button"     data-url="http://blog.stjohns.fr/2012/201/marques-et-digital-2-0-nouvelles-relations-nouveaux-contenus.html">Tweet</a>
					<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
				</div>
			
			<div class="facebook">
				<div id="fb-root"></div>
				<script>(function(d, s, id) {
				  var js, fjs = d.getElementsByTagName(s)[0];
				  if (d.getElementById(id)) return;
				  js = d.createElement(s); js.id = id;
				  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=126445887469807";
				  fjs.parentNode.insertBefore(js, fjs);
				}(document, "script", "facebook-jssdk"));</script>	
				<div class="fb-like" data-href="http://blog.stjohns.fr/2012/201/marques-et-digital-2-0-nouvelles-relations-nouveaux-contenus.html" data-send="false" data-layout="button_count"  data-show-faces="false"></div>		
			</div>
			
				<div class="googleplus">
					<!-- Place this tag where you want the +1 button to render -->
					<g:plusone size="medium" href="http://blog.stjohns.fr/2012/201/marques-et-digital-2-0-nouvelles-relations-nouveaux-contenus.html"></g:plusone>
					
					<!-- Place this render call where appropriate -->
					<script type="text/javascript">
					  (function() {
					    var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;
					    po.src = "https://apis.google.com/js/plusone.js";
					    var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s);
					  })();
					</script>
				</div>
			
				<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
				<script type="IN/Share" data-url="http://blog.stjohns.fr/2012/201/marques-et-digital-2-0-nouvelles-relations-nouveaux-contenus.html" ></script>
			</div><p>Comment appréhender la gestion des communautés, quel est le rôle du community manager et quels contenus proposer pour créer de nouvelles relations avec ses publics ?<br />
<span id="more-201"></span><br />
Quelques éléments de réponse avec ce cours, présenté aux étudiants du Master Générations et Communications de l&#8217;ISIC &#8211; Université Bordeaux3</p>
<div style="width:425px" id="__ss_11934964"> <strong style="display:block;margin:12px 0 4px"><a href="http://www.slideshare.net/AgenceSTJOHNS/marques-et-digital-20-nouvelles-relations-nouveaux-contenus-cours-isic-5" title="Marques et digital 2.0 : nouvelles relations, nouveaux contenus. Cours ISIC 5" target="_blank">Marques et digital 2.0 : nouvelles relations, nouveaux contenus. Cours ISIC 5</a></strong> <iframe src="http://www.slideshare.net/slideshow/embed_code/11934964?rel=0" width="425" height="355" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
<div style="padding:5px 0 12px"> View more presentations from <a href="http://www.slideshare.net/AgenceSTJOHNS" target="_blank">STJOHN&#8217;S</a> </div>
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://blog.stjohns.fr/2012/201/marques-et-digital-2-0-nouvelles-relations-nouveaux-contenus.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

