Développement d'un site web pour la promotion de pme 2012 mentor cld vallée du richelieu

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

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!

Que verrons-nous aujourd’hui?

2

07/11/2012 3

Qui sommes nous?

MEGAVOLT c’est :

Une entreprise établie depuis 15 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

07/11/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

07/11/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

12

Principes de base de l’indexation organique

13

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

14

15

Réseaux sociaux + blogues

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

16

17

18

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!

19

20

07/11/2012 21

22

07/11/2012 23

07/11/2012 24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

07/11/2012 48

49

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

50

Plaire

51

52

07/11/2012 53

Qu’est-ce qu’une maquette fonctionnelle?

07/11/2012 54

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.

55

56

57

Utilisation mobile – fin du Flash

58

Le web est mort, vive internet

59

60

61

62

63

64

65

66

67

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

68

69

Maquettes fonctionnelles - wireframe 70

71

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

72

73

74

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

75

07/11/2012 76

07/11/2012 77

78

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

79

80

81

82

83

84

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

85

86

87

88

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

89

Réviser

90

91

92

93

94

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

98

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

99

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

101

Étapes de production

07/11/2012 102

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 applications exclusives, développées par Megavolt, pour vous aider à atteindre rapidement vos objectifs

d’affaires

103

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

07/11/2012 104

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

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

CMS - WordPress

107

108

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

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

SolutionWebPME®

La console de gestion de Solution Web PME

113

Site en développement

114

115

Nos coordonnées

www.MEGAVOLT.ca www.facebook.com/MEGAVOLTdesign

www.twitter.com/MEGAVOLTdesign

07/11/2012 116

Siège social et production Saint-Jean-sur-Richelieu 184, rue Longueuil Saint-Jean-sur-Richelieu (Québec) J3B 6P1 Demande de renseignements Téléphone : 450 347 8811 Sans frais : 1 877 447 8811 Télécopieur : 450 347 5826 Courriel général : info@megavolt.ca

Bureaux de services (Sur rendez-vous seulement)

Montréal 4020, Saint-Ambroise, suite 495 Montréal (Québec) H4C 2C7 Rive-Nord | Mascouche 2694, Chemin Sainte-Marie, bureau 101 Mascouche (Québec) J7K 1M9