Successfully reported this slideshow.
MENER À BIEN UN PROJET WEB<br /><br />ATELIER #1<br />Présenté aux membres du Créneau d’excellence Textiles-techniques<br...
PLAN DE LA PRÉSENTATION<br /><br />CONTENU DE L’ATELIER<br />Introduction<br />LES ÉTAPES DU PROJET:<br />Équipe et gouve...
INTRODUCTION	<br /><br />RAPPEL DES OBJECTIFS DE L’ATELIER<br />Le but de cet atelier est de vous donner les outils et le...
Recrutementd’uneéquipe
Choixtechnologiques
Recrutement des fournisseurs</li></ul>Atelier 3: Utiliser les réseaux sociaux avec succès <br />Atelier 4: Collaboration 2...
SITES & PRÉSENCE WEB	<br /><br />RAPPEL FAITS ET STATISTIQUES<br />65% <br />FAITS SAILLANTS<br /><ul><li>Le Web devient ...
On n’a pas une deuxième chance de faire une première impression
Les 25-35 accèdent rapidement à des rôles d’acheteurs corporatifs et utilisent le Web en premier</li></ul>DES ENTREPRISES ...
LES PHASES D’UN PROJET TYPIQUE<br /><br />DE L’IDÉE À LA LIVRAISON<br />ÉQUIPE ET GOUVERNANCE<br />1<br />2<br />PLANIFIC...
ÉQUIPE ET GOUVERNANCE<br />1<br />LES BONNES PERSONNES, LES BONNES IDÉES<br />
ÉQUIPE ET GOUVERNANCE<br />1<br />RECRUTER UNE ÉQUIPE GAGNANTE<br />RECRUTER UNE ÉQUIPE PLURIDISCIPLINAIRE<br /><ul><li>Un...
Les fonctions de l’entreprise touchées:
Marketing & Communication
Ventes
Opérations et logistique
Ressources humaines
Finances et comptabilité</li></li></ul><li>ÉQUIPE ET GOUVERNANCE<br />1<br />RECRUTER UNE ÉQUIPE GAGNANTE<br />ÉTABLIR LA ...
PLANIFICATION STRATÉGIQUE<br />2<br />OBJECTIFS, BESOINS, PRIORITÉS<br />
PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br />2.1 – RECUEILLIR L’INFORMATION<br /><ul><li>Pro...
Ce qui fonctionne bien
Ce qui ne fonctionne pas
Ce qui manque:
Sections
Contenu
Fonctionnalités
Sources d’information:
Départements de l’entreprise
Clients, fournisseurs, partenaires
Analytics, logs serveurs, etc.</li></li></ul><li>PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br ...
Papier / en ligne
Entrevues  personnelles (en personne / téléphone)
Focus groupes
Benchmarking
Données d’analytiques:
Google Analytics
Activité serveurs (performances, uptime, etc.)</li></ul>TRUC DU MÉTIER<br />5 MÉTHODES POUR RECUEILLIR DE L’INFORMATION<br />
PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br />EXEMPLE DE QUESTIONS DE SONDAGE CLIENT<br />TRU...
PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br />2.2 - TRADUIRE PROBLÈMES ET OPPORTUNITÉS EN BES...
PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br />2.3 – LISTER ET PRIORISER LES BESOINS<br /><ul>...
Présentation de l’entreprise
Contexte et mission du projet
Les objectifs du projet
Le comité de projet
La liste des besoins
Calendrier
Budget
Indicateurs de succès</li></ul>Un bon cahier des charges permet de:<br /><ul><li>Maintenir le focus
Estimer le travail et sa complexité
Obtenir un meilleur prix</li></ul>TRUC DU MÉTIER<br />
PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br />2.5 – CONTINUER SEUL OU ALLER CHERCHER DE L’AID...
RECRUTER UN FOURNISSEUR POUR LA PHASE D’ANALYSE</li></li></ul><li>PLANIFICATION STRATÉGIQUE<br />2<br />PRÉPARATION À LA P...
Toutes les fonctions de l’entreprise ont été consultées
Les objectifs sont majoritairement quantifiables
Le comité de projet a validé les objectifs
Le cahier des charges est à jour et approuvé
La haute direction a validé le projet</li></li></ul><li>PLANIFICATION STRATÉGIQUE<br />2<br />METTONS EN PRATIQUE<br />EXE...
STRUCTURE ET FONCTIONNALITÉS <br />3<br />STRUCTURE, FONCTIONNALITÉS, PROTOTYPES<br />
Prochain SlideShare
Chargement dans…5
×

