Développement d'un site web pour la promotion de pme 2012 araq-sud - 7 février 2012 - v3
0 j'aime540 vues
La conférence de Steve Trinque se concentre sur l'optimisation des sites web pour en tirer profit en 2012, en abordant la planification stratégique, les erreurs courantes, et les étapes essentielles à suivre. Megavolt, l'entreprise résidant derrière cette présentation, propose des solutions variées allant du développement de sites à la gestion de contenu, soulignant l'importance d'une bonne conception et d'une stratégie adaptée aux besoins des utilisateurs. Les participants sont encouragés à poser des questions et à explorer des solutions innovantes pour améliorer leur présence en ligne.
Développement d'un site web pour la promotion de pme 2012 araq-sud - 7 février 2012 - v3
- 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
- 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
- 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 [email protected] 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