SlideShare une entreprise Scribd logo
#prezsynerg Hashtag twitter : La Junior-Entreprise du Web
Notre Junior  Synerg ’heTiC  en chiffres 2004  : Création de la JE 2006  : Label meilleur espoir 156  : Études réalisées en 6 ans 110k€  : CA signé atteint en 2011 Parmi  les  30   meilleures  JE en 2010 et 2011 ! La Junior-Entreprise d ’ Hétic , Multimédia / Management / Informatique
Nos références Jeeves et vous http://jeevesetvous.com/ Générali Formation Outil interne Film Danone Communication interne
Nos références Portail des Métiers de l ’Internet www.metiers.internet.gouv.fr Beauty Executive www.beautyexecutive.com Croix-rouge française haiti.croix-rouge.fr/
Le marché du multimédia 2   milliards  d’internautes dans le monde en janvier 2011 47   millions  d’internautes en France en décembre 2010 15,5 millions  de mobinautes en France 43,4 millions  d’utilisateurs de mobile en France 1,5 millions  d’entreprises sont présentes en 2010 Internet est un médium de communication et un canal de vente incontournable !
Concevoir  et  promouvoir son site Internet Julien Gouvernet Resp. Qualité Adrien Pepin Resp. Communication Audrey Wermeister Trésorière
Sommaire Promouvoir son site Internet Concevoir et réaliser son site Internet Do it your self Adopter une démarche structurée et cohérente Adopter une démarche réfléchie Concevoir : la phase de réflexion Réaliser : la phase concrète Recetter : la phase finale Etendre son offre, pensez mobilité Actionner les leviers Etudier les résultats et s’adapter Cas pratique
Concevoir et réaliser
Adopter une démarche réfléchie
Objectifs , cibles, concurrence Définir sa stratégie de conception et son équipe type Pourquoi ? Se faire connaître ? Pour faire comme tout le monde ? Générer / augmenter le chiffre d ’affaires ? Constituer une base de données qualifiée ? Déclencher un premier contact / une demande de devis ? Comprendre et anticiper les attentes du client
Objectifs,  cibles,  concurrence Définir sa stratégie de conception et son équipe type Pour qui ? Particuliers ou professionnels ? Quel est leur sexe et leur tranche d’âge  ? Sont-ils à l ’aise sur internet ? Quelles sont leurs habitudes de consommation ? Création de «personas»  Pensez à l’utilisateur final
Objectifs, cibles,  concurrence Définir sa stratégie de conception et son équipe type La concurrence Quels sont mes concurrents directs / indirects ? Quels sont mes concurrents fonctionnels ? Quels sont leurs points forts ? Quelles sont leurs faiblesses / leurs erreurs  ? Comment faire mieux ou se différencier ? Se positionner face à ses concurrents
Objectifs, cibles, concurrence Définir sa stratégie de conception  et son équipe type La stratégie Atteindre les objectifs fixés en amont  Immerger l’utilisateur et faciliter la navigation Faire les choix techniques en fonction du type de site :  Un site événementiel ? Un site à fort contenu éditorial ou E-commerce ? Pour un site internet utile, utilisable et utilisé
Objectifs, cibles, concurrence Définir sa stratégie de communication et son  équipe type L’équipe type Un chef de projet Un graphiste Un ergonome  Un référenceur  Un community manager La conception de votre équipe influe sur la réussite du projet Un intégrateur Un intégrateur spécialisé Un développeur spécialisé Un web marketeur
Concevoir : la phase de réflexion
Hiérarchisation de l’information
Arborescence , contenus L ’arborescence L ’organisation des pages et de la navigation Regrouper les rubriques de façon pertinente et intuitive Hiérarchiser les contenus selon leur importance vis-à-vis des objectifs L’utilisateur doit trouver rapidement l’information
Arborescence , contenus
Arborescence,  contenus Les contenus Quelles sont les natures de contenus qui serviront au mieux la stratégie ? Textes / Photos (HD) / Vidéos (HD) / Sons Comment les valoriser pour les moteurs de recherche ? Les contenus constituent le coeur du site
Conception ergonomique
Conception ergonomique : généralités Un site ergonomique ? Objectif 1 : Efficacité Objectif 2 : Efficience  Objectifs 3 : Satisfaction des utilisateurs Penser l ’utilisation du site pour ses utilisateurs finaux
Conception ergonomique Wireframes Zoning Cinématiques ( storyboard)
Conception ergonomique Zoning
Conception ergonomique Wireframe
Conception ergonomique Cinématiques
Conception ergonomique Quels outils ? Du papier et un crayon ! Powerpoint / Keynote (mac) Mockingbird (en ligne) Balsamiq Axure ... Les outils les plus simples sont les meilleurs
Conception ergonomique Le «Grid System» Impossible de concevoir une interface sans grille de référence Sert d’armature à la page et structure le contenu Garantit la cohérence entre les différents gabarits de page Il guide la lecture et confère une sensation d ’harmonie L’outils incontournable
Conception ergonomique Interface de site utilisant un «Grid System» à 16 colonnes
Conception ergonomique Interface de site utilisant un «Grid System» à 16 colonnes
Spécifications fonctionnelles
Spécifications fonctionnelles Les spécifications fonctionnelles Détailler l’expression des besoins Recenser toutes les fonctionnalités du site internet Identifier et caractériser tous les contenus Des spécifications fonctionnelles complètes garantissent un suivi de production optimal
Conception graphique
À qui plaire ? Aux utilisateurs finaux Convaincre votre client de la pertinence de vos choix Limiter le nombre de propositions différentes Elles ne feront jamais l’unanimité Votre client aura le dernier mot Conception graphique
L ’esprit créatif Un webdesigner n ’est pas un artiste Un benchmark graphique est obligatoire La création dépend de la cible du futur site  Faciliter la lisibilité avec de bons contrastes de couleurs Le graphisme se juge sur des critères objectifs Conception graphique
Le choix des typos Maximum 3 typos différentes sur un même support Jouer avec les tailles et les graisses (sans abus) Avec ou sans empattement ? Majuscules ou minuscules ? Les typos dites «web safe» : Arial, Times, Georgia, Trebuchet, Verdana... Un site internet n ’a pas la lisibilité d’un magazine papier Conception graphique
Référencement
Référencement naturel, référencement payant
Référencement naturel,  référencement payant SEO ? Search Engine Optimization Se pense dès la création de l'arborescence du site et se poursuit lors de la création des contenus Définir des mots-clés ou expressions-clés ordonnés par importance Les liens entrants sont primordiaux  Trouver  un  équilibre entre optimisation et langage courant
Référencement naturel,  référencement payant SEA ? Search Engine Advertising Création et diffusion d’annonces publicitaires Objectifs : notoriété, création de valeur, trafic événementiel Interdit pour les Junior-Entreprises
Réaliser : la phase concrète
Du fonctionnel au technique Etude de faisabilité Mise en place technique de l’ensemble des fonctionnalités Choix de la plate-forme technique : performance / fonctionnalité Penser maintenance et évolutions Concrétisation des besoins Réaliser : la phase  concrète
CMS ou Framework ? Avec un CMS, la phase de développement consiste principalement  à installer et à configurer les différents modules Avec un Framework, le développement spécifique est facilité par l ’emploi de librairies pré-existantes Le «from scratch» est à proscrire, même pour des projets simples (sécurité, maintenance, pérennité...) Différents chemins face au besoin Réaliser : la phase  concrète
Quels critères ? Le plus important : couverture fonctionnelle et pérennité de la solution Facilité de mise à jour ou de reprise par un autre prestataire Présence et efficacité de la communauté ou de l ’entreprise Du benchmark en veux-tu ? En voilà ! Réaliser : la phase  concrète
Réaliser : la phase  concrète Wordpress Drupal
Outils de benchmark Le benchmark devient quasi inutile avec l ’expérience Excel est votre ami alpha.benchmarkr.com : générateur et facilitateur de benchmark Des outils et de la logique Réaliser : la phase  concrète
Recetter : la phase finale
La recette Un "soupçon" d'Armagnac pour le CDP Reprise de tous les éléments listés dans les spécifications Vérifications du respect des différents standards Report et résolution des différents bugs Des outils existent pour organiser le reporting des bugs  Le client doit s’investir dans la phase de recette Prévoir la marge nécessaire aux corrections éventuelles Recetter  : la phase finale
Trac Recetter  : la phase finale
Etendre son offre, pensez mobilité
Quelques  chiffres Une révolution des usages Des technologies maîtrisées : smartphones, réseaux sociaux , 3G, Wifi Les forfaits Internet explosent : 19,4 millions d’actifs 3G en France en 2010 Plus de 3 milliards d’applications téléchargées sur l’App Store Taux de pénétration de l’Internet mobile en France en 2014 : 41% 300% de croissance prévue sur 2 ans sur le marché des applications
Déterminez votre  stratégie Posez-vous les bonnes questions Quelle est l’histoire à raconter ? Quel message à faire passer ? Quelle expérience offrir ? Quels objectifs ? A qui s’adresse-t-on ? Quelle est la finalité de la prise de parole ? Du mobile oui, mais pas n’importe comment
Applications  VS   Site mobile Les applications sont reines Des dispositifs riches en média (son, vidéo, GPS, SMS  …) Des opérations pérennes pour un usage quotidien (alertes…) Des accès sécurisés et/ou personnalisés De nombreuses contraintes à prendre en compte (compatibilité, temps de développement, validations des Stores…) Une expérience utilisateur incomparable
Applications   VS  Site mobile Site mobile Idéal pour générer un contact rapide Une démocratisation des technologies (HTML 5 / JavaScript) U n accès direct sans passer par un Store = plus grande liberté L’utilisation des fonctionnalités des terminaux se simplifie Une compatibilité du parc mobile bien plus importante L’information partout et pour le plus grand nombre
Conception : outils et best-practices L’ergonomie utilisateur avant tout Lisibité, simplicité d’accès et interface tactiles Règles de bonne conduite dictées par le W3C  Guidelines Apple et Android disponibles en ligne Simulation en local pour vérifier la cohérence de l’ensemble La version mobile n’est pas une miniature du site Internet
Des langages propriétaires L’ Objective-C, extension du C chez Apple Java C/C++ ou encore Go pour Android Des plateformes de développement telles que Titanium permettent le développement multi-plateformes (en JS) Apple a récemment permis l’export via Flash (AS3) Des langages compilés et complexes demandent une expertise Développement : Applications  VS   Site mobile
Développement :  Applications   VS  Site mobile Des technologies courantes Le web mobile est (relativement) simple à prendre en main HTML 5, CSS 3 et JavaScript simplifient le développement Sencha Touch ou jQuery Mobile offrent de nombreuses possibilités (géolocalisation, ajax, interfaces, animations) Des modules permettent de générer des pages mobiles pour la plupart des CMS Faites tester vos applications sur les différents terminaux
Les differents supports par l’ exemple
Promouvoir un site Internet
Adopter une démarche structurée et cohérente
Adopter une démarche structurée et cohérente Vous devez élaborer une stratégie de communication Celle-ci répond à des besoins spécifiques et identifiés Qui est ma cible ? Où se trouve-t-elle ? Quels sont les objectifs ? Quels leviers vont être actionnés ? Que font mes concurrents ? Agir de manière organisée, réfléchie et efficace
Adopter une démarche structurée et cohérente Différents leviers peuvent servir votre stratégie Il est nécessaire d’intégrer les leviers classiques : média, RP, événementiel Sur Internet, de nombreux leviers existent : Blog Newsletter Medias sociaux … Ils doivent rester à l’esprit dès la conception Délivrer le message au bon moment, à la bonne personne
Adopter une démarche structurée et cohérente Quelques conseils pour batir une stratégie efficace Faites vivre une véritable expérience à l’internaute Faites le premier pas vers votre cible Il n’est plus question de « crier le plus fort possible » mais plutôt de « faire parler de soi » le plus (et le mieux) possible Un « consommateur » transformé en « ambassadeur » est une arme de communication redoutable Le champs des possible ouvert à vous est immense
Adopter une démarche structurée et cohérente Problématique Besoins Actions Optimisations Objectifs Mesure/Analyse
Votre présence sur les médias sociaux Quelque soit le réseau, la démarche est similaire Vous devez oublier le marketing traditionnel, souvent unidirectionnel Les réseaux sociaux exigent une démarche «  conversationnelle  » Soyez humains, transparents et ouverts Etre à l’écoute Engager les discussions et intéragissez avec les autres Animer votre communauté de manière régulière Oubliez vos cours de marketing traditionnel,  pensez « conversation »
Votre présence sur les médias sociaux Comment réagir en cas de problème ? Ne pas s ’énerver et devenir agressif Ne pas se cacher ou se taire Écouter et suivre les discussions Admettre les faits, remettre en contexte, agir en conséquence Garder un visage et un langage humain, pas de «blabla» juridique Mobiliser ses influents internes/externes Un bad buzz bien géré peut devenir bénéfique
Cas d’école Le cas Nestlé Demande de retrait de la vidéo sur Youtube Tentative de censure des réactions des «fans» Facebook Autoritarisme, mépris et absence
Actionner les leviers
Facebook
Facebook Les avantages + de 600 millions d ’utilisateurs dans le monde / 20M en France Les utilisateurs passent un peu moins de 6h par mois sur Facebook ! Des «fans»  inscrits volontairement à une page Centralisation des discussions autour d ’une marque, qu’elles soient bonnes ou mauvaises Communiquer facilement et à moindre coût Rien ne sert d’être sur Facebook juste pour faire comme les concurrents
Facebook Les bonnes pratiques pour sa page fan Créer une page fan plutôt qu ’un groupe Personnaliser sa page (photo de profil, onglet personnalisé, landing page...) Ne pas bloquer les contributions des utilisateurs Animer la page régulièrement (mais pas plus de 2 messages par jour) Interpeler et intéragir avec les fans Définir une URL facilement accessible (ex : facebook.com/synerghetic.je) Entretenir une relation à dimension humaine
Facebook Démarquez-vous avec des opérations originales ! Gifts Coca Cola “Ma nuit de rêve” par Ikea Retrouvez de nombreuses campagnes Facebook sur  Facebook Studio
Twitter
Twitter Twitter, c ’est quoi ? C ’est comme un article de blog sauf que  vous n’avez que 140 caractères C ’est comme une mise à jour de statut Facebook sauf que  c’est visible sur une infinité de supports C ’est comme un grand t’chat sauf que  vous choisissez qui vous voulez suivre C ’est comme un client de messagerie instantanée sauf que  c’est public et archivé sur le web Un outil de communication temps réel, simple et puissant
Twitter Communiquer en temps réel Les avantages Une progression exponentielle (460 000 nouveaux utilisateurs par jour) Une analyse en temps réel des pensées et perceptions de prospects potentiels Un moteur de recherche en temps réel Un potentiel de viralisation très important Améliorer son référencement naturel (tweets indexés quasi-instantanément dans les moteurs de recherche)
Twitter Sur Twitter, l’échange prime sur la promotion individuelle Les bonnes pratiques sur Twitter Personnaliser son compte (background et informations) en reprenant la charte graphique de la marque Définir une ligne éditoriale Suivre les influents du domaine et ceux qui parlent de vous Alterner contenus pros et discussions plus informelles Publier par vagues discontinues (5 tweets par jour maximum)
Twitter Quelques utilisations originales de Twitter Le CV Twitter “L’aventure dont je suis le héros” sur Twitter
Plateformes photos et vidéos
Plateformes photos et vidéos Diffusez vos contenus multimédias Utiliser les plateformes comme Flickr pour les photos Utiliser YouTube, Dailymotion ou Vimeo pour les vidéos Bénéficier d’une nouvelle source de trafic Augmenter sa visibilité et améliorer son référencement Toucher une autre typologie de votre cible Une photo ou une vidéo est souvent plus parlante  qu’un pavé de texte
Plateformes photos et vidéos Les bonnes pratiques Personnaliser vos comptes autant que possible Organiser et trier vos contenus Attribuer des titres explicites et clairs Ajouter des tags Le visuel permet de développer une certaine proximité  avec votre cible
Blog
Blog Du contenu de qualité, régulièrement Se positionner en tant qu’ expert  sur son domaine Création d’une communauté de lecteurs réguliers Diffusion  des billets via différentes plateformes (RSS, Facebook, Twitter …) Permet d’améliorer significativement son référencement naturel Le blog est la vitrine dynamique d’une structure
Blog Les bonnes pratiques Définir un planning de publication Tenir un rythme de publication Être rigoureux sur la mise en page et l’orthographe Relayer ne suffit pas Apporter son point de vue/analyse sur des sujets d’actualité Partager votre expertise, c’est la valoriser auprès de tous
Newsletter
Newsletter Du trafic qualifié à moindre coût Les avantages Facilité d ’inscription et d’utilisation : une adresse e-mail suffit Fidéliser ses utilisateurs Possibilité de personnaliser le contenu en fonction de l ’utilisateur Des outils permettent d ’obtenir des statistiques précises (taux d’ouverture, liens les plus cliqués, etc) Un moyen supplémentaire d ’augmenter le trafic vers son site internet
Newsletter Les bonnes pratiques Faliciter l’inscription à la newsletter (récompense lors de l’inscription, etc) Automatiser son envoi pour un gain de productivité Personnaliser autant que faire se peut Elaborer une mise en page visuellement agréable Être pragmatique dans le sujet de mail des newsletters Une newsletter ne peut être entièrement remplacée  par les médias sociaux
Géolocalisation
Géolocalisation Suivre les dernières tendances et les expérimenter Les avantages Utiliser des systèmes qui sont dans l’ère du temps (Foursquare, Facebook Places, etc) Se référencer sur de nouvelles plateformes Exploiter un nouveau levier pour faire connaitre sa structure
Géolocalisation Les bonnes pratiques Remplissez correctement toutes les informations de vos profils Agrémenter vos profils (photos sur Foursquare par exemple) Proposer des offres spéciales, notamment avec Foursquare Un nouveau moyen de promouvoir sa structure
Géolocalisation Êtes-vous simplement présent sur Google Maps ?
Mesurer et analyser
Mesurer et analyser Mesurer et analyser vos actions de communication Fixer des KPI (Key Performance Indicator) pour chaque levier Faites un suivi périodique Analyser et interpréter ces données Pour quelle finalité ? Suivre son évolution Optimiser ses actions de communication ! Mesurer pour se donner la possibilité de faire toujours mieux
Pour récapituler Ce qu’il faut que vous gardiez à l’esprit Elaborez une stratégie centrée autour de votre cible L’ensemble de vos actions doivent être cohérentes vis-à-vis de votre stratégie Faites vivre une expérience unique aux internautes Soyez créatif et original Chaque support possède ses propres spécificités, votre stratégie aussi Mesurer et analyser ses actions pour les optimiser
Ressources Développement mobile http://www.appcelerator.com/ http://jquerymobile.com/   http://developer.android.com/ http://developer.apple.com/ Plateforme de blogging : http://wordpress.org/ https://www.blogger.com/ http://www.feedburner.com/ Outils d ’e-mailing : Campaign Monitor MailChimp Outils de monitoring : Twitter Search Tweetscan Tweetdeck  et  Seesmic
Ressources Facebook Inside Facebook.com Mashable  (Facebook Guidebook) Involver (Personnalisation page fan) Grid System http://960.gs http://www.thegridsystem.org Design http://www.kuler.com http://www.colourlovers.com Conception d’interface mobile Développement Alsa Créations (Tutos XHTML, CSS...) Fran6art (Tutos intégration Wordpress)
Lectures conseillées Ergonomie Web Amélie Boucher http://www.ergolab.net The Smashing Book Smashing Magazine http://www.smashingmagazine.com Internet Marketing 2011 Julia Jouffro, Martin Tissier & Guillaume Ber
Sources On les remercie beaucoup : Vanksen pour le partage de toutes leurs présentations http://www.slideshare.net/culturebuzz/agence-vanksen-digitalviraladvertising-confrence-buzzthebrand-2009 http://www.slideshare.net/Vanksen/bien-grer-sa-rputation-en-ligne http://www.slideshare.net/gregfromparis/bien-gerer-son-ereputation http://www.slideshare.net/Vanksen/twitter-prsentation-complte-de-lessentiel-1903868 ReadWriteWeb pour  leur excellent article http://fr.readwriteweb.com/2010/03/30/a-la-une/greenpeace-nestl-sur-facebook-lart-de-guerre/ HETIC
Merci de votre attention Des questions ?
Do it yourself ! Regardons votre communication de plus près ! Des personnes sont à votre disposition Auditer, analyser et  vous conseiller Assez parlé de nous, parlons un peu de vous !
On reste en contact ? twitter.com/synerghetic facebook.com/synerghetic.je blog.synerghetic.net/ [email_address]

