1. Comment tirer profit
du web en 2012?
Steve Trinque, b.d.i.
Président et conseiller stratégique

2. Que verrons-nous aujourd’hui?
 Présentation
 Les 7 points à connaître pour tirer profit de votre site
 La planification stratégique d’un projet web
 Les erreurs à éviter
 Si vous avez un peu plus de temps…
 Des solutions qui s’offrent à vous
 Questions et réponses à toutes vos questions!
2

3. Qui sommes nous?
 MEGAVOLT c’est :
 Une entreprise établie depuis 14 ans qui
compte 19 employés permanents
Steve Trinque, président et designer
 Une clientèle allant des PME,
gouvernements et multinationales qui lui
ont permis d’acquérir une expertise
inégalée dans presque tous les domaines
 Des centaines de sites Web et des milliers
de projets connexes réalisés, en
multimédia et design graphique
 Une clientèle fidèle qui n’hésite pas à
recommander les services de notre
entreprise.
14/11/2011 3

4. Une équipe complète de 19 experts
Apprenez en plus sur chaque membre de l’équipe :
http://www.megavolt.ca/entreprise/equipe.php
ou en scannant le code QR ci-contre.
Services conseils
Développement
Steve Trinque Patrick Larivière Mélissa Turgeon Jonathan Ostiguy André Dubreuil Marie-Claude Dion
Président et conseiller principal Directeur développement des affaires Adjointe administrative Directeur services conseil Architecte de l’information Conceptrice, rédactrice
Stratège SEO SMO SEM Stratège aux contenus – réseaux sociaux
Gestion de projets
Design graphique
Michaël Adam Nathaly Ashby Isabelle Martineau Benoit McNulty Émilie Roy Isabelle Bourdeau
Directeur de production, direction technique Chargée de projet Chargée de projet Directeur général, direction artistique Designer graphique Designer graphique
Production
Programmation
Intégration
Éric Martel David St-Jean André-Philippe Boulet David Lafontaine Isabelle Lamarre André Noël Alexandre Paradis
Programmeur/Analyste Senior Programmeur/analyste Programmeur/analyste Programmeur/analyste Intégrateure web Intégrateur web et multimédia Intégrateur web et multimédia
4
Gestion hébergement et serveurs

5. 5

6. 6

7. 7

8. Les 7 étapes d’une stratégie Web
8

9. 1ere partie
Les 7 points à connaître pour
tirer profit de votre site
9

10. Amener
 Amener qui?
 Qui sont nos clients/internautes?
 Quelles sont leurs habitudes?
 Quelles sont leurs passions?
 Où se tiennent-ils?
 Stratégie : Créez-vous des personas et
imaginez comment leur rendre service!
10

11. 14/11/2011 11

12. Comment amener des clients
 Marketing par moteur de recherche
 Indexation organique
 Indexation au clic
 Réseaux sociaux
 Twitter, Facebook, , Google+, Flickr, Youtube, Linkedin,
Quora, Foursquare, Slideshare
 Blogues, Wiki
 Prospection par courriel – attention au spam…
 Les codes QR
 Publipostages, envoi par fax, télémarketing
 Publicité traditionnelle (journaux, radio, télé,
autres médias, lettrage de véhicule, affichage)
12

13.  Marketing par moteur de recherche
Au clic
Organique (payant)
(gratuit)
13

14. 14

15. Principes de base de
l’indexation organique
 Influence du nom de domaine (?)
 Titre des pages
 Contenu (Titres, lien internes – questions soulignées qui mènent
à des réponses, densité des mots clés)
 Faites vous une liste de 10 à 20 mots clés important pour rédiger
vos contenus
 Liens entrants (vous êtes référés par d’autres sites)
 Fréquence de mise à jour de votre site – fraicheur de
l’information
 Nommez vos images et vos fichiers correctement
 Faites en sorte que le code HTML soit fait en respectant les
règles de schema.org
 La géolocalisation, de plus en plus performante sur Google
 Les recommandations sur différents systèmes tels que Google
Places
15

16. 16

17. 17

18. 18

19. 19

20. 20

21. 21

22. 22

23. 23

24. 24

25. 25

26. 26

27. Réseaux sociaux + blogues
 N’attendez plus que les
clients vous trouvent…
faites du réseautage et
dites leur que vous
existez!
27

28. 28

29. 29

