"Du sac de nœuds au tissage efficace,Internet, média de tous les possibles."

Jeudi 13 septembre 2012 - De 17h30 à 22h00Mundo N - Namur

Formateur / animateur : Dan AZRIA -dan.azria@phenyx43.be

> SOMMAIRE

Introduction & Objectifs

Les différents médias du Web Le site Le blog Les newsletters et mailing-lists Les réseaux sociaux Les plateformes de partage L’internet mobile

La superstructure Galaxy Web

Quelques recettes et pistes de réflexion

Eléments de conclusion

> INTRODUCTION & OBJECTIFS

Introduction : Présentation et tour de table

Objectifs de la session : Fournir une explication claire des différents médias du web Identifier et préciser les spécificités techniques et fonctionnelles de chacun

de ces médias Préciser les usages de chacun de ces médias Proposer une articulation cohérente de ces différents médias Répondre à toutes vos questions

> LES MÉDIAS DU WEB : > LE SITE

A – Principes techniques : Un site web est un ensemble de fichiers liés entre eux par des liens

hypertextes.

B – Différents types de sites Web

Les Sites web « statiques » Les pages sont des fichiers HTML Pas administrables à distance (sans connaissances techniques) Personnalisation graphique totale de chaque page Sites de designers (artistes ou développeurs) Pas « inanimés »

> LES MÉDIAS DU WEB : > LE SITE > Différents types de sites Web

Les Sites web « dynamiques »

Les contenus (textes, images, etc.) ne sont pas dans les pages HTML mais dans des bases de données (MySQL ou Access)

Les pages sont « dynamiques » (ASP ou PHP), c’est-à-dire qu’elles « appellent » les contenus (textes, photos, etc.) quand elles s’affichent

Le site est administrable : Les contenus peuvent être modifiés sans connaissance technique en accédant à une Interface d’Administration (Back Office)

Les pages sont bâties à partir de « modèles » ou « templates » qui appellent les contenus

> Dans certains cas : Possibilité de gérer l’arborescence et la création/suppression de pages dans l’Interface

d’Administration Si la forme et le contenu sont complètement dissociés, on peut modifier intégralement la

charte graphique du site sans toucher aux contenus (d’un click).

Les Sites web « dynamiques » (suite)

Deux types de sites « dynamiques » : les sites web « sur-mesure » et les sites Web

réalisés à partir de CMS (Content Management System)

Aujourd’hui, les sites « sur-mesure » ne se justifient que pour la réalisation de projets hyper-

spécifiques.

Privilégions les CMS.

> LES MÉDIAS DU WEB : > LE SITE > Différents types de sites Web

Les Sites web « dynamiques » (suite) : Les CMS

Un CMS (Content Management System / Système de Gestion de Contenus) est un logiciel en ligne de création et de gestion de sites Web

La plupart des CMS sont gratuits (le logiciel source) – Il faut ensuite l’adapter et le paramétrer. C’est le travail du WebDesigner.

Les CMS les plus connus sont : WordPress, Joomla, Drupal, Spip, Typo3, Easy Publish,… Il existe des CMS adaptés à des projets spécifiques (Magento, PrestaShop, etc.) La plupart des CMS sont des logiciels libres (Open Source).

> LES MÉDIAS DU WEB : > LE SITE > Différents types de sites Web

CMS Open Source, libre et gratuit (téléchargeable)

"Open Source CMS Award » 2007 et Prix du meilleur CMS Open Source 2009.

Des milliers de modèles graphiques (thèmes / templates)

Environ 18.000 extensions (« plug-ins ») disponibles pour toutes les fonctionnalités possibles : newsletters, forums, diaporama, bases de données, e-commerce, SEO, …

Système ouvert, mis à jour et maîtrisé : des dizaines de milliers de développeurs

Un exemple de site et d’interface d’administration

Les Sites web « dynamiques » (suite) : Un exemple de CMS > WordPress

> LES MÉDIAS DU WEB : > LE SITE > Différents types de sites Web

> 4 libertés fondamentales : Liberté d’utilisation par tout le monde et pour n’importe quel usage Liberté de copier et distribuer le programme Liberté d’étudier le programme, de le modifier ou l’améliorer Liberté de redistribuer les modifications ou améliorations.

> Des valeurs clefs : le partage, la transparence, la coopération et la liberté.

> Un bilan technologique, culturel et social impressionnant > Enorme facteur de progrès > Anticipation de la crise du système.

> Des précurseurs de la communication responsable.

> Ouvert, libre et gratuit (et accessible)

> Un modèle économique viable.

