1. Comment tirer profit
du web en 2013?
Conférence donnée à la
cellule de mentorat d'affaires de la Vallée du Richelieu
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 du web
 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 15 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.
07/11/2012 3

4. www.slideshare.net/megavolt
07/11/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. 07/11/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. 12

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

14. 14

15. 15

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

17. 17

18. 18

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

20. 20

21. 07/11/2012 21

22. 22

23. 07/11/2012 23

24. 07/11/2012 24

25. 25

26. 26

27. 27

28. 28

29. 29

30. 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. 07/11/2012 48

49. 49

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

51. Plaire
51

52. 52

53. 07/11/2012 53

54. 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.
07/11/2012 54

55. 55

56. 56

57. 57

58. Utilisation mobile – fin du Flash
58

59. Le web est mort, vive internet
59

60. 60

61. 61

62. 62

63. 63

64. 64

65. 65

66. 66

67. 67

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

69. 69

70. 70
Maquettes fonctionnelles - wireframe

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

72. 72

73. 73

74. 74

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

76. 07/11/2012 76

77. 07/11/2012 77

78. 78

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

80. 80

81. 81

82. 82

83. 83

84. 84

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

86. 86

87. 87

88. 88

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

90. Réviser
90

91. 91

92. 92

93. 93

94. 94

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

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

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

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

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

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

101. 101

102. É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
07/11/2012 102

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

104. 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
07/11/2012 104

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

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

107. CMS - WordPress
107

108. 108

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

110. 110

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

112. 112

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

114. Site en développement
114

115. 115

116. Nos coordonnées
Siège social et production Bureaux de services
(Sur rendez-vous seulement)
Saint-Jean-sur-Richelieu
184, rue Longueuil Montréal
Saint-Jean-sur-Richelieu 4020, Saint-Ambroise, suite 495
(Québec) J3B 6P1 Montréal (Québec) H4C 2C7
Demande de renseignements Rive-Nord | Mascouche
2694, Chemin Sainte-Marie, bureau 101
Téléphone : 450 347 8811 Mascouche (Québec) J7K 1M9
Sans frais : 1 877 447 8811
Télécopieur : 450 347 5826 www.MEGAVOLT.ca
www.facebook.com/MEGAVOLTdesign
Courriel général : info@megavolt.ca www.twitter.com/MEGAVOLTdesign
07/11/2012 116