30. Questions!
 Combien d’entre vous utilisent Internet comme outil
d’aide à la décision?
 Qui sont les personnes qui influencent le plus vos
décisions?
 Combien d’entre vous ont un compte Facebook?
 Quand avez-vous consulté votre profil pour la dernière
fois?
 Combien d’entre vous ont un compte Twitter?
 Combien l’utilisent réellement?
30

31. 31

32. 32

33. 33

34. 34

35. 35

36. 36

37. 37

38. 38

39. 39

40. 40

41. 41

42. 42

43. 43

44. 44

45. 45

46. 46

47. 47

48. 48

49. 49

50. 50

51. 51

52. 52

53. 53

54. 54

55. 55

56. 56

57. 57

58. 58

59. 59

60. 60

61. 61

62. 15/11/2011 62

63. 63

64. Questions et pause
64

105. Plaire
 Faire un design qui est à la hauteur de l’image que vous
désirez projeter.
 N’abordez pas le design d’un site comme celui d’un poster!
Pensez au principe suivant : Form follows function
 Le site Web est souvent la première impression que votre
futur client aura de vous.
 Votre concurrent direct se trouve à un seul clic de vous, ne
perdez pas votre client avec une mauvaise image.
 Pensez au plateformes mobiles!
105

106. Plaire
106

107. 107

108. Qu’est-ce qu’une maquette fonctionnelle?
 La maquette fonctionnelle est essentielle à tout projet web. On peut la comparer au plan fait par un architecte, avant d’entreprendre
la construction d’une maison. Ainsi réalisée, on évite tout les problèmes qui pourraient découler d’une mauvais compréhension du
projet. On évite mauvaises surprises tout l’équipe de production sait exactement quoi faire et on respecte ainsi les délais et le budget.
Maquettes fonctionnelles (fil de fer) conçues en fonction des personas, objectifs, Habillage visuel développé une fois que les maquettes visuelles
arborescence et contenus du projet. Celle-ci peuvent être ajustées plus sont approuvées par le client. On peut ainsi travailler plus vite et
facilement que si on amorce le design immédiatement dans Photoshop. s’assurer de maintenir les coût au minimum.
14/11/2011 108

109. 109

110. 110

111. 111

112. 112

113. 113

114. Utilisation mobile – fin du Flash
114

115. Le web est mort, vive internet
115

116. 116

117. 117

118. 118

119. 119

120. 120

121. Diriger
 Pensez à vos «personas», il faut
leur donner les moyens de
trouver ce qu’ils cherchent.
 Pensez à leurs besoins,
regroupez les informations qui
pourraient aller ensemble.
 Sortez de votre bulle, pensez à
l’internaute qui ne s’y connaît
peut-être pas autant que vous.
 Utilisez des termes clairs.
 Ne faites pas de pizzas, on ne
peut pas tout voir en même
temps!
 N’imposez rien, tout doit être
naturel!
121

122. 122

123. 123
Maquettes fonctionnelles - wireframe

124. Ligne de « fold »
Limite résolution 1024 pixels
Limite résolution 1024 pixels
124

125. 125

126. 126

127. 127

128. 128

129. Informer
 Donnez accès aux informations que les internautes
recherchent.
 Éviter de surcharger. Ne cherchez pas à tout dire d’un
seul coup.
 L’assimilation par l’internaute est graduelle.
 Pensez à donner des niveaux d’information
Titres, sous-titres, amorce, article, documents complémentaires, hyperliens
 Rédigez en pensant aux moteurs de recherche (10 à 20
mots clés sur lesquels miser)
129

130. 130

131. 131

132. 132

133. 133

134. 134

135. Connaître
 Inciter l’internaute à vous contacter ou laisser une
trace
 Abonnement à une liste d’envoi, à un club privilège, un
concours.
 Mettre un section contactez-nous claire
 Mettre le numéro de téléphone en évidence
 Leur suggérer de vous suivre sur Facebook ou Twitter
 Formulaire pour émettre des commentaires
135

136. 136

137. 137

138. 138

139. 139

140. 140

141. Fidéliser
 Trouvez des moyens d’inciter les gens à revenir faire
affaires avec vous.
 Bulletin d’envoi (newsletter) régulier
 Information mise à jour régulièrement
 Outils exclusifs, widgets
 Offres ou promotions pour membres
 Pages officielles Facebook, Twitter, canal Youtube
 Blogue
