Développement d'un site web pour la promotion de pme 2012 araq-sud - 7 février 2012 - v3

Comment tirer profit du web en 2012?

- Conférence pour l’ARAQ-SUD -

Steve Trinque, b.d.i. Président et conseiller stratégique

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!

Que verrons-nous aujourd’hui?

2

06/02/2012 3

Qui sommes nous?

MEGAVOLT c’est :

Une entreprise établie depuis 14 ans qui compte 19 employés permanents

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.

Steve Trinque, président et designer

06/02/2012 4

www.slideshare.net/megavolt

Les 7 étapes d’une stratégie Web

5

Les 7 points à connaître pour tirer profit de votre site

1ere partie

6

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!

Amener

7

06/02/2012 8

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)

Comment amener des clients

9

Organique (gratuit)

Au clic (payant)

Marketing par moteur de recherche

10

11

Principes de base de l’indexation organique

12

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

15

16

17

18

19

20

21

22

23

Réseaux sociaux + blogues

N’attendez plus que les clients vous trouvent… faites du réseautage et dites leur que vous existez!

24

25

26

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?

Questions!

27

28

06/02/2012 29

30

31

32

33

34

35

36

38

39

40

41

42

43

44

45

46

47

48

49

50

52

53

54

55

56

57

58

59

06/02/2012 60

61

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!

Plaire

62

Plaire

63

64

Qu’est-ce qu’une maquette fonctionnelle?

06/02/2012 65

Maquettes fonctionnelles (fil de fer) conçues en fonction des personas, objectifs,

arborescence et contenus du projet. Celle-ci peuvent être ajustées plus

facilement que si on amorce le design immédiatement dans Photoshop.

Habillage visuel développé une fois que les maquettes visuelles

sont approuvées par le client. On peut ainsi travailler plus vite et

s’assurer de maintenir les coût au minimum.

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.

66

67

68

69

Utilisation mobile – fin du Flash

70

Le web est mort, vive internet

71

72

73

74

75

76

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!

Diriger

77

78

Maquettes fonctionnelles - wireframe 79

80

Ligne de « fold »

Lim

ite

réso

luti

on 1

024 p

ixel

s

Lim

ite

réso

luti

on 1

024 p

ixel

s

81

82

83

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)

Informer

84

06/02/2012 85

06/02/2012 86

87

88

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

Connaître

89

90

91

92

93

94

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

Fidéliser

95

96

97

98

99

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.

Réviser

100

Réviser

101

102

103

104

105

Les pièges à éviter

N’ayez aucun regret…

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.

Les pièges à éviter

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.

La planification stratégique web Comment bien préparer son projet

Références

109

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.

La planification stratégique

110

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

Savoir où aller avant de s’y rendre

111

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

113

114

Étapes de production

06/02/2012 115

Analyse préliminaire

•Définition des objectifs

Définition des personas

Définition des mots clés importants

Valider les noms de domaines à acheter

Définition des stratégies de mise en marché à exploiter

Établissement du budget

•Établir l’échéancier de travail

---------------

•Acceptation par le client

Architecture + contenus

•Conception des maquettes en fil de fer préliminaire

•Présentation et validation au client

•Ajustement aux maquettes

•Validation finale

•Validation finale du budget de travail

---------------

•Acceptation par le client

•Production des contenus (textes + matériel photographique)

•MEGAVOLT est en mesure de s’occuper de toute la production du contenu du site Web ou vous pouvez vous en occuper si vous avez le temps de gérer cet aspect du projet

Direction artistique et design

•Préparation de maquettes visuelles de l’accueil et de pages de contenus type

Présentation au client

Ajustements aux concepts

Présentation des concepts finaux

---------------

•Acceptation par le client

* Le travail est effectué en fonction de la banque d’heures de design estimée, des honoraires supplémentaires peuvent être facturés si le client demande plusieurs tours de correction.

Intégration et programmation

•Découpe des maquettes visuelles pour les programmer au format HTML

•Programmation du système de gestion de contenu (le cas échéant)

•Intégration des contenus

Tests et validation finale

•L’équipe de MEGAVOLT fait un premier tour pour s’assurer que l’ensemble du site est produit selon les requis.

•Le site est présenté au client qui doit lui aussi faire le tour pour s’assurer que tout est conforme aux demandes initiales

•Correctifs finaux ---------------

•Acceptation par le client

Mise en ligne

•Transfert du nom de domaine

•Mise en ligne du site

•Formation sur le système de gestion de contenu (le cas échéant), Google Analytics et inscription du site dans les moteurs de recherche

Exploitation et maintenance

•Si requis, exploitation d’une campagne Google Adwords et gestion des réseaux sociaux

•Faire sur une base régulière une révision SEO

•Établir un calendrier de rencontres pour réviser la stratégie avec MEGAVOLT sur une base régulière.

Pré-production Production Exploitation

Des stats amusantes!

116 06/02/2012

06/02/2012 117

06/02/2012 118

Questions?

119

06/02/2012 120

Notes

_______________________________________________

_______________________________________________

_______________________________________________

_______________________________________________

_______________________________________________

_______________________________________________

_______________________________________________

_______________________________________________

_______________________________________________

_______________________________________________

_______________________________________________

Des applications exclusives, développées par Megavolt, pour vous aider à atteindre rapidement vos objectifs

d’affaires

121

MEGAVOLT, plus que des sites Web!

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

Toute une gamme de services

06/02/2012 122

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

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

CMS - WordPress

125

126

127

128

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

130

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

132

SolutionWebPME®

La console de gestion de Solution Web PME

133

Site en développement

134

135

136

06/02/2012 137

Forfaits d’hébergement et noms de domaine

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