> Des centaines de logiciels disponibles et des dizaines de milliers de développeurs.

> LES MÉDIAS DU WEB : > LE SITE > L’Open Source, c’est quoi ?

Le droit d’auteur > Confère à l’auteur le privilège exclusif de décider de la manière et des

conditions dans lesquelles son œuvre sera accessible au public.

L’auteur qui souhaite rendre son œuvre accessible peut la mettre dans le domaine public

en abandonnant ses droits

> Problème : Il perd alors toute possibilité de mettre des limites à ce qu’il permet au public de

faire de son œuvre.

> LES MÉDIAS DU WEB : > LE SITE > Les Licences Libres

Les licences libres (open source) ont été créées pour ça.

> Ce sont des licences (cadres juridiques formels) fondées sur la notion de partage qui donnent beaucoup de liberté d’utilisation de l’œuvre au public mais qui permettent aussi à l’auteur de cadrer cette utilisation (pour éviter des abus)

> LES MÉDIAS DU WEB : > LE SITE > Les Licences Libres

Les Creative Commons > Ce sont des licences libres adaptées aux créations qui ne sont pas des programmes, telles que des articles, des récits, des photos, de la musique, des vidéo, des manuels de cours, etc.

> Exemple : La licence Creative Commons autorise la copie, la distribution

ou la communication de l’œuvre, soit dans tous les contextes, soit dans un

contexte non-commercial uniquement

La modification de l’œuvre est également parfois autorisée.

> LES MÉDIAS DU WEB : > LE SITE > Les Licences Libres

> Différents types de sites web (par fonctions) : Le site « vitrine »

> Informatif : Textes, photos, liens.

> Indispensable : Un élément d’existence

> Une vitrine : L’image doit être de haute qualité

> Des infos à intégrer (lisibilité) :

Qui je suis

Ce que je propose

A quelles conditions

Comment me contacter

> Communication passive : Accès volontaire par l’internaute / Référencement nécessaire

> Promouvoir son site Web sur tous ses médias

> LES MÉDIAS DU WEB : > LE SITE > Les usages et les fonctions

> Différents types de sites web (par fonctions) : Le site « Informatif »

> En plus des informations « froides », il intègre des informations « chaudes » : Des actualités Des informations promotionnelles Un agenda Etc.

> Propose une information mise à jour régulièrement

> Peut devenir un site web de référence en matière d’informations (thématiques) actualisées

> Intérêt à lier ces rubriques « chaudes » à une Newsletter (« Pour vous tenir au courant de nos actualités »)

> Beaucoup d’intérêt en termes d’image (compétence, expertise)

> Exige un investissement important en termes de production et de mises à jour

> LES MÉDIAS DU WEB : > LE SITE > Les usages et les fonctions

> Différents types de sites web (par fonctions) : Le site « fonctionnel »

> Intègre des fonctions complémentaires – Exemples : Une Newsletter Des bases de données catalogue-produits Une bibliothèque de documents Un diaporama photos Des espaces d’échanges (FTP, Extranet, etc.) Etc. Il en existe des centaines…

> Offre du service, en plus de l’information

> L’offre de services doit répondre aux besoins des cibles de communication

> L’idéal, c’est que le site devienne un site de référence, un outil d’échanges

> LES MÉDIAS DU WEB : > LE SITE > Les usages et les fonctions

> Différents types de sites web (par fonctions) : Le site e-commerce

> LES MÉDIAS DU WEB : > LE SITE > Les usages et les fonctions

> Intègre des fonctions d’achat en ligne (paiement en ligne)

> Le catalogue produit (base de données) est lié à un système de commande (panier) qui lui-même est lié à un système de paiement en ligne

> Les systèmes de paiement sont multiples : PayPal, Cartes bleues (cf. banque), virement

> Tout doit être fait pour faciliter l’acte d’achat. Le système doit être hyper-rassurant

> Se justifie d’autant plus pour des produits qu’on ne trouve pas facilement

> Prendre en compte les conditions générales de vente, le Contrat de Vente à Distance, la logistique et le SAV

> La technologie au service de la stratégie, pas le contraire !

> LES MÉDIAS DU WEB : > LE SITE > Conclusions

> Le choix des contenus et fonctionnalités à intégrer dans le site dépend du cadre stratégique (Cibles ? Objectifs ? Attentes ? Etc.)

> A priori, l’idéal est de mêler : Une zone informative « froide » claire, précise et fonctionnelle (lisibilité du positionnement) Des services adaptés aux besoins des prospects (diaporama produits, catalogue, ressources

complémentaires, etc.) Des informations (« chaudes ») mises à jour régulièrement (traduisent votre expertise, votre

sensibilité, votre légitimité…)