141

142. 142

143. 143

144. 144

145. 145

146. Réviser
 Revoir régulièrement les statistiques d’achalandage
du site et interpréter les données
 Faire un audit des sites de concurrents
 Sondez vos clients et vos internautes
 Vérifier l’état de son positionnement sur les moteurs
de recherche
 Établir un budget d’entretien et de mise à jour du site
web sur une base régulière.
146

147. Réviser
147

148. 148

149. 149

150. 150

151. 151

152. N’ayez aucun regret…
Les pièges à éviter

153. Les pièges à éviter
 Les sites faits tout en Flash car ils s’indexent difficilement
et ne s’affichent pas sur les mobiles.
 Les sites faits par votre « beau-frère » ou des entreprises
non-spécialistes
 Les sites faits à la va-vite, sans analyse préliminaire et sans
design professionnel. Vaut mieux d’attendre un peu pour
bien faire le travail une seule fois pour ne pas projeter une
mauvaise image.
 Choisissez idéalement un concepteur qui peut assurer la
gestion de l’hébergement pour éviter les problèmes
techniques.

154.  Faire la structure en pensant uniquement à son
contenu sans penser à l’usager (mettez-vous dans sa
peau, c’est important de prévoir ses réactions)
 Mettre trop d’information (rappelez-vous, moins de
20% du contenu est consulté)
 Prévoyez un budget d’entretien et de mise à jour
régulier. Ne laissez pas aller votre site à la dérive,
sinon vous devrez sans doute le refaire
complètement au bout de 3 à 4 ans.

155. Références
La planification stratégique web
Comment bien préparer son projet
155

156. La planification stratégique
 L’adhésion de votre organisation au projet
 Première étape de votre projet, c’est le moment de se
poser des questions et d’y trouver les réponses. En
examinant vos besoins et en définissant vos objectifs,
vous pourrez aussi vous assurer que l’ensemble de votre
organisme appuie le projet et y investira le temps et
l’argent requis.
156

157. Savoir où aller avant de s’y rendre
 La planification stratégique
1. Examiner les besoins
2. Analyser la concurrence
3. Identifier la clientèle (« personas »)
4. Définir les objectifs
-------------------------------------------------------------------------------
5. Établir les stratégies
6. Cerner les facteurs de succès
7. Assigner les rôles
157

158. 158
http://www.alliancenumerique.com/guideweb.html

159. 159

160. 160

161. Étapes de production
Analyse Architecture + Direction Intégration et Tests et Mise en ligne Exploitation et
préliminaire contenus artistique et programmation validation finale •Transfert du nom de maintenance
•Définition des •Conception des design •Découpe des •L’équipe de domaine •Si requis, exploitation
objectifs maquettes en fil de fer maquettes visuelles MEGAVOLT fait un •Mise en ligne du site d’une campagne
•Préparation de
Définition des préliminaire pour les programmer premier tour pour •Formation sur le Google Adwords et
maquettes visuelles
personas •Présentation et au format HTML s’assurer que système de gestion de gestion des réseaux
de l’accueil et de
Définition des mots validation au client •Programmation du l’ensemble du site est contenu (le cas sociaux
pages de contenus
clés importants •Ajustement aux système de gestion de produit selon les échéant), Google •Faire sur une base
type
maquettes contenu (le cas requis. Analytics et inscription régulière une révision
Valider les noms de Présentation au client du site dans les
domaines à acheter •Validation finale échéant) •Le site est présenté au SEO
Ajustements aux client qui doit lui aussi moteurs de recherche
Définition des •Validation finale du concepts •Intégration des •Établir un calendrier
contenus faire le tour pour de rencontres pour
stratégies de mise en budget de travail Présentation des s’assurer que tout est réviser la stratégie
marché à exploiter --------------- concepts finaux conforme aux avec MEGAVOLT sur
Établissement du --------------- demandes initiales
•Acceptation par une base régulière.
budget
le client •Acceptation par le •Correctifs finaux
•Établir l’échéancier de ---------------
travail •Production des client
contenus (textes + •Acceptation par le
--------------- matériel client
* Le travail est effectué
•Acceptation par le photographique) en fonction de la
client •MEGAVOLT est en banque d’heures de
mesure de s’occuper design estimée, des
de toute la honoraires
production du supplémentaires
contenu du site Web peuvent être facturés
ou vous pouvez vous si le client demande
en occuper si vous plusieurs tours de
avez le temps de correction.
gérer cet aspect du
projet
Pré-production Production Exploitation
14/11/2011 161

