Upload
megavolt-design-inc
View
413
Download
0
Embed Size (px)
DESCRIPTION
Citation preview
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 : [email protected]
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