{"id":9260,"date":"2011-02-01T14:45:39","date_gmt":"2011-02-01T12:45:39","guid":{"rendered":"http:\/\/flaven.fr\/?p=9260"},"modified":"2011-02-01T14:45:39","modified_gmt":"2011-02-01T12:45:39","slug":"webdoc-brand-content-et-digital-storytelling-un-apercu-sur-deux-webdocumentaires-de-nike-et-paris-fr","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2011\/02\/webdoc-brand-content-et-digital-storytelling-un-apercu-sur-deux-webdocumentaires-de-nike-et-paris-fr\/","title":{"rendered":"Webdoc, Brand content et digital storytelling &#8211; Un aper\u00e7u sur deux webdocumentaires de Nike et Paris.fr"},"content":{"rendered":"<p><!-- Webdoc, Brand content et digital storytelling - Un aper\u00e7u sur deux webdocumentaires de Nike et Paris.fr  --><br \/>\n<!--  Webdocumentaires, Brand content, Nike, digital storytelling, Paris, Flash, HTML5, Google, WebM, Brightcove, Fallback --><\/p>\n<p><a title=\"Webdoc, Brand content et digital storytelling - Un aper\u00e7u sur deux webdocumentaires de Nike et Paris.fr\" class=\"bigpic\" href=\"https:\/\/flaven.fr\/2011\/02\/01\/webdoc-brand-content-et-digital-storytelling-un-apercu-sur-deux-webdocumentaires-de-nike-et-paris-fr\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2011\/02\/webdoc_nike_paris_fr_b.jpg\" width=\"600\" height=\"235\" alt=\"Webdoc, Brand content et digital storytelling - Un aper\u00e7u sur deux webdocumentaires de Nike et Paris.fr\" \/><\/a><i>Copyright&copy; nikebetterworld.com<\/i><\/p>\n<p>Ces deux webdocs dessinent \u00e0 eux seuls le cadre dans lequel peut s&#8217;inscrire le mod\u00e8le \u00e9conomique et l&#8217;environnement technologique des productions de webdocumentaires.<!--more--><\/p>\n<h4>Nike Better World, un bon mix Flash-HTML5 pour du brand content et du digital storytelling de haute vol\u00e9e<\/h4>\n<p>Nike, oublieuse des &#8220;sweatshop&#8221; et de la communication path\u00e9tique de son fondateur Phil Knight, impitoyablement pi\u00e9g\u00e9 il est vrai dans The Big One de Michael Moore. Ce qui l&#8217;avait un temps plac\u00e9 dans le club tr\u00e8s ferm\u00e9 des PDG honnis, respectivement \u00e0 la gauche de Ingvar Feodor Kamprad et \u00e0 droite de Bill Gates.<\/p>\n<p>Tout cela appartient d\u00e9sormais au pass\u00e9 et on peut se consacrer, voluptueusement \u00e0 cette le\u00e7on de &#8220;Brand content&#8221; et de &#8220;digital storytelling&#8221; sur un mix technologique dernier cri !<\/p>\n<p>L&#8217;influence des smartphones est perceptible dans l&#8217;ergonomie et le mode de navigation, propos\u00e9e dans cette production mais au-de-l\u00e0 de cette simple remarque.<\/p>\n<p>On voit qu&#8217;une marque comme Nike, pourtant richement dot\u00e9, opte pour un mix technologique fait d&#8217;HTML5 et de Flash quand cela semble n\u00e9cessaire*. Mieux encore, Nike utilise m\u00eame les services de l&#8217;op\u00e9rateur de vid\u00e9o Brightcove, justement pour que le passage d&#8217;une technologie \u00e0 une autre se fasse sans probl\u00e8me pour les utilisateurs. Nike doit pouvoir d\u00e9livrer la m\u00eame exp\u00e9rience quel que soit la plate-forme, mobile ou pas, en HTML5 et\/ou en Flash, l&#8217;une ou l&#8217;autre des technologies se servant r\u00e9ciproquement de solution de &#8220;fallback&#8221;.<\/p>\n<p><i>* Pour la vid\u00e9o notamment mais pour combien de temps encore ? Rappelez-vous que Google a rachet\u00e9 On2 et va imposer les armes num\u00e9riques \u00e0 la main son codec et son format de fichier type <code>.webm<\/code>, libre de droits. Le <code>.flv<\/code> pourrait \u00eatre le grand perdant de cette op\u00e9ration en voyant disparaitre un de ses avantages technologiques majeurs. A relire, un article plus pointu sur la question.<\/i><\/p>\n<ul>\n<li><a href=\"http:\/\/social.hecube.net\/blog\/2010\/11\/27\/flash-html5-video-webm-la-guerre-des-formats-aura-t-elle-lieu\/\" target=\"_blank\">Flash, HTML5, Vid\u00e9o, WebM &#8211; La guerre des formats aura-t-elle lieu ?<\/a><\/li>\n<\/ul>\n<h4>Webdoc &#8211; Paris.fr<\/h4>\n<p>Un petit webdoc bien pens\u00e9 par l&#8217;\u00e9quipe de Paris.fr, qui nous apporte toute la diversit\u00e9 parisienne sur un plateau, dans l&#8217;intimit\u00e9 de la &#8220;France d&#8217;en bas&#8221;. Technologiquement, l\u00e0 encore un mix subtil d&#8217;HTML5 et de Flash. Une certaine excellence dans la sobri\u00e9t\u00e9 en quelque sorte**.<br \/>\n<i>** Thanks to JGC for this enlightenment<\/i><\/p>\n<p><b>On voit donc dans un spectre tr\u00e8s large de productions de toute envergure et de tout type qui tirent profit des deux technologies. Ces derni\u00e8res technologies vont encore probablement pour un temps cheminaient c\u00f4te \u00e0 c\u00f4te jusqu&#8217;\u00e0 ce l&#8217;une avale l&#8217;autre comme deux serpents se d\u00e9vorant l&#8217;un l&#8217;autre, qui sait ?<\/b><\/p>\n\n<blockquote><p>Tous les \u00e9l\u00e9ments disponibles dans cet article sont visibles sur le site de- <a target=\"_blank\" href=\"http:\/\/www.nikebetterworld.com\/index\" target=\"_blank\">http:\/\/www.nikebetterworld.com<\/a>. Les droits de propri\u00e9t\u00e9 intellectuelle sur l\u2019ensemble des \u00e9l\u00e9ments (animations, photographies, illustrations, images, textes, recettes, fiches techniques, musiques etc&#8230;) composant les \u00e9l\u00e9ments de cet article sont la propri\u00e9t\u00e9 exclusive de leurs auteurs.<\/p><\/blockquote>\n<blockquote><p>Tous les \u00e9l\u00e9ments disponibles dans cet article sont visibles sur le site de- <a target=\"_blank\" href=\"http:\/\/webdoc.paris.fr\/\" target=\"_blank\">http:\/\/webdoc.paris.fr\/<\/a>. Les droits de propri\u00e9t\u00e9 intellectuelle sur l\u2019ensemble des \u00e9l\u00e9ments (animations, photographies, illustrations, images, textes, recettes, fiches techniques, musiques etc&#8230;) composant les \u00e9l\u00e9ments de cet article sont la propri\u00e9t\u00e9 exclusive de leurs auteurs.<\/p><\/blockquote>\n<p><b>Le si\u00e8ge de Nike est \u00e0 Beaverton, Oregon<\/b><br \/>\n[geo_mashup_map  height=&#8221;235&#8243; width=&#8221;600&#8243; map_type=&#8221;G_HYBRID_MAP&#8221; zoom=&#8221;15&#8243; add_overview_control=&#8221;true&#8221; add_map_type_control=&#8221;true&#8221;]<\/p>\n<h2>Pour aller plus loin<\/h2>\n<ul>\n<li>HTML5: the standard in high-quality web video<br \/>\n\t<a href=\"http:\/\/www.brightcove.com\/en\/online-video-platform\/html5-video\" target=\"_blank\">http:\/\/www.brightcove.com\/en\/online-video-platform\/html5-video<\/a><\/li>\n<li>Cool Sites: Nike\u2019s \u2018Better World\u2019 Site Embraces HTML5<br \/>\n\t<a href=\"http:\/\/www.webmonkey.com\/2011\/01\/cool-sites-nikes-better-world-site-embraces-html5\/\" target=\"_blank\">http:\/\/www.webmonkey.com\/2011\/01\/cool-sites-nikes-better-world-site-embraces-html5\/<\/a><\/li>\n<li>Nike Better World<br \/>\n\t<a href=\"http:\/\/nikebetterworld.com\/index\" target=\"_blank\">http:\/\/nikebetterworld.com<\/a><\/li>\n<li>Webdoc &#8211; Paris.fr &#8211; Parisiens : Des photos, une voix&#8230;<br \/>\n\t<a href=\"http:\/\/webdoc.paris.fr\" target=\"_blank\">http:\/\/webdoc.paris.fr<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Copyright&copy; nikebetterworld.com Ces deux webdocs dessinent \u00e0 eux seuls le cadre dans lequel peut s&#8217;inscrire le mod\u00e8le \u00e9conomique et l&#8217;environnement technologique des productions de webdocumentaires.<\/p>\n","protected":false},"author":1,"featured_media":9268,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bf_ai_meta_description":"Deux webdocumentaires de Nike et Paris.fr illustrent le mod\u00e8le \u00e9conomique et l'environnement technologique des webdocs. Analyse des outils et des r\u00e9sultats.","bf_ai_og_title":"Webdoc, Brand Content et Digital Storytelling","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[3436,3451],"tags":[864,1020,906,1021,256,2214,2185,1022,1016,1009,348],"class_list":["post-9260","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-storytelling-webdocs","category-web-design-front-end","tag-brand-content","tag-brightcove","tag-digital-storytelling","tag-fallback","tag-flash","tag-google","tag-html5","tag-nike","tag-paris","tag-webdocumentaires","tag-webm"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3Vuhl-2pm","jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/9260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/comments?post=9260"}],"version-history":[{"count":0,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/9260\/revisions"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=9260"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/categories?post=9260"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/tags?post=9260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}