Contenu connexe

Tendances

Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?
NiceToMeetYou
 
Sources de trafic site internet
Sources de trafic site internetSources de trafic site internet
Sources de trafic site internet
ohmyweb!
 
Comment améliorer l'expérience utilisateur
Comment améliorer l'expérience utilisateur Comment améliorer l'expérience utilisateur
Comment améliorer l'expérience utilisateur
Xilopix
 
#Et6-At7-Réussir sa stratégie etourisme
#Et6-At7-Réussir sa stratégie etourisme#Et6-At7-Réussir sa stratégie etourisme
#Et6-At7-Réussir sa stratégie etourisme
Ludovic Dublanchet
 
Promouvoir son application (2010)
Promouvoir son application (2010)Promouvoir son application (2010)
Promouvoir son application (2010)
Ardesi Midi-Pyrénées
 
Développement mobile hybride ou natif : quid du ROI ?
Développement mobile hybride ou natif : quid du ROI ?Développement mobile hybride ou natif : quid du ROI ?
Développement mobile hybride ou natif : quid du ROI ?
in-Tact
 
M-Observer Printemps 2015
M-Observer Printemps 2015M-Observer Printemps 2015
M-Observer Printemps 2015
Jean-Laurent Bouveret
 
Ateliers commercants acv-ucm-acia #2
Ateliers commercants acv-ucm-acia #2Ateliers commercants acv-ucm-acia #2
Ateliers commercants acv-ucm-acia #2
Laurent ANNET ☆ WSI Marketing Digital
 