> L’aspect graphique / esthétique est fondamental : Site professionnel ? / Pas professionnel ?

> Adapter votre projet à vos moyens (mises à jour et suivi)

> LES MÉDIAS DU WEB : > LE BLOG

> Un blog, c’est un site web (ou une partie d’un site web) dont le contenu principal est

composé de « billets » (« posts »), c’est-à-dire des notes, des articles, des infos agglomérés

au fil du temps par son auteur sur un sujet donné.

> Ces « billets » peuvent être classés par date, par catégories (et sous-catégories), par mots-

clefs, etc.

> Chaque « billet » peut contenir du texte, des photos, de la vidéo, des liens, etc.

> Il existe des dizaines de « moteurs de blogs » qui vous permettent de créer et d’héberger

gratuitement votre blog.

> Un exemple de blog. Et un autre. Et encore un autre.

> LES MÉDIAS DU WEB : > LE BLOG > POURQUOI ?

C’est quoi la différence avec un site Web ?

> Techniquement, il n’y a quasiment aucune différence, si ce n’est que le blog est complètement gratuit (y compris l’hébergement)

> La principale différence porte sur le type de communication :

Une communication plus « institutionnelle » sur un site web (plus formelle, plus factuelle)

Une communication plus humaine, plus personnelle sur le blog : On raconte ce que l’on pense, ce que l’on vit, ce que l’on voit. C’est un espace d’expression (et d’échanges).

Des thématiques souvent plus personnelles : Récits de voyages, analyses personnelles, témoignages, conseils, actualités thématiques (reprises), etc.

> LES MÉDIAS DU WEB : > LE BLOG > POURQUOI ?

Un site Web ou un blog ? Ou les deux ?.

Et aussi pour des raisons techniques et commerciales :

> Améliore (significativement) votre référencement> Contribue à assoir votre réputation (domaine d’expertise)> Peut augmenter votre crédibilité commerciale> Un exemple de couple site / blog

> L’idéal, c’est d’avoir les deux :

Le site pour la communication plus « institutionnelle » (plus formelle, plus factuelle) Le blog pour donner du contenu, du sens, de la vie à votre projet. Pour montrer que ce n’est pas

qu’une boutique / une entreprise froide. Le blog contribue à véhiculer des émotions, de l’humanité. Le ton d’un blog peut / doit être différent (plus personnel, plus engagé -voire plus polémique) et inviter

au débat, au partage, aux réactions. C’est un lieu d’expression.

> LES MÉDIAS DU WEB : > LES NEWSLETTERS ET MAILING-LISTS

> Une Mailing-List (liste de diffusion) est un fichier d’adresses E-mail à qui vous pouvez

envoyer des E-mails groupés

> Une Newsletter est une lettre d’information électronique > Un E-Mail groupé, qui est

graphiquement mis en page et traite d’un thème donné.

> C’est évidemment intéressant d’associer votre Newsletter aux rubriques « chaudes » de

votre site ou de votre blog.

> Exemples : Phenyx43 ou AlterEco.

> LES MÉDIAS DU WEB : > LES NEWSLETTERS ET MAILING-LISTS

> COMMENT ?

> Pour éviter d’être anti-spammés, il faut que les envois groupés partent d’un serveur (mailing-list serveur).

> L’idéal est d’utiliser un Gestionnaire de Newsletter : C’est une fonctionnalité que vous gérez dans l’interface d’administration de votre site Web (extension / « plug-in »)

> Un Gestionnaire de Newsletter permet de gérer à la fois :

Le(s) fichier(s) de destinataires (mailing-lists) avec des groupes, des catégories, etc.

Les contenus de votre Newsletter (actualités, édito, liens, etc.)

L’envoi (et l’archivage) de vos Newsletters

Le niveau des retours (lus / non-lus / Etc.)

Un exemple de Gestionnaire de Newsletter.

> LES MÉDIAS DU WEB : > LES NEWSLETTERS ET MAILING-LISTS

> POURQUOI ?

> Une Newsletter est un outil formidable car il est actif (il va jusqu’au destinataire / « Push »).

> Ne fonctionne que si votre Newsletter a un intérêt (du contenu, du fond)

> Exige une régularité impeccable (donc du temps pour la production et la mise à jour).

> Quand elle est bien faite, une Newsletter est un véritable rendez-vous pour les lecteurs (clients) > Outil de fidélisation

