1. MENER À BIEN UN PROJET WEB  ATELIER #1 Présenté aux membres du Créneau d’excellence Textiles-techniques Drummondville – 2 décembre 2010

2. PLAN DE LA PRÉSENTATION  CONTENU DE L’ATELIER Introduction LES ÉTAPES DU PROJET: Équipe et gouvernance Stratégie et définition des besoins Analyse et scénarisation Direction artistique et design Développement et intégration Lancement et maintenance MESURER LE SUCCÈS

4. Recrutementd’uneéquipe

5. Choixtechnologiques

6. Recrutement des fournisseursAtelier 3: Utiliser les réseaux sociaux avec succès Atelier 4: Collaboration 2.0 Atelier 5: Moderniser son marketing grâce au Web Coaching en entreprise et consultation

8. On n’a pas une deuxième chance de faire une première impression

9. Les 25-35 accèdent rapidement à des rôles d’acheteurs corporatifs et utilisent le Web en premierDES ENTREPRISES QUÉBÉCOISES ONT UN OU DES SITES WEB 90% DES ENTREPRISES QUÉBÉCOISESSONT BRANCHÉES À INTERNET 46% FONT DE LA RECHERCHE DE CLIENTS, FOURNISSEURS ET COMPÉTITEURS EN LIGNE AVANT TOUT AUTRE ENDROIT

10. LES PHASES D’UN PROJET TYPIQUE  DE L’IDÉE À LA LIVRAISON ÉQUIPE ET GOUVERNANCE 1 2 PLANIFICATION STRATÉGIQUE STRUCTURE ET FONCTIONNALITÉS 3 4 DESIGN ET INTERFACES GRAPHIQUES DÉVELOPPEMENT ET INTÉGRATION 5 LANCEMENT ET MAINTENANCE 6

11. ÉQUIPE ET GOUVERNANCE 1 LES BONNES PERSONNES, LES BONNES IDÉES

13. Les fonctions de l’entreprise touchées:

14. Marketing & Communication

15. Ventes

16. Opérations et logistique

17. Ressources humaines

19. PLANIFICATION STRATÉGIQUE 2 OBJECTIFS, BESOINS, PRIORITÉS

21. Ce qui fonctionne bien

22. Ce qui ne fonctionne pas

23. Ce qui manque:

24. Sections

25. Contenu

26. Fonctionnalités

27. Sources d’information:

28. Départements de l’entreprise

29. Clients, fournisseurs, partenaires

31. Papier / en ligne

32. Entrevues personnelles (en personne / téléphone)

33. Focus groupes

34. Benchmarking

35. Données d’analytiques:

36. Google Analytics

37. Activité serveurs (performances, uptime, etc.)TRUC DU MÉTIER 5 MÉTHODES POUR RECUEILLIR DE L’INFORMATION

38. PLANIFICATION STRATÉGIQUE 2 DÉFINIR LES OBJECTIFS DU PROJET EXEMPLE DE QUESTIONS DE SONDAGE CLIENT TRUC DU MÉTIER Appréciation du site actuel: (Sur 5) Le design du site est attrayant (Sur 5) Le site représente bien l’entreprise à qui il appartient (Sur 5) Je trouve facilement les informations que je recherche sur le site Information désirée: Quelles informations venez-vous chercher lorsque vous visitez le site? Sous quel format voudriez-vous trouver cette information (PDF, Excel, HTML, Word)? Quels documents avez-vous téléchargés sur notre site au cours du dernier mois? Fonctionnalités désirées: Quels outils aimeriez-vous retrouver sur le nouveau site? Quelles fonctions du site utilisez-vous actuellement? Les appréciez-vous?

39. PLANIFICATION STRATÉGIQUE 2 DÉFINIR LES OBJECTIFS DU PROJET 2.2 - TRADUIRE PROBLÈMES ET OPPORTUNITÉS EN BESOINS

41. Présentation de l’entreprise

42. Contexte et mission du projet

43. Les objectifs du projet

44. Le comité de projet

45. La liste des besoins

46. Calendrier

47. Budget

49. Estimer le travail et sa complexité

50. Obtenir un meilleur prixTRUC DU MÉTIER

53. Toutes les fonctions de l’entreprise ont été consultées

54. Les objectifs sont majoritairement quantifiables

55. Le comité de projet a validé les objectifs

56. Le cahier des charges est à jour et approuvé

58. STRUCTURE ET FONCTIONNALITÉS 3 STRUCTURE, FONCTIONNALITÉS, PROTOTYPES

60. Objectifs = Le QUOI

61. Fonctionnalités = Le COMMENT

62. Il faut décrire avec précision ce que le site doit faire:

63. Sections et pages

64. Fonctions

