Copie de la présentation faire pour l'ARAQ-SUT le 7 février 2012 à Saint-Hyacinthe

1. Comment tirer profit
du web en 2012?
- Conférence pour l’ARAQ-SUD -
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.
06/02/2012 3

4. www.slideshare.net/megavolt
06/02/2012 4

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

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

7. 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!
7

8. 06/02/2012 8

9. 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)
9

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

11. 11

12. 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
12

13. 13

14. 14

15. 15

16. 16

17. 17

18. 18

19. 19

20. 20

21. 21

22. 22

23. 23

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

25. 25

26. 26

27. 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?
27

28. 28

29. 06/02/2012 29

30. 30

31. 31

32. 32

33. 33

34. 34

35. 35

36. 36

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. 52

51. 53

52. 54

53. 55

54. 56

55. 57

56. 58

57. 59

58. 06/02/2012 60

59. 61

60. 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!
62

61. Plaire
63

62. 64

63. 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.
06/02/2012 65

64. 66

65. 67

66. 68

67. 69

68. Utilisation mobile – fin du Flash
70

69. Le web est mort, vive internet
71

70. 72

71. 73

72. 74

73. 75

74. 76

75. 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!
77

76. 78

77. 79
Maquettes fonctionnelles - wireframe

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

79. 81

80. 82

81. 83

82. 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)
84

83. 06/02/2012 85

84. 06/02/2012 86

85. 87

86. 88

87. 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
89

88. 90

89. 91

90. 92

91. 93

92. 94

93. 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
95

94. 96

95. 97

96. 98

97. 99

98. 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.
100

99. Réviser
101

100. 102

101. 103

102. 104

103. 105

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

105. 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.

106.  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.

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

108. 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.
110

109. 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
111

110. 112
http://www.alliancenumerique.com/guideweb.html

111. 113

112. 114

113. É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
06/02/2012 115

114. Des stats amusantes!
06/02/2012 116

115. 06/02/2012 117

116. 06/02/2012 118

117. Questions?
119

118. Notes
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
06/02/2012 120

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

120. 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
06/02/2012 122

121. 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!
123

122. 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!
124

123. CMS - WordPress
125

124. 126

125. 127

126. 128

127. 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.
129

128. 130

129. 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.
131

130. 132

131. SolutionWebPME®
 La console de gestion de Solution Web PME
133

132. Site en développement
134

133. 135

134. 136

135. Forfaits d’hébergement et noms de domaine
06/02/2012 137

136. 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
06/02/2012 138