> La mailing-list est un outil marketing précieux (fichiers d’adresses)

> La Newsletter peut être un outil de communication viral (« transférer à vos amis »)

> D’un point de vue commercial, c’est un relais important pour animer votre activité : annonce des promotions, concours, last-minutes, etc. > Fidélisation.

> Si elle est liée à vitre site Web, elle augmente sa visibilité et sa fréquentation.

> LES MÉDIAS DU WEB : > LES RÉSEAUX SOCIAUX

> Schématiquement, les réseaux sociaux sont des sites Web de communautés sur lesquels on échange, on partage et on diffuse de l’information vers une communauté

> Il en existe des dizaines qui se distinguent par : Le type de réseau (personnel / professionnel) Les thématiques abordées (musique, développement durable, etc.) Les territoires couverts (réseaux géolocalisés)

> 4 grandes catégories de réseaux sociaux : Les communautés virtuelles : Facebook, Twitter, Google+, MySpace, etc. Les réseaux professionnels (de dirigeants) : LinkedIn, Viadéo, Xing Les sites de rencontres (et de retrouvailles) : Trombi.com, Copainsdavant, etc.

> Par défaut, chaque message posté par un membre de la communauté est visible par les autres (envoyé à).

> LES MÉDIAS DU WEB : > LES RÉSEAUX SOCIAUX

> POURQUOI ? COMMENT ?

> Les réseaux sociaux sont des vecteurs de communication performants pour toucher les

membres d’une communauté.

> Une communauté, c’est un groupe de personnes qui ont un intérêt commun (affectif,

commercial, etc.). La notion d’intérêt est fondamentale.

> La communication sur les réseaux sociaux s’apparente à la gestion de communautés

(« Community management »). L’animation est fondamentale.

> LES MÉDIAS DU WEB : > LES RÉSEAUX SOCIAUX

> POURQUOI ? COMMENT ?

> Pourquoi être présent sur les réseaux sociaux ?)

Pour communiquer auprès des membres des communautés auxquelles vous appartenez

(communication de réseau).

Pour assoir et imposer votre notoriété (exister sur les réseaux sociaux).

Pour veiller à maîtriser votre communication sur les réseaux sociaux (e-réputation)

Pour améliorer votre visibilité (référencement)

Pour relayer vos actualités (Site et Blog) : News, promotions, etc.

Pour drainer des internautes vers votre site Web

> Exemples : AlterEco / L’Epicier équitable / Ethiquable // Oasis (animation de communauté)

> LES MÉDIAS DU WEB : > LES PLATEFORMES DE PARTAGE

> Les plateformes de partage sont des sites web (portails) sur lesquels chacun peut publier / partager ses différents médias :

Photos : Flickr, Picasa, Joomeo, etc. Vidéos : YouTube, Daily Motion, Viméo, etc. Diaporamas PPT : SlideShare Publication PDF (Flipbooks) : Issuu

> Pourquoi être présent sur les plateformes de partage ? Pour valoriser votre expertise, vos produits, vos savoir-faire, vos activités. Pour améliorer votre visibilité (référencement) Pour relayer vos actions (en images). Pour drainer des internautes vers votre site Web

> LES MÉDIAS DU WEB : > UNE VISION GLOBALE

> LES MÉDIAS DU WEB : > L’INTERNET MOBILE

> L’Internet Mobile, c’est l’accès à Internet par le biais d’instruments portables / nomades : Smartphones (dont Iphones) et tablettes.

> Plus de 100 millions d’utilisateurs de Smartphones en Europe. > L’accès au Web Mobile se fait par le Wifi ou par les réseaux 3G (réseaux téléphones)

> On distingue : Les sites Web mobiles (responsive) : Dimensionnés à la taille des écrans mobiles Les applications : « Logiciels en ligne » développés spécifiquement pour les Smartphones et tablettes.

> LES MÉDIAS DU WEB : > L’INTERNET MOBILE

> L’Internet Mobile, c’est l’avenir du Web ! > Il faut y penser maintenant.

Pourquoi ? > Accès à Internet partout (tous types d’usage nomade) et coût d’accès en baisse> Les modes de consommation du Web évoluent vers les tablettes et les Smartphones> Croissance phénoménale : + 78,7% en 1 an de données consommées par des mobiles> Plateforme d’achat d’avenir > Interfaçage Web / géolocalisation (et médias géolocalisés)> Accès au site facilité QR Code

Comment ? > Pensez Responsive Design pour votre site Web (ou Blog mobile) + QR Codes> Réalisez un travail de veille : Applis et sites existants / comparables