Seo referencement-naturel
Seo referencement-naturelSeo referencement-naturel
Seo referencement-naturel
AXIZ eBusiness
 
Quelle solution technique pour un projet web ?
Quelle solution technique pour un projet web ?Quelle solution technique pour un projet web ?
Quelle solution technique pour un projet web ?
Core-Techs
 
CRM - Repensez votre parcours clients à l'ère du numérique - Adn Agile - CCI...
CRM  - Repensez votre parcours clients à l'ère du numérique - Adn Agile - CCI...CRM  - Repensez votre parcours clients à l'ère du numérique - Adn Agile - CCI...
CRM - Repensez votre parcours clients à l'ère du numérique - Adn Agile - CCI...
polenumerique33
 
Competitic - visibilité sur le web - numerique en entreprise
Competitic - visibilité sur le web - numerique en entrepriseCompetitic - visibilité sur le web - numerique en entreprise
Competitic - visibilité sur le web - numerique en entreprise
COMPETITIC
 
Green France Tourisme : Visibilité sur Internet, le mobile prend le pouvoir
Green France Tourisme : Visibilité sur Internet, le mobile prend le pouvoirGreen France Tourisme : Visibilité sur Internet, le mobile prend le pouvoir
Green France Tourisme : Visibilité sur Internet, le mobile prend le pouvoir
Brioude Internet
 
Optimiser les taux de transformation de son site ecommerce (1/2)
Optimiser les taux de transformation de son site ecommerce (1/2) Optimiser les taux de transformation de son site ecommerce (1/2)
Optimiser les taux de transformation de son site ecommerce (1/2)
Thierry Picard
 
Principes de référence pour l’offre publicitaire dans les applications i phon...
Principes de référence pour l’offre publicitaire dans les applications i phon...Principes de référence pour l’offre publicitaire dans les applications i phon...
Principes de référence pour l’offre publicitaire dans les applications i phon...
Romain Fonnier
 
Conference e-commerce, Altics _ Kreactive
Conference e-commerce, Altics _ KreactiveConference e-commerce, Altics _ Kreactive
Conference e-commerce, Altics _ Kreactive
ALTICS
 
Quelle stratégie adopter sur Facebook ?
Quelle stratégie adopter sur Facebook ?Quelle stratégie adopter sur Facebook ?
Quelle stratégie adopter sur Facebook ?
polenumerique33
 
Mobile et Flashcode : Effet de mode ou moyens stratégiques ? | acti
Mobile et Flashcode : Effet de mode ou moyens stratégiques ? | actiMobile et Flashcode : Effet de mode ou moyens stratégiques ? | acti
Mobile et Flashcode : Effet de mode ou moyens stratégiques ? | acti
acti
 
Competitic Optimisez votre référencement naturel - numerique en entreprise
Competitic Optimisez votre référencement naturel - numerique en entrepriseCompetitic Optimisez votre référencement naturel - numerique en entreprise
Competitic Optimisez votre référencement naturel - numerique en entreprise
COMPETITIC
 
E marketing
E marketingE marketing
E marketing
3Market
 

Tendances (20)

Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?
 
Sources de trafic site internet
Sources de trafic site internetSources de trafic site internet
Sources de trafic site internet
 
Comment améliorer l'expérience utilisateur
Comment améliorer l'expérience utilisateur Comment améliorer l'expérience utilisateur
Comment améliorer l'expérience utilisateur
 
#Et6-At7-Réussir sa stratégie etourisme
#Et6-At7-Réussir sa stratégie etourisme#Et6-At7-Réussir sa stratégie etourisme
#Et6-At7-Réussir sa stratégie etourisme
 
Promouvoir son application (2010)
Promouvoir son application (2010)Promouvoir son application (2010)
Promouvoir son application (2010)
 
Développement mobile hybride ou natif : quid du ROI ?
Développement mobile hybride ou natif : quid du ROI ?Développement mobile hybride ou natif : quid du ROI ?
Développement mobile hybride ou natif : quid du ROI ?
 
M-Observer Printemps 2015
M-Observer Printemps 2015M-Observer Printemps 2015
M-Observer Printemps 2015
 