162. Questions?
162

163. Notes
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
14/11/2011 163

164. MEGAVOLT, plus que des sites Web!
Des applications exclusives, développées par Megavolt,
pour vous aider à atteindre rapidement vos objectifs
d’affaires
164

165. Toute une gamme de services
 Web et internet
 Analyse, stratégie, développement et exploitation de sites web
 Système de gestion de contenu sur mesure, SolutionWebPME®
ou Open source (Wordpress®, Joomla®, Drupal®)
 Commerce en ligne
 Programmation d'applications web
 Intranet / Extranet
 Optimisation du référencement organique (SEO)
 Gestion de campagnes AdWords (SEM)
 Gestion de réseaux sociaux (SMO)
 Développement d’applications mobiles (iPhone, Android)
 Design graphique et publicitaire
 Création de campagnes publicitaires
 Gestion de projets imprimés
 Design multimédia (présentations Powerpoint avancées)
 Montage vidéo et animation Flash
 Contenus et formation
 Stratégie publicitaire et placement média
 Rédaction et traduction de contenus
 Formation et conférences sur les meilleures pratiques Web
14/11/2011 165

166. e-rep® - gestion de listes d’envois
de courriels
 Grâce à e-rep, votre représentant virtuel, rejoignez facilement vos
clients potentiels. Entièrement développé par MEGAVOLT, e-rep
vous permet de :
 créer différents modèles de courriels promotionnels;
 planifier des stratégies d’envois individuels ou massifs;
 importer et gérer des listes d’adresses;
 consulter les statistiques relatives à vos envois antérieurs.
 Informez-vous au sujet des nombreuses possibilités offertes par e-rep,
votre représentant virtuel. Le développement de vos affaires n’aura
jamais été aussi simple!
166

167. CMS – Système de gestion de contenu
 La gestion simplifiée de votre site Web
MEGAVOLT conçoit des sites pouvant être gérés et mis à jour directement par un personnel non
spécialisé.
 Aucune connaissance en HTML n’est requise puisque tout s’effectue à partir d’une console de
gestion conviviale, protégée par mot de passe.
 Contactez-nous pour en profiter dès maintenant!
167

168. CMS - WordPress
168

169. 169

170. 170

171. 171

172. Boutique en ligne
 Enfin une solution de commerce en ligne flexible, facile et abordable pour vendre vos produits sur
Internet!

MEGAVOLT a développé un modèle de site transactionnel autogéré pouvant être adapté aux couleurs
de votre entreprise. À partir d’une console de gestion conviviale ne nécessitant aucune connaissance en
programmation HTML, vous pouvez y ajouter directement vos produits incluant une image et une
description.
 Toutes les étapes d’une transaction en ligne sont prises en charge par notre solution :
 panier d’achats;
 calcul des frais d’expédition et des taxes;
 transaction bancaire sécurisée;
 gestion des commandes et de la facturation.
 MEGAVOLT peut également concevoir des solutions de commerce en ligne sur mesure, pour vos
besoins plus spécifiques.
172

173. 173

174. SolutionWebPME®
 MEGAVOLT a développé
un système qui permet
de créer des sites Web
pour les PME qui portent
une attention
particulière à leur
budget.
 Le système entièrement
autogéré permet de créer
rapidement un site Web
basé sur un canevas de
base standardisé.
Toutefois, l’ensemble du
contenu et du visuel est
entièrement
personnalisable.
174

175. 175

176. SolutionWebPME®
 La console de gestion de Solution Web PME
176

177. Site en développement
177

178. 178

179. 179

180. Forfaits d’hébergement et noms de domaine
14/11/2011 180

181. Annexes
14/11/2011 181

182. Un aperçu de nos clients
14/11/2011 182

183. 14/11/2011 183

184. 14/11/2011 184

185. 14/11/2011 185

186. Votre contact
Steve Trinque, b.d.i.
Président
steve@MEGAVOLT.ca
t. 450.347.8811 poste 233
f. 450.347-5826
www.MEGAVOLT.ca
www.facebook.com/MEGAVOLTdesign
www.twitter.com/MEGAVOLTdesign
14/11/2011 186