67. Catégorie, âge, sexe, éducation, entreprise, buts, objectifs, rôles, motivateurs, expérience d’utilisation, système d’opération, fureteur, etc.Exemple de personae: [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. TRUC DU MÉTIER

68. ANALYSE ET SCÉNARISATION 3 DÉFINIR LA LISTE DES FONCTIONNALITÉS 3.2 – SCÉNARIOS D’UTILISATION (use cases)

70. Leur type et leur catégorie

71. Une indication de leur contenu

72. Les liens entre les différentes pages

73. Différents outils:

74. MS Visio

75. MS Powerpoint

76. Omnigraffe (Mac)Accueil Nos Produits L’entreprise Carrières Pages produits Pages produits Commander Catalogue Application

77. ANALYSE ET SCÉNARISATION 3 DÉFINIR LA STRUCTURE DU SITE Une bonne carte du site est un outil de communication très efficace au sein d’une équipe.

79. Modules de contenu

80. Zones de texte

81. Positionnement des composantes

82. À ce stade, le contenu texte n’est pas final

83. Les diagrammes servent de base au designer

84. Il est possible de créer des prototypesutilisables!

85. Différents outils:

86. MS Visio

87. Axure RP

88. OmnigraffeTRUC DU MÉTIER

90. Permet de:

91. Clarifier le fonctionnement du site

92. Tester le site

93. Obtenir du feeback

94. Présenter aux patronsTRUC DU MÉTIER

96. Les scénarios d’utilisation ont été créés et validés

97. La carte du site a été crées et validées

98. Les diagrammes (wireframes) du site ont été complétés pour toutes les pages

99. Un prototype complet du site a été testé et approuvé

100. Le cahier des charges est à jour et approuvé (ajout des personaes, scénarios et diagrammes)

102. Ajouter les nouvelles pages et fonctionnalitésDessiner le diagramme de votre page d’accueil idéale

103. DESIGN ET INTERFACES GRAPHIQUES 4 DONNER VIE À VOTRE NOUVEAU SITE

105. Diversité du travail effectué pour d’autres clients

106. Disponibilité et professionnalisme du designer / de l’entreprise

107. Compréhension des notions d’ergonomie et d’accessibilité

108. Notions de base de SEO (contenu Flash™ VS HTML)RÉFÉRENCES! RÉFÉRENCES! RÉFÉRENCES!

110. Sites concurrents pertinents

111. Sites au look intéressant

113. L’audience cible

114. Les objectifs du projet

115. Les fonctionnalités, wireframes

116. Indicateurs de succès

117. Format, style

118. BudgetTRUC DU MÉTIER

120. Les wireframes

121. Le guide de style actuel

123. DIRECTION ARTISTIQUE ET DESIGN 4 CRÉATION DES GABARITS DE PAGES 4.4 – DÉCLINAISON DU CONCEPT SUR TOUTES LES PAGES

125. Fontes / typographie

126. H1, H2, liens, italique, gras

127. Grille (espacements, positionnement, etc)

128. Favicons (16x16, 32x32)

130. Respect de la marque

131. Ergonomie

132. Accessibilité

133. Compatibilité fureteurs

134. Indexabilité (SEO)

135. Différents outils:

136. Tests sur versions imprimées

137. Analyses d’ergonomie/accessibilité

138. Focus groupes, sondageTRUC DU MÉTIER

139. DIRECTION ARTISTIQUE ET DESIGN 4 LES PRINCIPES D’ERGONOMIE DE NIELSEN LES 10 FACTEURS DE SUCCÈS EN ERGONOMIE DE JACOB NIELSEN Visibilité du statut du site (que se passe-t-il?) Refléter le monde réel (mêmes termes, mêmes fonctions) Liberté de l’usager (aucun cul-de-sac, sorties d’urgence) Constance et standards (fonctionnement constant) Prévention des erreurs (réduire la confusion) Reconnaissance plus que rappel (fonctions claires) Fléxible et efficace Esthétique et minimaliste Aide à réparer les erreurs Documentation simple

140. DIRECTION ARTISTIQUE ET DESIGN 4 L’ERGONOMIE D’UN SITE EN ACTION CONFUS ET COMPLEXE CLAIR ET EFFICACE

141. DÉVELOPPEMENT ET INTÉGRATION 5 METTRE EN PLACE TOUTES LES PIÈCES DU JEU

143. Positionnement des sites développés sur les moteurs de recherche (SEO)

144. Qualité de l’intégration du design (alignements, tailles)

145. Performance des sites livrés

146. Technologies utilisées (surabondance)RÉFÉRENCES! RÉFÉRENCES! RÉFÉRENCES!

149. DÉVELOPPEMENT ET INTÉGRATION 5 JOOMLA – UN CMS SIMPLE ET PUISSANT

152. Affichage du contenu

153. Fonctionnement du CMS

154. Fonctionnement du processus de paiement

155. Intégration avec les autres systèmes

156. Tests client (UAT)

159. Sélectionner la date avec soin

160. Éviter de lier le lancement avec d’autres événements:

161. Pour éviter les risques

162. Éviter de lancer un jeudi ou vendredi  attention au pointes!

163. Déployer le site quelques journées d’avance (soft launch):

164. Pour tester les performances du site

165. Permettre à des clients précis de tester le nouveau site

168. Les performances du site sont bonnes?

169. Les tests sont concluants?

171. Nb de visiteurs / indicateurs de fréquentation

172. Nb de téléchargements de brochures

173. Nb d’appels au numéro 1-800

174. Positionnement sur les moteurs de recherche

175. Les outils:

176. Les outils d’analytics Google Analytics

177. Outils de CRM (appels, nouveaux leads entrés, etc.)

178. Outils de suivi des performances technologiques du site Google Webmasters Tools

179. LANCEMENT ET MAINTENANCE 6 MESURER LE SUCCÈS

180. LANCEMENT ET MAINTENANCE 6 MESURER LE SUCCÈS Idéal pour vous aider avec le SEO! TRUC DU MÉTIER

181. LANCEMENT ET MAINTENANCE 6 MAINTENANCE ET ÉVOLUTION 6.3 – ÉTABLIR UN PLAN DE MAINTENANCE Un projet Webréussi est un site en santé, vivant et en constante évolution.

183. Calendrier des mises à jour (nouvelles, emplois, etc.)

184. Intégration de nouveaux contenus (produits, textes, vidéos)

185. Mise à jour des zones « Marketing »

186. Plan d’évolution du site (approche par phases):

187. Intégration de nouvelles fonctionnalités (développement)

188. Intégration de nouvelles sections et pages (CMS)Contenu frais + amélioration continue = succès

189. 

191. Planificationstratégique

192. Formation spécifique

193. Conception sitemap et wireframes