Ateliers commercants acv-ucm-acia #2
Ateliers commercants acv-ucm-acia #2Ateliers commercants acv-ucm-acia #2
Ateliers commercants acv-ucm-acia #2
 
Seo referencement-naturel
Seo referencement-naturelSeo referencement-naturel
Seo referencement-naturel
 
Quelle solution technique pour un projet web ?
Quelle solution technique pour un projet web ?Quelle solution technique pour un projet web ?
Quelle solution technique pour un projet web ?
 
CRM - Repensez votre parcours clients à l'ère du numérique - Adn Agile - CCI...
CRM  - Repensez votre parcours clients à l'ère du numérique - Adn Agile - CCI...CRM  - Repensez votre parcours clients à l'ère du numérique - Adn Agile - CCI...
CRM - Repensez votre parcours clients à l'ère du numérique - Adn Agile - CCI...
 
Competitic - visibilité sur le web - numerique en entreprise
Competitic - visibilité sur le web - numerique en entrepriseCompetitic - visibilité sur le web - numerique en entreprise
Competitic - visibilité sur le web - numerique en entreprise
 
Green France Tourisme : Visibilité sur Internet, le mobile prend le pouvoir
Green France Tourisme : Visibilité sur Internet, le mobile prend le pouvoirGreen France Tourisme : Visibilité sur Internet, le mobile prend le pouvoir
Green France Tourisme : Visibilité sur Internet, le mobile prend le pouvoir
 
Optimiser les taux de transformation de son site ecommerce (1/2)
Optimiser les taux de transformation de son site ecommerce (1/2) Optimiser les taux de transformation de son site ecommerce (1/2)
Optimiser les taux de transformation de son site ecommerce (1/2)
 
Principes de référence pour l’offre publicitaire dans les applications i phon...
Principes de référence pour l’offre publicitaire dans les applications i phon...Principes de référence pour l’offre publicitaire dans les applications i phon...
Principes de référence pour l’offre publicitaire dans les applications i phon...
 
Conference e-commerce, Altics _ Kreactive
Conference e-commerce, Altics _ KreactiveConference e-commerce, Altics _ Kreactive
Conference e-commerce, Altics _ Kreactive
 
Quelle stratégie adopter sur Facebook ?
Quelle stratégie adopter sur Facebook ?Quelle stratégie adopter sur Facebook ?
Quelle stratégie adopter sur Facebook ?
 
Mobile et Flashcode : Effet de mode ou moyens stratégiques ? | acti
Mobile et Flashcode : Effet de mode ou moyens stratégiques ? | actiMobile et Flashcode : Effet de mode ou moyens stratégiques ? | acti
Mobile et Flashcode : Effet de mode ou moyens stratégiques ? | acti
 
Competitic Optimisez votre référencement naturel - numerique en entreprise
Competitic Optimisez votre référencement naturel - numerique en entrepriseCompetitic Optimisez votre référencement naturel - numerique en entreprise
Competitic Optimisez votre référencement naturel - numerique en entreprise
 
E marketing
E marketingE marketing
E marketing
 

En vedette

Formation : Réaliser et promouvoir un site internet (V1)
Formation : Réaliser et promouvoir un site internet (V1)Formation : Réaliser et promouvoir un site internet (V1)
Formation : Réaliser et promouvoir un site internet (V1)
Synerg'hetic
 
Formation : Réaliser et promouvoir un site internet (V2)
Formation : Réaliser et promouvoir un site internet (V2)Formation : Réaliser et promouvoir un site internet (V2)
Formation : Réaliser et promouvoir un site internet (V2)
Synerg'hetic
 
Formation acquisition
Formation acquisitionFormation acquisition
Formation acquisition
Synerg'hetic
 
Formation CNE 2012 : Acquisition et optimisation de trafic
Formation CNE 2012 : Acquisition et optimisation de traficFormation CNE 2012 : Acquisition et optimisation de trafic
Formation CNE 2012 : Acquisition et optimisation de trafic
Synerg'hetic
 
Formation cnh visibilité web enjeux et pratiques
Formation cnh   visibilité web enjeux et pratiquesFormation cnh   visibilité web enjeux et pratiques
Formation cnh visibilité web enjeux et pratiques
Synerg'hetic
 
Formafion facebook open graph synerg'hetic
Formafion facebook open graph   synerg'heticFormafion facebook open graph   synerg'hetic
Formafion facebook open graph synerg'hetic
Synerg'hetic
 
Paris Web 2015 - France Connect et OpenId Connect
Paris Web 2015 - France Connect et OpenId ConnectParis Web 2015 - France Connect et OpenId Connect
Paris Web 2015 - France Connect et OpenId Connect
François Petitit
 

En vedette (8)

Formation : Réaliser et promouvoir un site internet (V1)
Formation : Réaliser et promouvoir un site internet (V1)Formation : Réaliser et promouvoir un site internet (V1)
Formation : Réaliser et promouvoir un site internet (V1)
 
Formation : Réaliser et promouvoir un site internet (V2)
Formation : Réaliser et promouvoir un site internet (V2)Formation : Réaliser et promouvoir un site internet (V2)
Formation : Réaliser et promouvoir un site internet (V2)
 
Edouard manet
Edouard manetEdouard manet
Edouard manet
 
Formation acquisition
Formation acquisitionFormation acquisition
Formation acquisition
 
Formation CNE 2012 : Acquisition et optimisation de trafic
Formation CNE 2012 : Acquisition et optimisation de traficFormation CNE 2012 : Acquisition et optimisation de trafic
Formation CNE 2012 : Acquisition et optimisation de trafic
 
Formation cnh visibilité web enjeux et pratiques
Formation cnh   visibilité web enjeux et pratiquesFormation cnh   visibilité web enjeux et pratiques
Formation cnh visibilité web enjeux et pratiques
 
Formafion facebook open graph synerg'hetic
Formafion facebook open graph   synerg'heticFormafion facebook open graph   synerg'hetic
Formafion facebook open graph synerg'hetic
 
Paris Web 2015 - France Connect et OpenId Connect
Paris Web 2015 - France Connect et OpenId ConnectParis Web 2015 - France Connect et OpenId Connect
Paris Web 2015 - France Connect et OpenId Connect
 

Similaire à Formation : "Concevoir et promouvoir son site Internet"

Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Stéphanie Hertrich
 
10 tendances digitales pour 2016
10 tendances digitales pour 201610 tendances digitales pour 2016
10 tendances digitales pour 2016
NiceToMeetYou
 
Formation stratégie numérique
Formation stratégie numériqueFormation stratégie numérique
Formation stratégie numérique
Danielle Tardif
 
Les tendances des site web en 2015
Les tendances des site web en 2015Les tendances des site web en 2015
Les tendances des site web en 2015
Vincent Pereira
 
Présentation opinions web fr_071220110
Présentation opinions web fr_071220110Présentation opinions web fr_071220110
Présentation opinions web fr_071220110
Claire Bourget, MBA
 
PréSentation Opinions Web Fr 071220110
PréSentation Opinions Web Fr 071220110PréSentation Opinions Web Fr 071220110
PréSentation Opinions Web Fr 071220110
Claire Bourget, MBA
 
Séminaire Communication web - partie 1
Séminaire Communication web - partie 1Séminaire Communication web - partie 1
Séminaire Communication web - partie 1
Noémie Toledano
 
Cours de E Marketing sur le e-produit
Cours de E Marketing sur le e-produitCours de E Marketing sur le e-produit
Cours de E Marketing sur le e-produit
smurff
 
Enjeux et tendances du numérique pour les PME - 7 juin 2016
Enjeux et tendances du numérique pour les PME - 7 juin 2016Enjeux et tendances du numérique pour les PME - 7 juin 2016
Enjeux et tendances du numérique pour les PME - 7 juin 2016
Lilian FOURCADIER
 
37 editeurs de logiciels et startups marketing
37 editeurs de logiciels et startups marketing 37 editeurs de logiciels et startups marketing
37 editeurs de logiciels et startups marketing
Microsoft Ideas
 
33 éditeurs de logiciel avec solutions marketing
33 éditeurs de logiciel avec solutions marketing33 éditeurs de logiciel avec solutions marketing
33 éditeurs de logiciel avec solutions marketing
Microsoft Ideas
 
Braincities made simple (EN)
Braincities made simple (EN)Braincities made simple (EN)
Braincities made simple (EN)
BRAINCITIES LAB ®
 
Présentation Voirin Club DSI EST 150217
Présentation Voirin Club DSI EST 150217Présentation Voirin Club DSI EST 150217
Présentation Voirin Club DSI EST 150217
VOIRIN Consultants
 
Atelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site WebAtelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site Web
ambin_fr
 
Les nouveaux metiers de l'internet
Les nouveaux metiers de l'internetLes nouveaux metiers de l'internet
Les nouveaux metiers de l'internet
Laurent Brouat
 