Atelier 1 gérer un projet de refonte web - décembre

1 861 vues

Publié le

Publié dans : Business
  • Soyez le premier à commenter

Atelier 1 gérer un projet de refonte web - décembre

  1. 1. MENER À BIEN UN PROJET WEB<br /><br />ATELIER #1<br />Présenté aux membres du Créneau d’excellence Textiles-techniques<br />Drummondville – 2 décembre 2010<br />
  2. 2. PLAN DE LA PRÉSENTATION<br /><br />CONTENU DE L’ATELIER<br />Introduction<br />LES ÉTAPES DU PROJET:<br />Équipe et gouvernance<br />Stratégie et définition des besoins<br />Analyse et scénarisation<br />Direction artistique et design<br />Développement et intégration<br />Lancement et maintenance<br />MESURER LE SUCCÈS<br />
  3. 3. INTRODUCTION <br /><br />RAPPEL DES OBJECTIFS DE L’ATELIER<br />Le but de cet atelier est de vous donner les outils et les connaissances nécessaires pour lancer avec succès un projet Web.<br />Un rappel du programme<br />Conférence « Tendances clé du Web en entreprise en 2010 »<br />Atelier 1: Gérer un projet de site Web<br />Atelier 2: E-commerce: faire le grand saut<br /><ul><li>Phases d’un projet
  4. 4. Recrutementd’uneéquipe
  5. 5. Choixtechnologiques
  6. 6. Recrutement des fournisseurs</li></ul>Atelier 3: Utiliser les réseaux sociaux avec succès <br />Atelier 4: Collaboration 2.0<br />Atelier 5: Moderniser son marketing grâce au Web<br />Coaching en entreprise et consultation<br />
  7. 7. SITES & PRÉSENCE WEB <br /><br />RAPPEL FAITS ET STATISTIQUES<br />65% <br />FAITS SAILLANTS<br /><ul><li>Le Web devient le premier point de contact avec votre entreprise
  8. 8. On n’a pas une deuxième chance de faire une première impression
  9. 9. Les 25-35 accèdent rapidement à des rôles d’acheteurs corporatifs et utilisent le Web en premier</li></ul>DES ENTREPRISES QUÉBÉCOISES ONT UN OU DES SITES WEB<br />90% <br />DES ENTREPRISES QUÉBÉCOISESSONT BRANCHÉES À INTERNET<br />46% <br />FONT DE LA RECHERCHE DE CLIENTS, FOURNISSEURS ET COMPÉTITEURS EN LIGNE AVANT TOUT AUTRE ENDROIT<br />
  10. 10. LES PHASES D’UN PROJET TYPIQUE<br /><br />DE L’IDÉE À LA LIVRAISON<br />ÉQUIPE ET GOUVERNANCE<br />1<br />2<br />PLANIFICATION STRATÉGIQUE<br />STRUCTURE ET FONCTIONNALITÉS<br />3<br />4<br />DESIGN ET INTERFACES GRAPHIQUES<br />DÉVELOPPEMENT ET INTÉGRATION<br />5<br />LANCEMENT ET MAINTENANCE<br />6<br />
  11. 11. ÉQUIPE ET GOUVERNANCE<br />1<br />LES BONNES PERSONNES, LES BONNES IDÉES<br />
  12. 12. ÉQUIPE ET GOUVERNANCE<br />1<br />RECRUTER UNE ÉQUIPE GAGNANTE<br />RECRUTER UNE ÉQUIPE PLURIDISCIPLINAIRE<br /><ul><li>Une équipe riche est garante de succès
  13. 13. Les fonctions de l’entreprise touchées:
  14. 14. Marketing & Communication
  15. 15. Ventes
  16. 16. Opérations et logistique
  17. 17. Ressources humaines
  18. 18. Finances et comptabilité</li></li></ul><li>ÉQUIPE ET GOUVERNANCE<br />1<br />RECRUTER UNE ÉQUIPE GAGNANTE<br />ÉTABLIR LA GOUVERNANCE ET LES RESPONSABILITÉS<br />Comité de projet<br />
  19. 19. PLANIFICATION STRATÉGIQUE<br />2<br />OBJECTIFS, BESOINS, PRIORITÉS<br />
  20. 20. PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br />2.1 – RECUEILLIR L’INFORMATION<br /><ul><li>Problématiques et besoins:
  21. 21. Ce qui fonctionne bien
  22. 22. Ce qui ne fonctionne pas
  23. 23. Ce qui manque:
  24. 24. Sections
  25. 25. Contenu
  26. 26. Fonctionnalités
  27. 27. Sources d’information:
  28. 28. Départements de l’entreprise
  29. 29. Clients, fournisseurs, partenaires
  30. 30. Analytics, logs serveurs, etc.</li></li></ul><li>PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br /><ul><li>Questionnaires et sondages:
  31. 31. Papier / en ligne
  32. 32. Entrevues personnelles (en personne / téléphone)
  33. 33. Focus groupes
  34. 34. Benchmarking
  35. 35. Données d’analytiques:
  36. 36. Google Analytics
  37. 37. Activité serveurs (performances, uptime, etc.)</li></ul>TRUC DU MÉTIER<br />5 MÉTHODES POUR RECUEILLIR DE L’INFORMATION<br />
  38. 38. PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br />EXEMPLE DE QUESTIONS DE SONDAGE CLIENT<br />TRUC DU MÉTIER<br />Appréciation du site actuel:<br />(Sur 5) Le design du site est attrayant<br />(Sur 5) Le site représente bien l’entreprise à qui il appartient<br />(Sur 5) Je trouve facilement les informations que je recherche sur le site<br />Information désirée:<br />Quelles informations venez-vous chercher lorsque vous visitez le site?<br />Sous quel format voudriez-vous trouver cette information (PDF, Excel, HTML, Word)?<br />Quels documents avez-vous téléchargés sur notre site au cours du dernier mois?<br />Fonctionnalités désirées:<br />Quels outils aimeriez-vous retrouver sur le nouveau site?<br />Quelles fonctions du site utilisez-vous actuellement? Les appréciez-vous?<br />
  39. 39. PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br />2.2 - TRADUIRE PROBLÈMES ET OPPORTUNITÉS EN BESOINS<br />
  40. 40. PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br />2.3 – LISTER ET PRIORISER LES BESOINS<br /><ul><li>SOYEZ DURS ET RÉALISTES!</li></li></ul><li>PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br />2.4 – RÉDIGER UN BREF OU UN CAHIER DES CHARGES (Objectifs)<br /><ul><li>Contenu du cahier des charges:
  41. 41. Présentation de l’entreprise
  42. 42. Contexte et mission du projet
  43. 43. Les objectifs du projet
  44. 44. Le comité de projet
  45. 45. La liste des besoins
  46. 46. Calendrier
  47. 47. Budget
  48. 48. Indicateurs de succès</li></ul>Un bon cahier des charges permet de:<br /><ul><li>Maintenir le focus
  49. 49. Estimer le travail et sa complexité
  50. 50. Obtenir un meilleur prix</li></ul>TRUC DU MÉTIER<br />
  51. 51. PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br />2.5 – CONTINUER SEUL OU ALLER CHERCHER DE L’AIDE?<br />2 VOIES POSSIBLES<br /><ul><li>CONTINUER SEUL (OU AVEC UN CONSULTANT)
  52. 52. RECRUTER UN FOURNISSEUR POUR LA PHASE D’ANALYSE</li></li></ul><li>PLANIFICATION STRATÉGIQUE<br />2<br />PRÉPARATION À LA PROCHAINE ÉTAPE<br />CHECKLIST<br /><ul><li>Le feedback des clients a été pris en compte
  53. 53. Toutes les fonctions de l’entreprise ont été consultées
  54. 54. Les objectifs sont majoritairement quantifiables
  55. 55. Le comité de projet a validé les objectifs
  56. 56. Le cahier des charges est à jour et approuvé
  57. 57. La haute direction a validé le projet</li></li></ul><li>PLANIFICATION STRATÉGIQUE<br />2<br />METTONS EN PRATIQUE<br />EXERCICES<br />Listez 5 problèmes avec votre site actuel<br />Listez 5 besoins que des clients potentiels pourraient avoir<br />Listez 5 objectifs que des clients actuels ont lorsqu’ils visitent votre site<br />Identifiez 5 compétiteurs avec lesquels vous pourrez comparer votre site actuel et votre nouveau site<br />Dressez une liste des clients qu’il serait idéal de sonder ou d’inviter à un focus groupe<br />
  58. 58. STRUCTURE ET FONCTIONNALITÉS <br />3<br />STRUCTURE, FONCTIONNALITÉS, PROTOTYPES<br />
  59. 59. ANALYSE ET SCÉNARISATION<br />3<br />DÉFINIR LA LISTE DES FONCTIONNALITÉS<br />3.1 – ÉTABLIR LA LISTE DES FONCTIONNALITÉS DU SITE<br /><ul><li>Pour décrire le fonctionnement du site:
  60. 60. Objectifs = Le QUOI
  61. 61. Fonctionnalités = Le COMMENT
  62. 62. Il faut décrire avec précision ce que le site doit faire:
  63. 63. Sections et pages
  64. 64. Fonctions
  65. 65. Contenu</li></li></ul><li>ANALYSE ET SCÉNARISATION<br />3<br />DÉFINIR LA LISTE DES FONCTIONNALITÉS<br />3.1 – ÉTABLIR LA LISTE DES FONCTIONNALITÉS DU SITE<br />
  66. 66. ANALYSE ET SCÉNARISATION<br />3<br />DÉFINIR LA LISTE DES FONCTIONNALITÉS<br />UN OUTIL UTILE: LES PERSONAES<br /><ul><li>Descriptions des différents utilisateurs du site:
  67. 67. Catégorie, âge, sexe, éducation, entreprise, buts, objectifs, rôles, motivateurs, expérience d’utilisation, système d’opération, fureteur, etc.</li></ul>Exemple de personae:<br />[Client potentiel] Denise est une femme de 45 ans vivant à Longueuil. Bien qu’elle ait obtenu un diplôme universitaire en criminologie, elle travaille comme guide touristique. Récemment, elle s’est mise à se poser des questions sur l’arrivée de sa ménopause et tente de s’informer à ce sujet. Elle accède très régulièrement au Web de chez elle, sur son PC sous Windows 7.<br />TRUC DU MÉTIER<br />
  68. 68. ANALYSE ET SCÉNARISATION<br />3<br />DÉFINIR LA LISTE DES FONCTIONNALITÉS<br />3.2 – SCÉNARIOS D’UTILISATION (use cases)<br />
  69. 69. ANALYSE ET SCÉNARISATION<br />3<br />DÉFINIR LA STRUCTURE DU SITE<br />3.3 – CARTE DU SITE (sitemapping)<br /><ul><li>Présente toutes les pages incluses dans le site:
  70. 70. Leur type et leur catégorie
  71. 71. Une indication de leur contenu
  72. 72. Les liens entre les différentes pages
  73. 73. Différents outils:
  74. 74. MS Visio
  75. 75. MS Powerpoint
  76. 76. Omnigraffe (Mac)</li></ul>Accueil<br />Nos Produits<br />L’entreprise<br />Carrières<br />Pages produits<br />Pages produits<br />Commander Catalogue<br />Application<br />
  77. 77. ANALYSE ET SCÉNARISATION<br />3<br />DÉFINIR LA STRUCTURE DU SITE<br />Une bonne carte du site est un outil de communication très efficace au sein d’une équipe.<br />
  78. 78. ANALYSE ET SCÉNARISATION<br />3<br />DÉFINIR LA STRUCTURE DU SITE<br />3.3 – STRUCTURELS (WIREFRAMES)<br /><ul><li>Représentation graphique de la structure des pages du site:
  79. 79. Modules de contenu
  80. 80. Zones de texte
  81. 81. Positionnement des composantes
  82. 82. À ce stade, le contenu texte n’est pas final
  83. 83. Les diagrammes servent de base au designer
  84. 84. Il est possible de créer des prototypesutilisables!
  85. 85. Différents outils:
  86. 86. MS Visio
  87. 87. Axure RP
  88. 88. Omnigraffe</li></ul>TRUC DU MÉTIER<br />
  89. 89. ANALYSE ET SCÉNARISATION<br />3<br />DÉFINIR LA STRUCTURE DU SITE<br />Créer un prototype:<br /><ul><li>Navigable en HTML
  90. 90. Permet de:
  91. 91. Clarifier le fonctionnement du site
  92. 92. Tester le site
  93. 93. Obtenir du feeback
  94. 94. Présenter aux patrons</li></ul>TRUC DU MÉTIER<br />
  95. 95. ANALYSE ET SCÉNARISATION<br />3<br />PRÉPARATION À LA PROCHAINE ÉTAPE<br />CHECKLIST<br /><ul><li>Les personaes ont été créées et validées
  96. 96. Les scénarios d’utilisation ont été créés et validés
  97. 97. La carte du site a été crées et validées
  98. 98. Les diagrammes (wireframes) du site ont été complétés pour toutes les pages
  99. 99. Un prototype complet du site a été testé et approuvé
  100. 100. Le cahier des charges est à jour et approuvé (ajout des personaes, scénarios et diagrammes)
  101. 101. La haute direction a validé le prototype</li></li></ul><li>ANALYSE ET SCÉNARISATION<br />3<br />METTONS EN PRATIQUE<br />EXERCICES<br />Lister et décrire 5 des plus importantes fonctionnalités de votre site<br />Recréer la carte de votre site actuel<br />Corriger la carte actuelle:<br /><ul><li>Retirer les pages et sections inutiles
  102. 102. Ajouter les nouvelles pages et fonctionnalités</li></ul>Dessiner le diagramme de votre page d’accueil idéale<br />
  103. 103. DESIGN ET INTERFACES GRAPHIQUES<br />4<br />DONNER VIE À VOTRE NOUVEAU SITE<br />
  104. 104. DIRECTION ARTISTIQUE ET DESIGN<br />4<br />RECRUTEMENT DU DESIGNER<br />4.1 – RECRUTER SON DESIGNER <br />(Ou s’assurer de la compétence de son fournisseur généraliste)<br />5 points à évaluer:<br /><ul><li>Qualité et compatibilité du travail passé (portfolio)
  105. 105. Diversité du travail effectué pour d’autres clients
  106. 106. Disponibilité et professionnalisme du designer / de l’entreprise
  107. 107. Compréhension des notions d’ergonomie et d’accessibilité
  108. 108. Notions de base de SEO (contenu Flash™ VS HTML)</li></ul>RÉFÉRENCES! RÉFÉRENCES! RÉFÉRENCES!<br />
  109. 109. DIRECTION ARTISTIQUE ET DESIGN<br />4<br />DÉVELOPPEMENT DU CONCEPT<br />4.2 – BIEN BRIEFER SON DESIGNER<br />Briefer sur le « style » sans bagage en design:<br /><ul><li>Revue du site actuel
  110. 110. Sites concurrents pertinents
  111. 111. Sites au look intéressant
  112. 112. Matériel inspirant</li></ul>Et…<br /><ul><li>Sites de gabarits Web (www.templatemonster.com)</li></ul>Les éléments d’un bon brief:<br /><ul><li>Description de l’entreprise
  113. 113. L’audience cible
  114. 114. Les objectifs du projet
  115. 115. Les fonctionnalités, wireframes
  116. 116. Indicateurs de succès
  117. 117. Format, style
  118. 118. Budget</li></ul>TRUC DU MÉTIER<br />
  119. 119. DIRECTION ARTISTIQUE ET DESIGN<br />4<br />DÉVELOPPEMENT DU CONCEPT<br />4.3 – DÉVELOPPEMENT DU CONCEPT (Direction artistique)<br />Gardez à l’esprit:<br /><ul><li>L’image de marque
  120. 120. Les wireframes
  121. 121. Le guide de style actuel
  122. 122. Pas de rebranding!</li></li></ul><li>DIRECTION ARTISTIQUE ET DESIGN<br />4<br />DÉVELOPPEMENT DU CONCEPT<br />4.3 – DÉVELOPPEMENT DU CONCEPT <br />Un bon designer saura élaborer sur les wireframes et livrer un design de qualité et créatif qui en respectera l’essence.<br />
  123. 123. DIRECTION ARTISTIQUE ET DESIGN<br />4<br />CRÉATION DES GABARITS DE PAGES<br />4.4 – DÉCLINAISON DU CONCEPT SUR TOUTES LES PAGES<br />
  124. 124. DIRECTION ARTISTIQUE ET DESIGN<br />4<br />CRÉATION DU GUIDE DE NORMES<br />4.5 – DÉVELOPPER LE GUIDE DE NORMES GRAPHIQUES <br />Définit les normes graphiques du site<br /><ul><li>Couleurs
  125. 125. Fontes / typographie
  126. 126. H1, H2, liens, italique, gras
  127. 127. Grille (espacements, positionnement, etc)
  128. 128. Favicons (16x16, 32x32)
  129. 129. Images et photos (format, taille, rognage)</li></li></ul><li>DIRECTION ARTISTIQUE ET DESIGN<br />4<br />ASSURANCE QUALITÉ DU DESIGN<br />4.6 – ASSURER LA QUALITÉ DE VOTRE DESIGN<br />Évaluer la qualité à différents aspects:<br /><ul><li>Qualité du design graphique
  130. 130. Respect de la marque
  131. 131. Ergonomie
  132. 132. Accessibilité
  133. 133. Compatibilité fureteurs
  134. 134. Indexabilité (SEO)
  135. 135. Différents outils:
  136. 136. Tests sur versions imprimées
  137. 137. Analyses d’ergonomie/accessibilité
  138. 138. Focus groupes, sondage</li></ul>TRUC DU MÉTIER<br />
  139. 139. DIRECTION ARTISTIQUE ET DESIGN<br />4<br />LES PRINCIPES D’ERGONOMIE DE NIELSEN<br />LES 10 FACTEURS DE SUCCÈS EN ERGONOMIE DE JACOB NIELSEN<br />Visibilité du statut du site (que se passe-t-il?)<br />Refléter le monde réel (mêmes termes, mêmes fonctions)<br />Liberté de l’usager (aucun cul-de-sac, sorties d’urgence)<br />Constance et standards (fonctionnement constant)<br />Prévention des erreurs (réduire la confusion)<br />Reconnaissance plus que rappel (fonctions claires)<br />Fléxible et efficace<br />Esthétique et minimaliste<br />Aide à réparer les erreurs<br />Documentation simple<br />
  140. 140. DIRECTION ARTISTIQUE ET DESIGN<br />4<br />L’ERGONOMIE D’UN SITE EN ACTION<br />CONFUS ET COMPLEXE<br />CLAIR ET EFFICACE<br />
  141. 141. DÉVELOPPEMENT ET INTÉGRATION<br />5<br />METTRE EN PLACE TOUTES LES PIÈCES DU JEU<br />
  142. 142. DÉVELOPPEMENT ET INTÉGRATION<br />5<br />RECRUTER LE BON PARTENAIRE<br />5.1 – RECRUTER UN BON DÉVELOPPEUR<br />5 points à évaluer:<br /><ul><li>Qualité et compatibilité du travail passé (portfolio)
  143. 143. Positionnement des sites développés sur les moteurs de recherche (SEO)
  144. 144. Qualité de l’intégration du design (alignements, tailles)
  145. 145. Performance des sites livrés
  146. 146. Technologies utilisées (surabondance)</li></ul>RÉFÉRENCES! RÉFÉRENCES! RÉFÉRENCES!<br />
  147. 147. DÉVELOPPEMENT ET INTÉGRATION<br />5<br />ÉTAPES DU DÉVELOPPEMENT<br />5.2 – DÉVELOPPEMENT & INTÉGRATION<br /><ul><li>Développement back-end:</li></ul>Intégration du CMS<br />Intégration des fonctionnalités avancées<br /><ul><li>Intégration des gabarits de pages:</li></ul>Slicing et optimisation des images<br />Intégration HTML<br />Développement des CSS<br />
  148. 148. DÉVELOPPEMENT ET INTÉGRATION<br />5<br />SYSTÈME DE GESTION DE CONTENU<br />5.3 – SÉLECTION DU CMS ET DE LA PLATE-FORME<br /><ul><li>5 traits d’un bon CMS:</li></ul>Simple et rapide à installer<br />Interface d’administration simple<br />Extensible <br />Manipulation simple des gabarits<br />Doc et communauté<br />Open-source<br />Joomla!<br />Drupal<br />DotNetNuke<br />Wordpress<br />SiteCore<br />
  149. 149. DÉVELOPPEMENT ET INTÉGRATION<br />5<br />JOOMLA – UN CMS SIMPLE ET PUISSANT<br />
  150. 150. DÉVELOPPEMENT ET INTÉGRATION<br />5<br />INTÉGRATION DU CONTENU AU CMS<br />5.5 – INTÉGRATION DU CONTENU<br /><ul><li>Chargement du contenu:</li></ul>Vérification de la qualité du contenu<br />Chargement des images<br />Chargement des textes<br />Embeddingdes vidéos<br />Pour accélérer l’intégration des textes, préparez des gabarits à partir de vos wireframes!<br />TRUC DU MÉTIER<br />
  151. 151. DÉVELOPPEMENT ET INTÉGRATION<br />5<br />ASSURANCE QUALITÉ DU SITE<br />5.6 – ASSURANCE QUALITÉ<br /><ul><li>Tests internes (par le développeur):
  152. 152. Affichage du contenu
  153. 153. Fonctionnement du CMS
  154. 154. Fonctionnement du processus de paiement
  155. 155. Intégration avec les autres systèmes
  156. 156. Tests client (UAT)
  157. 157. APPROBATION DU LANCEMENT</li></li></ul><li>LANCEMENT ET MAINTENANCE<br />6<br />LANCER FORT, RESTER EN SANTÉ<br />
  158. 158. LANCEMENT ET MAINTENANCE<br />6<br />PRÉPARER LE LANCEMENT DU SITE<br />6.1 – PRÉPARER LE LANCEMENT<br /><ul><li>Planifier la date du lancement:
  159. 159. Sélectionner la date avec soin
  160. 160. Éviter de lier le lancement avec d’autres événements:
  161. 161. Pour éviter les risques
  162. 162. Éviter de lancer un jeudi ou vendredi  attention au pointes!
  163. 163. Déployer le site quelques journées d’avance (soft launch):
  164. 164. Pour tester les performances du site
  165. 165. Permettre à des clients précis de tester le nouveau site
  166. 166. Pour se donner le temps de faire quelques correctifs</li></li></ul><li>LANCEMENT ET MAINTENANCE<br />6<br />FAIRE DU BRUIT – LANCER SON SITE<br />PUBLICISER LE LANCEMENT DE SON NOUVEAU SITE<br />Infolettres et marketing par courriel<br />Communiquésde presse<br />Réseauxsociaux(vous et vosemployés)<br />SITE<br />Bannières en ligne<br />Publicitétraditionnelle<br />Contacts directs<br />
  167. 167. LANCEMENT ET MAINTENANCE<br />6<br />PARÉ AU LANCEMENT!<br />6.2 – LANCER LE SITE!<br />GO<br /><ul><li>Contenu intégré à 100%?
  168. 168. Les performances du site sont bonnes?
  169. 169. Les tests sont concluants?
  170. 170. Les messages sont prêts à envoyer?</li></li></ul><li>LANCEMENT ET MAINTENANCE<br />6<br />MESURER LE SUCCÈS<br />6.3 – MESURER LE SUCCÈS<br /><ul><li>Indicateurs de performance (établis dans la phase stratégie!):
  171. 171. Nb de visiteurs / indicateurs de fréquentation
  172. 172. Nb de téléchargements de brochures
  173. 173. Nb d’appels au numéro 1-800
  174. 174. Positionnement sur les moteurs de recherche
  175. 175. Les outils:
  176. 176. Les outils d’analytics Google Analytics
  177. 177. Outils de CRM (appels, nouveaux leads entrés, etc.)
  178. 178. Outils de suivi des performances technologiques du site</li></ul> Google Webmasters Tools<br />
  179. 179. LANCEMENT ET MAINTENANCE<br />6<br />MESURER LE SUCCÈS<br />
  180. 180. LANCEMENT ET MAINTENANCE<br />6<br />MESURER LE SUCCÈS<br />Idéal pour vous aider avec le SEO!<br />TRUC DU MÉTIER<br />
  181. 181. LANCEMENT ET MAINTENANCE<br />6<br />MAINTENANCE ET ÉVOLUTION<br />6.3 – ÉTABLIR UN PLAN DE MAINTENANCE<br />Un projet Webréussi est un site en santé, vivant et en constante évolution.<br />
  182. 182. LANCEMENT ET MAINTENANCE<br />6<br />MAINTENANCE ET ÉVOLUTION<br />6.4 – PLAN DE MAINTENANCE<br /><ul><li>Plan de contenu:
  183. 183. Calendrier des mises à jour (nouvelles, emplois, etc.)
  184. 184. Intégration de nouveaux contenus (produits, textes, vidéos)
  185. 185. Mise à jour des zones « Marketing »
  186. 186. Plan d’évolution du site (approche par phases):
  187. 187. Intégration de nouvelles fonctionnalités (développement)
  188. 188. Intégration de nouvelles sections et pages (CMS)</li></ul>Contenu frais + amélioration continue = succès<br />
  189. 189. <br />
  190. 190. PENSEZ COACHING!<br /><ul><li>Préparation d’un projet Web
  191. 191. Planificationstratégique
  192. 192. Formation spécifique
  193. 193. Conception sitemap et wireframes
  194. 194. Recrutement des partenaires</li></li></ul><li>MERCI!<br /><br />AU PROCHAIN ATELIER!<br />Prochain rendez-vous:<br />Atelier #2 – Commerce électronique: Faire le grand saut<br />

×