> LA SUPERSTRUCTURE GALAXY WEB

> Un projet Web aujourd’hui doit être pensé comme une architecture cohérente

de différents médias pour un impact maximum : Une Galaxy Web

> Votre Galaxy Web se compose de votre site et de l’ensemble des médias du

Web qui redirigent l’internaute vers votre site

> Des outils existent pour gérer intelligemment la multi-publication

> Il est nécessaire de réfléchir aux flux de publication en fonction de votre

stratégie et de vos moyens.

> LA SUPERSTRUCTURE GALAXY WEB

QUI VIENT ? Vos réseaux professionnels

Les réseaux de vos collaborateurs

Les moteurs de recherche

QUI VIENT ? Vos « amis » et vos « fans » (clients, partenaires, proches)

Les réseaux d'amis de vos amis

Les moteurs de recherche

QUI VIENT ? Les internautes

(qui vous connaissent)

QUI VIENT ? Les internautes qui cherchent quelque chose (que vous

proposez, que vous faites, …)

QUI VIENT ? Les internautes

(qui vous connaissent)Les moteurs de recherche

QUI VIENT ? Les internautes qui

cherchent des images, des photos (de produits, etc.)

QUI VIENT ? Les internautes qui cherchent des vidéos (de démos, d'évènements, d'entreprises,, etc.)

POUR QUI ? Votre communauté (abonnés et toute

personne intéressée)

Votre Page Facebook

Votre Page Viadéo

Vos pages You Tube et Daily Motion

Votre Page LinkedIn

Google

Votre espace Flickr

Votre blog

Votre Newsletter

Les nouveaux outils Google Webmastering (AdWords, SiteMaps, etc.) permettent

d'être beaucoup mieux référencé. Vous communiquez régulièrement (sur vos nouveautés, vos

actus, vos projets, etc.) très simplement et de n'importe où grâce aux technologies des Blogs

Vous diffusez toutes vos photos (de vos produits, de vos activités, etc.) très

simplement et sans limite.

Vous diffusez toutes vos vidéos (de vos produits,

de vos activités, etc.) très simplement et sans limite.

Votre site Web(Responsive)

> QUELQUES RECETTES ET PISTES DE RÉFLEXION

> Tous ces médias ne sont que des outils au service de votre stratégie.

> Tout doit être fait pour faciliter l’acte d’achat (expliquer / séduire / rassurer / faciliter / fidéliser / animer)

> Le commerce équitable n’est pas une activité commerciale comme les autres : Forte dimension éthique / choix de société Cette dimension éthique doit être claire et concrète (à quoi sert mon achat) Raconter une histoire

> Mais l’achat ne doit pas être un geste de bienfaisance : La qualité, le design, la modernité sont essentiels (répondre à la demande-produit) Le professionnalisme n’est pas une option

> QUELQUES RECETTES ET PISTES DE RÉFLEXION

> Paradoxe du marché actuel : crise économique mais plus grande sensibilité à l’économie solidaire > Potentiel de marché.

> Une réponse peut être : L’organisation de l’offre : Une offre globale pour ceux qui souhaitent acheter solidaire

(facilitation / crédibilisation) La mise en réseau avec les autres acteurs du commerce solidaire et responsable

(économie sociale, agriculture bio, logiciels libres, etc.) > Communauté de valeurs

> Une démarche : La mutualisation Mutualisation des ressources Peu de concurrence, beaucoup de complémentarité entre les membres Que peut-on mettre en commun ? > Ressources infos, listing prospects, fonctions d’achat,

complémentarité des offres

> ELÉMENTS DE CONCLUSION

> Le commerce électronique est en croissance constante.

> Des questions pour la suite : Comment crédibiliser l’offre commerciale équitable en ligne ? Quels sont les freins des internautes solidaires ? Comment les lever ?

> Des pistes pour avancer : Ne pas négliger les autres vecteurs de communication (évènementiel, presse, etc.) Mutualisation des ressources et structuration de l’offre groupée (portail) Action collective ? Travail en réseau

> Des chantiers pour la suite.

> QUI SOMMES-NOUS

> Phenyx43 - Agence en communication globale créée en 2008Design / Web / Print / Video / Nouveaux médias12 ans d’expérience dans la communicationEngagés dans le 3ème secteur (économie sociale, développement durable, commerce équitable, etc.).

> Membre fondateur du réseau Green Republik qui associe des agences en communication aux savoir-faire multiples et complémentaires, et engagées sur les questions environnementales et sociales.

www.phenyx43.be - dan.azria@phenyx43.be – 0485.203.758