Vitrine virtuelle

  • Published on
    18-Dec-2014

  • View
    1.610

  • Download
    1

Embed Size (px)

DESCRIPTION

Qu'est-ce qu'une vitrine virtuelle? C'est un outil pour faire vivre, partager, communiquer, voluer son projet ou produit sur le web; pour ultimement le VENDRE.

Transcript

<ul><li> 1. Vitrine virtuelleCEFQ, 19 janvier 2012 </li> <li> 2. Vitrine virtuelle Qui suis-je?Marie-Andre Roger Co-proprio de Overture Project Projet Kobolaa Pour plus de dtails: http://www.linkedin.com/in/marieandreeroger </li> <li> 3. Vitrine virtuelle Quest-ce quune vitrine virtuelle? Faire vivre, partager, communiquer, voluer son projet/ son produit sur le web; ultimement le VENDRE. Un site web nest quUNE partie dune stratgie web; elle nest pas lunique avenue. Et il y a plusieurs manires de le faire </li> <li> 4. Vitrine virtuelle quoi a sert? Partager linformation Faire dcouvrir son projet/produit Attirer lattention tablir sa crdibilit Supporter votre service la clientle 24h/24, 7 jours/7 Rduire les cots doprations : marketing, ventes, service, production, etc. Augmenter ses revenus, si bien fait! Peut contenir des outils pour soutenir vos oprations : e-Boutique, questionnaire, inscription vnements, etc. </li> <li> 5. Vitrine virtuelle Pourquoi jen ai besoin? Parce que vos clients estiment que vous DEVEZ en avoir un! Ne pas avoir de site = pas srieux, aucune crdibilit La plupart des gens visitent un site web pour rsoudre un problme quils ont : Ils ont besoin dinformation Ils veulent faire un achat ou un don Ils veulent tre divertis Ils veulent faire partie dune communaut Si vous pouvez les aider efficacement SUCCS </li> <li> 6. Vitrine virtuelle Activit de rflexion </li> <li> 7. Vitrine virtuelle Prsentation daujourdhui 1. Cration de sa propre vitrine virtuelle Processus itratif en 4 temps 2. Les rgles de lart Comment faire un excellent site web qui gnrera des revenus 3. Atelier Plan de cration de la vitrine virtuelle dun participant </li> <li> 8. 1. Processus itratif decration de sa proprevitrine virtuelle </li> <li> 9. Crer sa propre vitrine virtuelle Les premiers pas : informer un client potentiel, avoir une prsence sur le web Mdias Sociaux GRATUITS : Facebook, (Twitter), LinkedIn, Google+, YouTube PAYANTS : ning Rpertoires GRATUITS : Yelp.com, Associations professionnelles, rpertoires spcialiss (icriq.com, artisans-quebec.com, etc.) PAYANTS : Page Jaunes, rpertoires spcialiss (restoMTL, weblocal, bonjourqubec.com etc.) Sites de vos collaborateurs (ex : boutique, agents, vendeurs, clients, etc.) </li> <li> 10. Crer sa propre vitrine virtuelle Le deuxime pas : vendre rapidement Vendre un produit : eBay, Amazon, Shopify, etc. Vendre un service : Agentsolo.com, freelancer.com, freelance.com, etc. Coupons en ligne mais il faut faire attention!! Groupon, Tuango, TeamBuy Un mot sur Paypal </li> <li> 11. Crer sa propre vitrine virtuelle Le troisime pas : avoir son propre site / blogue Les 4 possibilits DIY gratuits Tumblr, Wix, WordPress, Blogger, etc. DIY payants / CMS $ Joomla!, SquareSpace, Drupal, etc. Sous-contractant, avec CMS $$ Sous-contractant, sur mesure (HTML-CSS, Flash, etc.) $$$+ </li> <li> 12. Crer sa propre vitrine virtuelle Do-It-Yourself (DIY) gratuit (Tumblr, Wix, WordPress, etc.) AVANTAGES Gratuit! Donne rapidement des rsultats simples Bon terrain de jeu pour apprendre avoir un petit site web DSAVANTAGES Demande beaucoup dapprentissage, donc de temps Possibilits limites, peut tre ardu (voir impossible) datteindre un rsultat prcis </li> <li> 13. Crer sa propre vitrine virtuelle Do-It-Yourself (DIY) payants / Content Management Systems (CMS) (Joomla!, SquareSpace, Drupal, etc.) $ AVANTAGES Contrle complet sur lensemble des aspects du site Avoir des connaissances techniques ouvre bien des possibilits DSAVANTAGES Demande NORMMENT dapprentissage, donc de temps et dnergie Comme ce sont des outils puissants, il est possible (et mme facile) de faire des erreurs qui vont briser / dtruire le site </li> <li> 14. Crer sa propre vitrine virtuelle Sous-contractant, avec CMS $$ AVANTAGES Habituellement pas de dpassement de cots Moins de surprises, souvent le sous-contractant prsente un catalogue des modules offerts DSAVANTAGES Le sous-contractant nest quun intermdiaire et na pas de contrle sur les modules du CMS et leurs modifications Si les modules sont insuffisant, faire du sur-mesure avec un CMS cest sengager sur un terrain glissant La plupart des sites faits avec un CMS finissent par se ressembler </li> <li> 15. Crer sa propre vitrine virtuelle Sous-contractant, sur mesure (HTML-CSS, Flash, etc.) $$$+ AVANTAGES Possibilits illimites Le client est souvent mieux encadr, donc passe plus de temps dvelopper son contenu et sa stratgie Si le travail est de qualit (W3C), il est facile de le prendre comme base pour faire voluer le site par la suite DSAVANTAGES Possibilits illimites! Demande une vision trs claire des besoins et objectifs </li> <li> 16. Crer sa propre vitrine virtuelle Ensuite Faire vivre sa vitrine virtuelle! Entretient - Maintient Aller plus loin encore </li> <li> 17. Questions? </li> <li> 18. 2. Les rgles de lart Comment faire unexcellent site web quignrera des revenus? </li> <li> 19. Bases techniques Les bases techniques dun site web - comment a marche? Architecture dune requte web 1. Un utilisateur ouvre son navigateur (browser) 2. Il entre ladresse (domaine) dun site web 3. Le browser trouve le serveur associ au domaine 4. Le browser demande une page au serveur 5. Le serveur prpare la page demande 6. Le serveur envoie le code de la page au browser 7. Le browser interprte le code et affiche la page </li> <li> 20. Bases techniques Nom de domaine Compagnies: Godaddy.com, domain.com, domainname.ca, etc. Favoriser le nom de lentreprise plutt que ce quelle fait Prioriser un nom simple plutt qulabor (.com vs .ca) Pas besoin dacheter plusieurs versions viter les ponctuations (-, _, ~, etc.), les accents et les articles (le, et, , etc.) NOTE : utilisez votre adresse email @votredomaine.com pour toutes vos activits commerciales </li> <li> 21. Bases techniques Hbergement discuter avec votre programmeur (Linux, Windows) Habituellement entre 7$ et 10$ par mois Frais rcurrent chaque anne, sparment de la programmation de votre site </li> <li> 22. Bases techniques Browsers Les gens utilisent diffrents browsers (Internet Explorer, Firefox, Chrome, Safari, Opera) Problmes daffichage entre les browsers Problmes avec les anciennes versions Les gens ne font pas leurs mises jour!! Tous les browsers ne supportent pas toutes les technologies (ex.: HTML5) </li> <li> 23. Bases techniques Mobile Chaque tlphone et chaque tablette est diffrent La plupart des browsers de tlphones ont des capacits rduites Pas de support pour des technologies riches comme Flash et Silverlight 3 solutions possibles : 1. Site rgulier accessible par browser mobile 2. Site fait spcifiquement pour browser mobile 3. Application fait sur mesure </li> <li> 24. Les rgles de lart Quest-ce quun site parfait? Un site pur Un site balanc o chaque chose est sa place et est place de faon constante sur chaque page Un site o une attention est porte au dtail Un site o les espaces blancs (white spaces) sont utiliss de faon intelligente et stratgique Un site avec un design moderne mais modr Un site qui utilise des schmas de couleurs intuitifs et des contrastes forts pour une meilleure lisibilit des textes et une perception visuelle des lments Un site qui est descriptif, qui prsente le projet/produit en soutenant sa crdibilit (ex: photo du produit) Un site qui est entretenu, qui est vivant (qui marque le passage du temps) Un site qui nmet pas de son </li> <li> 25. Les rgles de lart Contenu, contenu, contenu Llment LE PLUS IMPORTANT dun site web Less is more, percutant, efficace Toujours prendre en compte : lauditoire, le message, le moyen de communication Technique de cration de contenu Message principal Messages secondaires Appels laction La rptition est ncessaire mais de la bonne faon </li> <li> 26. Les rgles de lart Design/Layout Stratgie: informer ou attirer lattention? Ne jamais oublier : un usager peut arriver nimporte o, nimporte quand sur le site. On ne lit pas un site web comme un livre. Connecter avec ses usagers: photos/images, choix de couleurs, ambiances, polices, artwork jouer sur le subconscient Templates, stock photos, polices utilisation et droits dauteurs Quelquun devrait tre en mesure de deviner le sujet de votre site en 4 secondes </li> <li> 27. Les rgles de lart Search Engine Optimization (SEO) de base Contenu crit, mots-cls, tags HTML : comment a marche? Flash, Silverlight Google Analytics Accessibilit Site en HTML Photos, videos, contenu riche (Flash, Silverlight) http://www.w3.org/WAI/ Vous payez pour quoi? Quest-ce qui vous appartient? Le code, le design, les images faites sur mesure, les textes originaux, les entres de blogue, etc. Exigez davoir tout cela en votre possession la fin de votre contrat </li> <li> 28. Questions? </li> <li> 29. Les rgles de lart mauvais exemples Xeros: Reproduire la ralit sur un sitehttp://www.realbusiness.com/#/ready-for-business/select Temps de tlchargement trop long Site entirement en Flash Aucun outil de recherche porte de la main Trs confus, aucun focus, natteint aucun but Naide personne, inutile dans le partage dinformation (premire raison davoir un site!!!) Pourrait trs bien avoir cot des millions! </li> <li> 30. Les rgles de lart mauvais exemples Serene Naturist : quand les contrastes nexistent pas Aucun contraste de couleur, police ou utilisation despace blanc pour aider la lecture Trop dimages, trop de mouvements, trop de tout Explications sur le site, quand cela devrait tre intuitif Aucune suite dans les ides, aucun guide pour aider trouver linformation recherche Aucune structure, aucune consistence chouent tablir la crdibilit de leur entreprise </li> <li> 31. Les rgles de lart mauvais exemples P&amp;M Computers, Groupe CLE : quand le mouvement nous donne mal au coeurhttp://www.pandminc.com/http://groupecle.com/#/splash/ Mauvais nom de domaine (P&amp;M) Mauvaise utilisation de Flash Temps de tlchargement trop long Aucun focus Consistence mise lpreuve Nous font rflchir trop longtemps </li> <li> 32. Mot de la fin quoi vous attendre Ce quil faut faire pour tre prt? Focus, avoir travaill une stratgie pralablement Temps et nergie tre prt prendre des dcisions Patience, tre prt faire un effort et apprendre, mme si cest quelquun daut...</li></ul>