2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...
2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...
2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...
COMPETITIC
 
RDV TIC en partenariat avec Google
RDV TIC en partenariat avec GoogleRDV TIC en partenariat avec Google
RDV TIC en partenariat avec Google
COMPETITIC
 
Webschool du Jura - e-commerce
Webschool du Jura - e-commerceWebschool du Jura - e-commerce
Webschool du Jura - e-commerce
mariejura
 
Améliorez votre présence en ligne pour attirer vos clients
Améliorez votre présence en ligne pour attirer vos clientsAméliorez votre présence en ligne pour attirer vos clients
Améliorez votre présence en ligne pour attirer vos clients
polenumerique33
 
1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur
Laurent Barbat
 

Similaire à Formation : "Concevoir et promouvoir son site Internet" (20)

Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
 
10 tendances digitales pour 2016
10 tendances digitales pour 201610 tendances digitales pour 2016
10 tendances digitales pour 2016
 
Formation stratégie numérique
Formation stratégie numériqueFormation stratégie numérique
Formation stratégie numérique
 
Les tendances des site web en 2015
Les tendances des site web en 2015Les tendances des site web en 2015
Les tendances des site web en 2015
 
Présentation opinions web fr_071220110
Présentation opinions web fr_071220110Présentation opinions web fr_071220110
Présentation opinions web fr_071220110
 
PréSentation Opinions Web Fr 071220110
PréSentation Opinions Web Fr 071220110PréSentation Opinions Web Fr 071220110
PréSentation Opinions Web Fr 071220110
 
Séminaire Communication web - partie 1
Séminaire Communication web - partie 1Séminaire Communication web - partie 1
Séminaire Communication web - partie 1
 
Cours de E Marketing sur le e-produit
Cours de E Marketing sur le e-produitCours de E Marketing sur le e-produit
Cours de E Marketing sur le e-produit
 
Enjeux et tendances du numérique pour les PME - 7 juin 2016
Enjeux et tendances du numérique pour les PME - 7 juin 2016Enjeux et tendances du numérique pour les PME - 7 juin 2016
Enjeux et tendances du numérique pour les PME - 7 juin 2016
 
37 editeurs de logiciels et startups marketing
37 editeurs de logiciels et startups marketing 37 editeurs de logiciels et startups marketing
37 editeurs de logiciels et startups marketing
 
33 éditeurs de logiciel avec solutions marketing
33 éditeurs de logiciel avec solutions marketing33 éditeurs de logiciel avec solutions marketing
33 éditeurs de logiciel avec solutions marketing
 
Braincities made simple (EN)
Braincities made simple (EN)Braincities made simple (EN)
Braincities made simple (EN)
 
Présentation Voirin Club DSI EST 150217
Présentation Voirin Club DSI EST 150217Présentation Voirin Club DSI EST 150217
Présentation Voirin Club DSI EST 150217
 
Atelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site WebAtelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site Web
 
Les nouveaux metiers de l'internet
Les nouveaux metiers de l'internetLes nouveaux metiers de l'internet
Les nouveaux metiers de l'internet
 
2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...
2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...
2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...
 
RDV TIC en partenariat avec Google
RDV TIC en partenariat avec GoogleRDV TIC en partenariat avec Google
RDV TIC en partenariat avec Google
 
Webschool du Jura - e-commerce
Webschool du Jura - e-commerceWebschool du Jura - e-commerce
Webschool du Jura - e-commerce
 
Améliorez votre présence en ligne pour attirer vos clients
Améliorez votre présence en ligne pour attirer vos clientsAméliorez votre présence en ligne pour attirer vos clients
Améliorez votre présence en ligne pour attirer vos clients
 
1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur
 

Plus de Synerg'hetic

Comment adapter votre offre commerciale en fonction des évolutions du marché ...
Comment adapter votre offre commerciale en fonction des évolutions du marché ...Comment adapter votre offre commerciale en fonction des évolutions du marché ...
Comment adapter votre offre commerciale en fonction des évolutions du marché ...
Synerg'hetic
 
Create Your First Chatbot #SynergVivaTech
Create Your First Chatbot #SynergVivaTechCreate Your First Chatbot #SynergVivaTech
Create Your First Chatbot #SynergVivaTech
Synerg'hetic
 
Formation communication sur le Web
Formation communication sur le WebFormation communication sur le Web
Formation communication sur le Web
Synerg'hetic
 
Formation Google Apps for work
Formation Google Apps for workFormation Google Apps for work
Formation Google Apps for work
Synerg'hetic
 
Synerghetic-CheatSheet_github
Synerghetic-CheatSheet_githubSynerghetic-CheatSheet_github
Synerghetic-CheatSheet_github
Synerg'hetic
 
Synerghetic-Initiation_Github
Synerghetic-Initiation_GithubSynerghetic-Initiation_Github
Synerghetic-Initiation_Github
Synerg'hetic
 
Formation : "Concevoir et promouvoir votre site internet" V3
Formation : "Concevoir et promouvoir votre site internet" V3Formation : "Concevoir et promouvoir votre site internet" V3
Formation : "Concevoir et promouvoir votre site internet" V3
Synerg'hetic
 

Plus de Synerg'hetic (7)

Comment adapter votre offre commerciale en fonction des évolutions du marché ...
Comment adapter votre offre commerciale en fonction des évolutions du marché ...Comment adapter votre offre commerciale en fonction des évolutions du marché ...
Comment adapter votre offre commerciale en fonction des évolutions du marché ...
 
Create Your First Chatbot #SynergVivaTech
Create Your First Chatbot #SynergVivaTechCreate Your First Chatbot #SynergVivaTech
Create Your First Chatbot #SynergVivaTech
 
Formation communication sur le Web
Formation communication sur le WebFormation communication sur le Web
Formation communication sur le Web
 
Formation Google Apps for work
Formation Google Apps for workFormation Google Apps for work
Formation Google Apps for work
 
Synerghetic-CheatSheet_github
Synerghetic-CheatSheet_githubSynerghetic-CheatSheet_github
Synerghetic-CheatSheet_github
 
Synerghetic-Initiation_Github
Synerghetic-Initiation_GithubSynerghetic-Initiation_Github
Synerghetic-Initiation_Github
 
Formation : "Concevoir et promouvoir votre site internet" V3
Formation : "Concevoir et promouvoir votre site internet" V3Formation : "Concevoir et promouvoir votre site internet" V3
Formation : "Concevoir et promouvoir votre site internet" V3
 

Formation : "Concevoir et promouvoir son site Internet"

  • 1. #prezsynerg Hashtag twitter : La Junior-Entreprise du Web
  • 2. Notre Junior Synerg ’heTiC en chiffres 2004 : Création de la JE 2006 : Label meilleur espoir 156 : Études réalisées en 6 ans 110k€ : CA signé atteint en 2011 Parmi les 30 meilleures JE en 2010 et 2011 ! La Junior-Entreprise d ’ Hétic , Multimédia / Management / Informatique
  • 3. Nos références Jeeves et vous http://jeevesetvous.com/ Générali Formation Outil interne Film Danone Communication interne
  • 4. Nos références Portail des Métiers de l ’Internet www.metiers.internet.gouv.fr Beauty Executive www.beautyexecutive.com Croix-rouge française haiti.croix-rouge.fr/
  • 5. Le marché du multimédia 2 milliards d’internautes dans le monde en janvier 2011 47 millions d’internautes en France en décembre 2010 15,5 millions de mobinautes en France 43,4 millions d’utilisateurs de mobile en France 1,5 millions d’entreprises sont présentes en 2010 Internet est un médium de communication et un canal de vente incontournable !
  • 6. Concevoir et promouvoir son site Internet Julien Gouvernet Resp. Qualité Adrien Pepin Resp. Communication Audrey Wermeister Trésorière
  • 7. Sommaire Promouvoir son site Internet Concevoir et réaliser son site Internet Do it your self Adopter une démarche structurée et cohérente Adopter une démarche réfléchie Concevoir : la phase de réflexion Réaliser : la phase concrète Recetter : la phase finale Etendre son offre, pensez mobilité Actionner les leviers Etudier les résultats et s’adapter Cas pratique
  • 9. Adopter une démarche réfléchie
  • 10. Objectifs , cibles, concurrence Définir sa stratégie de conception et son équipe type Pourquoi ? Se faire connaître ? Pour faire comme tout le monde ? Générer / augmenter le chiffre d ’affaires ? Constituer une base de données qualifiée ? Déclencher un premier contact / une demande de devis ? Comprendre et anticiper les attentes du client
  • 11. Objectifs, cibles, concurrence Définir sa stratégie de conception et son équipe type Pour qui ? Particuliers ou professionnels ? Quel est leur sexe et leur tranche d’âge ? Sont-ils à l ’aise sur internet ? Quelles sont leurs habitudes de consommation ? Création de «personas» Pensez à l’utilisateur final
  • 12. Objectifs, cibles, concurrence Définir sa stratégie de conception et son équipe type La concurrence Quels sont mes concurrents directs / indirects ? Quels sont mes concurrents fonctionnels ? Quels sont leurs points forts ? Quelles sont leurs faiblesses / leurs erreurs ? Comment faire mieux ou se différencier ? Se positionner face à ses concurrents
  • 13. Objectifs, cibles, concurrence Définir sa stratégie de conception et son équipe type La stratégie Atteindre les objectifs fixés en amont Immerger l’utilisateur et faciliter la navigation Faire les choix techniques en fonction du type de site : Un site événementiel ? Un site à fort contenu éditorial ou E-commerce ? Pour un site internet utile, utilisable et utilisé
  • 14. Objectifs, cibles, concurrence Définir sa stratégie de communication et son équipe type L’équipe type Un chef de projet Un graphiste Un ergonome Un référenceur Un community manager La conception de votre équipe influe sur la réussite du projet Un intégrateur Un intégrateur spécialisé Un développeur spécialisé Un web marketeur
  • 15. Concevoir : la phase de réflexion
  • 17. Arborescence , contenus L ’arborescence L ’organisation des pages et de la navigation Regrouper les rubriques de façon pertinente et intuitive Hiérarchiser les contenus selon leur importance vis-à-vis des objectifs L’utilisateur doit trouver rapidement l’information
  • 19. Arborescence, contenus Les contenus Quelles sont les natures de contenus qui serviront au mieux la stratégie ? Textes / Photos (HD) / Vidéos (HD) / Sons Comment les valoriser pour les moteurs de recherche ? Les contenus constituent le coeur du site
  • 21. Conception ergonomique : généralités Un site ergonomique ? Objectif 1 : Efficacité Objectif 2 : Efficience Objectifs 3 : Satisfaction des utilisateurs Penser l ’utilisation du site pour ses utilisateurs finaux
  • 22. Conception ergonomique Wireframes Zoning Cinématiques ( storyboard)
  • 26. Conception ergonomique Quels outils ? Du papier et un crayon ! Powerpoint / Keynote (mac) Mockingbird (en ligne) Balsamiq Axure ... Les outils les plus simples sont les meilleurs
  • 27. Conception ergonomique Le «Grid System» Impossible de concevoir une interface sans grille de référence Sert d’armature à la page et structure le contenu Garantit la cohérence entre les différents gabarits de page Il guide la lecture et confère une sensation d ’harmonie L’outils incontournable
  • 28. Conception ergonomique Interface de site utilisant un «Grid System» à 16 colonnes
  • 29. Conception ergonomique Interface de site utilisant un «Grid System» à 16 colonnes
  • 31. Spécifications fonctionnelles Les spécifications fonctionnelles Détailler l’expression des besoins Recenser toutes les fonctionnalités du site internet Identifier et caractériser tous les contenus Des spécifications fonctionnelles complètes garantissent un suivi de production optimal
  • 33. À qui plaire ? Aux utilisateurs finaux Convaincre votre client de la pertinence de vos choix Limiter le nombre de propositions différentes Elles ne feront jamais l’unanimité Votre client aura le dernier mot Conception graphique
  • 34. L ’esprit créatif Un webdesigner n ’est pas un artiste Un benchmark graphique est obligatoire La création dépend de la cible du futur site Faciliter la lisibilité avec de bons contrastes de couleurs Le graphisme se juge sur des critères objectifs Conception graphique
  • 35. Le choix des typos Maximum 3 typos différentes sur un même support Jouer avec les tailles et les graisses (sans abus) Avec ou sans empattement ? Majuscules ou minuscules ? Les typos dites «web safe» : Arial, Times, Georgia, Trebuchet, Verdana... Un site internet n ’a pas la lisibilité d’un magazine papier Conception graphique
  • 38. Référencement naturel, référencement payant SEO ? Search Engine Optimization Se pense dès la création de l'arborescence du site et se poursuit lors de la création des contenus Définir des mots-clés ou expressions-clés ordonnés par importance Les liens entrants sont primordiaux Trouver un équilibre entre optimisation et langage courant
  • 39. Référencement naturel, référencement payant SEA ? Search Engine Advertising Création et diffusion d’annonces publicitaires Objectifs : notoriété, création de valeur, trafic événementiel Interdit pour les Junior-Entreprises
  • 40. Réaliser : la phase concrète
  • 41. Du fonctionnel au technique Etude de faisabilité Mise en place technique de l’ensemble des fonctionnalités Choix de la plate-forme technique : performance / fonctionnalité Penser maintenance et évolutions Concrétisation des besoins Réaliser : la phase concrète
  • 42. CMS ou Framework ? Avec un CMS, la phase de développement consiste principalement à installer et à configurer les différents modules Avec un Framework, le développement spécifique est facilité par l ’emploi de librairies pré-existantes Le «from scratch» est à proscrire, même pour des projets simples (sécurité, maintenance, pérennité...) Différents chemins face au besoin Réaliser : la phase concrète
  • 43. Quels critères ? Le plus important : couverture fonctionnelle et pérennité de la solution Facilité de mise à jour ou de reprise par un autre prestataire Présence et efficacité de la communauté ou de l ’entreprise Du benchmark en veux-tu ? En voilà ! Réaliser : la phase concrète
  • 44. Réaliser : la phase concrète Wordpress Drupal
  • 45. Outils de benchmark Le benchmark devient quasi inutile avec l ’expérience Excel est votre ami alpha.benchmarkr.com : générateur et facilitateur de benchmark Des outils et de la logique Réaliser : la phase concrète
  • 46. Recetter : la phase finale
  • 47. La recette Un "soupçon" d'Armagnac pour le CDP Reprise de tous les éléments listés dans les spécifications Vérifications du respect des différents standards Report et résolution des différents bugs Des outils existent pour organiser le reporting des bugs Le client doit s’investir dans la phase de recette Prévoir la marge nécessaire aux corrections éventuelles Recetter : la phase finale
  • 48. Trac Recetter : la phase finale
  • 49. Etendre son offre, pensez mobilité
  • 50. Quelques chiffres Une révolution des usages Des technologies maîtrisées : smartphones, réseaux sociaux , 3G, Wifi Les forfaits Internet explosent : 19,4 millions d’actifs 3G en France en 2010 Plus de 3 milliards d’applications téléchargées sur l’App Store Taux de pénétration de l’Internet mobile en France en 2014 : 41% 300% de croissance prévue sur 2 ans sur le marché des applications
  • 51. Déterminez votre stratégie Posez-vous les bonnes questions Quelle est l’histoire à raconter ? Quel message à faire passer ? Quelle expérience offrir ? Quels objectifs ? A qui s’adresse-t-on ? Quelle est la finalité de la prise de parole ? Du mobile oui, mais pas n’importe comment
  • 52. Applications VS Site mobile Les applications sont reines Des dispositifs riches en média (son, vidéo, GPS, SMS …) Des opérations pérennes pour un usage quotidien (alertes…) Des accès sécurisés et/ou personnalisés De nombreuses contraintes à prendre en compte (compatibilité, temps de développement, validations des Stores…) Une expérience utilisateur incomparable
  • 53. Applications VS Site mobile Site mobile Idéal pour générer un contact rapide Une démocratisation des technologies (HTML 5 / JavaScript) U n accès direct sans passer par un Store = plus grande liberté L’utilisation des fonctionnalités des terminaux se simplifie Une compatibilité du parc mobile bien plus importante L’information partout et pour le plus grand nombre
  • 54. Conception : outils et best-practices L’ergonomie utilisateur avant tout Lisibité, simplicité d’accès et interface tactiles Règles de bonne conduite dictées par le W3C Guidelines Apple et Android disponibles en ligne Simulation en local pour vérifier la cohérence de l’ensemble La version mobile n’est pas une miniature du site Internet
  • 55. Des langages propriétaires L’ Objective-C, extension du C chez Apple Java C/C++ ou encore Go pour Android Des plateformes de développement telles que Titanium permettent le développement multi-plateformes (en JS) Apple a récemment permis l’export via Flash (AS3) Des langages compilés et complexes demandent une expertise Développement : Applications VS Site mobile
  • 56. Développement : Applications VS Site mobile Des technologies courantes Le web mobile est (relativement) simple à prendre en main HTML 5, CSS 3 et JavaScript simplifient le développement Sencha Touch ou jQuery Mobile offrent de nombreuses possibilités (géolocalisation, ajax, interfaces, animations) Des modules permettent de générer des pages mobiles pour la plupart des CMS Faites tester vos applications sur les différents terminaux
  • 57. Les differents supports par l’ exemple
  • 58. Promouvoir un site Internet
  • 59. Adopter une démarche structurée et cohérente
  • 60. Adopter une démarche structurée et cohérente Vous devez élaborer une stratégie de communication Celle-ci répond à des besoins spécifiques et identifiés Qui est ma cible ? Où se trouve-t-elle ? Quels sont les objectifs ? Quels leviers vont être actionnés ? Que font mes concurrents ? Agir de manière organisée, réfléchie et efficace
  • 61. Adopter une démarche structurée et cohérente Différents leviers peuvent servir votre stratégie Il est nécessaire d’intégrer les leviers classiques : média, RP, événementiel Sur Internet, de nombreux leviers existent : Blog Newsletter Medias sociaux … Ils doivent rester à l’esprit dès la conception Délivrer le message au bon moment, à la bonne personne
  • 62. Adopter une démarche structurée et cohérente Quelques conseils pour batir une stratégie efficace Faites vivre une véritable expérience à l’internaute Faites le premier pas vers votre cible Il n’est plus question de « crier le plus fort possible » mais plutôt de « faire parler de soi » le plus (et le mieux) possible Un « consommateur » transformé en « ambassadeur » est une arme de communication redoutable Le champs des possible ouvert à vous est immense
  • 63. Adopter une démarche structurée et cohérente Problématique Besoins Actions Optimisations Objectifs Mesure/Analyse
  • 64. Votre présence sur les médias sociaux Quelque soit le réseau, la démarche est similaire Vous devez oublier le marketing traditionnel, souvent unidirectionnel Les réseaux sociaux exigent une démarche «  conversationnelle  » Soyez humains, transparents et ouverts Etre à l’écoute Engager les discussions et intéragissez avec les autres Animer votre communauté de manière régulière Oubliez vos cours de marketing traditionnel, pensez « conversation »
  • 65. Votre présence sur les médias sociaux Comment réagir en cas de problème ? Ne pas s ’énerver et devenir agressif Ne pas se cacher ou se taire Écouter et suivre les discussions Admettre les faits, remettre en contexte, agir en conséquence Garder un visage et un langage humain, pas de «blabla» juridique Mobiliser ses influents internes/externes Un bad buzz bien géré peut devenir bénéfique
  • 66. Cas d’école Le cas Nestlé Demande de retrait de la vidéo sur Youtube Tentative de censure des réactions des «fans» Facebook Autoritarisme, mépris et absence
  • 69. Facebook Les avantages + de 600 millions d ’utilisateurs dans le monde / 20M en France Les utilisateurs passent un peu moins de 6h par mois sur Facebook ! Des «fans» inscrits volontairement à une page Centralisation des discussions autour d ’une marque, qu’elles soient bonnes ou mauvaises Communiquer facilement et à moindre coût Rien ne sert d’être sur Facebook juste pour faire comme les concurrents
  • 70. Facebook Les bonnes pratiques pour sa page fan Créer une page fan plutôt qu ’un groupe Personnaliser sa page (photo de profil, onglet personnalisé, landing page...) Ne pas bloquer les contributions des utilisateurs Animer la page régulièrement (mais pas plus de 2 messages par jour) Interpeler et intéragir avec les fans Définir une URL facilement accessible (ex : facebook.com/synerghetic.je) Entretenir une relation à dimension humaine
  • 71. Facebook Démarquez-vous avec des opérations originales ! Gifts Coca Cola “Ma nuit de rêve” par Ikea Retrouvez de nombreuses campagnes Facebook sur Facebook Studio
  • 73. Twitter Twitter, c ’est quoi ? C ’est comme un article de blog sauf que vous n’avez que 140 caractères C ’est comme une mise à jour de statut Facebook sauf que c’est visible sur une infinité de supports C ’est comme un grand t’chat sauf que vous choisissez qui vous voulez suivre C ’est comme un client de messagerie instantanée sauf que c’est public et archivé sur le web Un outil de communication temps réel, simple et puissant
  • 74. Twitter Communiquer en temps réel Les avantages Une progression exponentielle (460 000 nouveaux utilisateurs par jour) Une analyse en temps réel des pensées et perceptions de prospects potentiels Un moteur de recherche en temps réel Un potentiel de viralisation très important Améliorer son référencement naturel (tweets indexés quasi-instantanément dans les moteurs de recherche)
  • 75. Twitter Sur Twitter, l’échange prime sur la promotion individuelle Les bonnes pratiques sur Twitter Personnaliser son compte (background et informations) en reprenant la charte graphique de la marque Définir une ligne éditoriale Suivre les influents du domaine et ceux qui parlent de vous Alterner contenus pros et discussions plus informelles Publier par vagues discontinues (5 tweets par jour maximum)
  • 76. Twitter Quelques utilisations originales de Twitter Le CV Twitter “L’aventure dont je suis le héros” sur Twitter
  • 78. Plateformes photos et vidéos Diffusez vos contenus multimédias Utiliser les plateformes comme Flickr pour les photos Utiliser YouTube, Dailymotion ou Vimeo pour les vidéos Bénéficier d’une nouvelle source de trafic Augmenter sa visibilité et améliorer son référencement Toucher une autre typologie de votre cible Une photo ou une vidéo est souvent plus parlante qu’un pavé de texte
  • 79. Plateformes photos et vidéos Les bonnes pratiques Personnaliser vos comptes autant que possible Organiser et trier vos contenus Attribuer des titres explicites et clairs Ajouter des tags Le visuel permet de développer une certaine proximité avec votre cible
  • 80. Blog
  • 81. Blog Du contenu de qualité, régulièrement Se positionner en tant qu’ expert sur son domaine Création d’une communauté de lecteurs réguliers Diffusion des billets via différentes plateformes (RSS, Facebook, Twitter …) Permet d’améliorer significativement son référencement naturel Le blog est la vitrine dynamique d’une structure
  • 82. Blog Les bonnes pratiques Définir un planning de publication Tenir un rythme de publication Être rigoureux sur la mise en page et l’orthographe Relayer ne suffit pas Apporter son point de vue/analyse sur des sujets d’actualité Partager votre expertise, c’est la valoriser auprès de tous
  • 84. Newsletter Du trafic qualifié à moindre coût Les avantages Facilité d ’inscription et d’utilisation : une adresse e-mail suffit Fidéliser ses utilisateurs Possibilité de personnaliser le contenu en fonction de l ’utilisateur Des outils permettent d ’obtenir des statistiques précises (taux d’ouverture, liens les plus cliqués, etc) Un moyen supplémentaire d ’augmenter le trafic vers son site internet
  • 85. Newsletter Les bonnes pratiques Faliciter l’inscription à la newsletter (récompense lors de l’inscription, etc) Automatiser son envoi pour un gain de productivité Personnaliser autant que faire se peut Elaborer une mise en page visuellement agréable Être pragmatique dans le sujet de mail des newsletters Une newsletter ne peut être entièrement remplacée par les médias sociaux
  • 87. Géolocalisation Suivre les dernières tendances et les expérimenter Les avantages Utiliser des systèmes qui sont dans l’ère du temps (Foursquare, Facebook Places, etc) Se référencer sur de nouvelles plateformes Exploiter un nouveau levier pour faire connaitre sa structure
  • 88. Géolocalisation Les bonnes pratiques Remplissez correctement toutes les informations de vos profils Agrémenter vos profils (photos sur Foursquare par exemple) Proposer des offres spéciales, notamment avec Foursquare Un nouveau moyen de promouvoir sa structure
  • 89. Géolocalisation Êtes-vous simplement présent sur Google Maps ?
  • 91. Mesurer et analyser Mesurer et analyser vos actions de communication Fixer des KPI (Key Performance Indicator) pour chaque levier Faites un suivi périodique Analyser et interpréter ces données Pour quelle finalité ? Suivre son évolution Optimiser ses actions de communication ! Mesurer pour se donner la possibilité de faire toujours mieux
  • 92. Pour récapituler Ce qu’il faut que vous gardiez à l’esprit Elaborez une stratégie centrée autour de votre cible L’ensemble de vos actions doivent être cohérentes vis-à-vis de votre stratégie Faites vivre une expérience unique aux internautes Soyez créatif et original Chaque support possède ses propres spécificités, votre stratégie aussi Mesurer et analyser ses actions pour les optimiser
  • 93. Ressources Développement mobile http://www.appcelerator.com/ http://jquerymobile.com/ http://developer.android.com/ http://developer.apple.com/ Plateforme de blogging : http://wordpress.org/ https://www.blogger.com/ http://www.feedburner.com/ Outils d ’e-mailing : Campaign Monitor MailChimp Outils de monitoring : Twitter Search Tweetscan Tweetdeck et Seesmic
  • 94. Ressources Facebook Inside Facebook.com Mashable (Facebook Guidebook) Involver (Personnalisation page fan) Grid System http://960.gs http://www.thegridsystem.org Design http://www.kuler.com http://www.colourlovers.com Conception d’interface mobile Développement Alsa Créations (Tutos XHTML, CSS...) Fran6art (Tutos intégration Wordpress)
  • 95. Lectures conseillées Ergonomie Web Amélie Boucher http://www.ergolab.net The Smashing Book Smashing Magazine http://www.smashingmagazine.com Internet Marketing 2011 Julia Jouffro, Martin Tissier & Guillaume Ber
  • 96. Sources On les remercie beaucoup : Vanksen pour le partage de toutes leurs présentations http://www.slideshare.net/culturebuzz/agence-vanksen-digitalviraladvertising-confrence-buzzthebrand-2009 http://www.slideshare.net/Vanksen/bien-grer-sa-rputation-en-ligne http://www.slideshare.net/gregfromparis/bien-gerer-son-ereputation http://www.slideshare.net/Vanksen/twitter-prsentation-complte-de-lessentiel-1903868 ReadWriteWeb pour leur excellent article http://fr.readwriteweb.com/2010/03/30/a-la-une/greenpeace-nestl-sur-facebook-lart-de-guerre/ HETIC
  • 97. Merci de votre attention Des questions ?
  • 98. Do it yourself ! Regardons votre communication de plus près ! Des personnes sont à votre disposition Auditer, analyser et vous conseiller Assez parlé de nous, parlons un peu de vous !
  • 99. On reste en contact ? twitter.com/synerghetic facebook.com/synerghetic.je blog.synerghetic.net/ [email_address]

Notes de l'éditeur

  1. Mettre à jour graphique -> Chiffres ?
  2. Mettre à jour ? -> une libanaise à paris -> Application FB -> jeeves
  3. Mettre à jour ?
  4. Chercher des chiffres : Conseil multimédia Site Mobile Audiovisuel … Données : 37,8 % des internautes vont sur les RS soit taux de pénétration de 84,7% (décembre 2010) Facebook : 20,3 millions de comptes actifs Facebook : 1,5 millions d’entreprises sont présentes en 2010 55 min / jour pour FB (2010) Twitter : 225 000 LinkedIn : 1 million Viadeo : 4 millions.
  5. Mettre à jour les noms
  6. I –Créer son site internet Adopter une démarche réfléchie -> Objectifs, cibles, concurrence, équipe type -Concevoir : la phase de réflexion ->Graphisme, Ergonomie et hiérarchisation de l’information, Référencement -Réaliser : la phase concrète -> dev, plateformes (CMS, Framework) Recetter : la phase finale -Etendre son offre, pensez mobilité -> Chiffres, Stratégie, Site VS application, Supports Communication 360° ? II – Leviers de communication Adopter une démarche structurée et cohérente –> ne pas être sur les réseaux, pour être sur les réseaux -> Stratégie de communication globale (on/off line) - Actionner les leviers -Facebook -Twitter Newsletter Blog - Boite à outils -Flickr -… Etudier les résultats et s’adapter III – Do it your self
  7. SWOT
  8. On vient de voir l’utilité = capter l’internaute. Maintenant nous allons passer à la partie utilisabilité, c’est-à-dire que l’internaute reste sur le vite grace à une interface simple et bien conçue = une interface ergonomique
  9. Possibilité de faire des tests par tri de cartes afin de connaitre les regroupements paraissant logiques à nos internautes. Sans ces tests, il faut réaliser des regroupements logiques. Le sens de vos regroupements est d’autant plus important du point de vue de l’utilisateur que ce dernier s’arrête très tôt dans le processus de lecture des titres de rubriques. En effet, il s’attend à trouver la catégorie à un endroit particulier car ça lui parait logique. S’il ne la trouve pas, il ne cherchera pas plus. Vous devez mettre en avant les pages ou fonctionnalités les plus recherchées par vos internautes afin de créer un parcours fluide et facile pour l’utilisateur. => Voir si présence exemple nespresso (94)
  10. Après avoir organisé le parcours des internautes dans votre site web, vous devez passer à un travail sur l’organisation visuelle des éléments à l’écran. A savoir : réaliser un site web ergonomique reste du domaine de l’utopie. Mais quelques conseils sont à suivre pour prétendre son site ergonomique
  11. Objectif 1 : Efficacité Un utilisateur doit réussir à faire ce qu’il veut faire. Implique les notions d’aisance d’utilisation et de facilité d’apprentissage. Critère le plus important pour satisfaire les utilisateurs des sites grand public, mais aussi séduire de nouveaux utilisateurs. Objectif 2 : Efficience L’utilisateur doit réussir à accomplir ses objectifs, mais il doit le faire rapidement et avec le moins d’erreurs possibles. Cet objectif est très important dans le cadre d’applications spécialisées ou dans des sites grand public que les utilisateurs sont amenés à visiter souvent voire très souvent, tels que Amazon, eBay… Une interface web doit tendre vers la double optimisation de l’efficacité et de l’efficience. Objectif 3 : Satisfaction des utilisateurs Un site internet est un support multi-fonctions, qui permet la réalisation de certaines tâches, mais qui intègre également des composantes esthétiques, marketing et plus largement de plaisir. Il faut donc faire en sorte que son utilisateur se plaise sur notre site, y reste un certain temps en naviguant au gré de ses rencontres. Puis revienne. Retour sur investissement, par exemple : refonte des sites d’IBM en 1999 : une semaine après le lancement de la nouvelle version, les ventes augmentaient de 400 %.
  12. Rarement la totale… En fonction des types de sites Wireframes = storyboard = cinématiques
  13. On fixe une résolution d’écran. Souvent 1024 x 768 px mais on tend à aller vers du 1280 × 1024. Ce document met en avant les emplacements des différents éléments dans la page. Il s’agit de découper cette dernière en autant de zones que nécessaire. Vous choisissez alors l’emplacement de votre navigation, du slide show s’il y en a un, le nombre de blocs présents dans la colonne de droite…
  14. Une fois les positions des zones validées, on peut commencer à affiner les éléments. En réalité ce sont des maquettes en noir et blanc de préférence (car ce n’est pas du graphisme et il ne faut pas brider les graphistes) mais qui permettent de réfléchir aux aspects fonctionnels et ergonomiques des éléments qui rempliront les boites.
  15. Pour réaliser toutes ces interfaces, l’outils incontournable est le grid system.
  16. ATTENTION : lien mord Se fait en parrallele de l’ergonomie
  17. Loi de Hick-Hyman : Affirme qu’il est plus facile de décider parmi un nombre réduit d’éléments. Le temps de décision croît proportionnellement aux nombres d’éléments parmi lesquels faire un choix
  18. La création dépend de l’objectif du futur site : site de contenu, site pour enfants, site vitrine… Facilité la lisibilité avec de bon contraste de couleurs = on préconise d’utiliser un contraste positif, cad couleur sombre/couleur claire On peut jouer avec l’utilisation de graisses et taille de caractères : plus le caractères est grand et gras, moins il peut nécessiter de contraste
  19. Un texte en majuscule est lu 13 à 20% moins vite qu’un texte en minuscule. Les majuscules sont les caractères les plus appropriés pour facilité l’activité de recherche dans une page Les minuscules sont recommandés pour la lecture des textes L’ensemble des typos est utilisable : libre de droit. Grace au CSS3 (fontface). Sur un site on lit que 30% d’une page.
  20. On s’attarde sur google car c’est 90% du marché.
  21. Liens entrants : Plus une page est la cible de liens en rapport avec son contenu, plus elle a de poids, plus elle remonte dans les résultats de recherche
  22. Se placer dans les 3 meilleurs.
  23. Compléter cette partie -> Ne pas entrer en conflit avec les spécifications techniques et le choix de la solution Julien: évolution du slide
  24. Compléter cette partie -> Ne pas entrer en conflit avec les spécifications techniques et le choix de la solution
  25. Enlever joomla Ajouter magento Ezpublish ? Apuis sur le choix de la solution technique Ajout CMS vs Framework Fait partie de la technique
  26. Pertinence ici ?
  27. Trouver des chiffres sur l’importance d’une bonne recette Nous recommandons : 30% de la production
  28. Ajouter redmine
  29. Ajouter le taux de pénétration internet mobile 2010 pour pouvoir comparer
  30. Démonstration d’une marque utilisant un site web + site mobile + tablette + application
  31. Plus sous forme de liens vers des outils ?
  32. Plus sous forme de liens vers des outils ?
  33. Plus sous forme de liens vers des outils ?
  34. Plus sous forme de liens vers des outils ?
  35. - Augmentation de la base de données mail -> plus de cible à fidéliser
  36. Plus sous forme de liens vers des outils ?
  37. - Augmentation de la base de données mail -> plus de cible à fidéliser
  38. Plus sous forme de liens vers des outils ?
  39. Plus sous forme de liens vers des outils ?
  40. Plus sous forme de liens vers des outils ?
  41. Plus sous forme de liens vers des outils ?
  42. Plus sous forme de liens vers des outils ?
  43. A revoir
  44. Plus sous forme de liens vers des outils ?
  45. Plus sous forme de liens vers des outils ?
  46. Ajouter le site