SlideShare une entreprise Scribd logo
1  sur  36
Vitrine virtuelle
CEFQ, 19 janvier 2012
Vitrine virtuelle
• Qui suis-je?

Marie-Andrée Roger
  • Co-proprio de Overture Project
  • Projet Kobolaa
  • Pour plus de détails:
    http://www.linkedin.com/in/marieandreeroger
Vitrine virtuelle
• Qu’est-ce qu’une vitrine virtuelle?
  • Faire vivre, partager, communiquer, évoluer son projet/
    son produit sur le web; ultimement le VENDRE.



 Un site web n’est qu’UNE partie d’une stratégie web;
 elle n’est pas l’unique avenue.
 Et il y a plusieurs manières de le faire…
Vitrine virtuelle
• À quoi ça sert?
  • Partager l’information
  • Faire découvrir son projet/produit
  • Attirer l’attention
  • Établir sa crédibilité
  • Supporter votre service à la clientèle 24h/24, 7 jours/7
  • Réduire les coûts d’opérations : marketing, ventes, service,
    production, etc.
  • Augmenter ses revenus, si bien fait!
  • Peut contenir des outils pour soutenir vos opérations :
    e-Boutique, questionnaire, inscription évènements, etc.
Vitrine virtuelle
• Pourquoi j’en ai besoin?
  • Parce que vos clients estiment que vous DEVEZ en avoir un!
  • Ne pas avoir de site = pas sérieux, aucune crédibilité
  • La plupart des gens visitent un site web pour résoudre un
    problème qu’ils ont :
     •   Ils ont besoin d’information
     •   Ils veulent faire un achat ou un don
     •   Ils veulent être divertis
     •   Ils veulent faire partie d’une communauté
 Si vous pouvez les aider efficacement → SUCCÈS
Vitrine virtuelle
• Activité de réflexion
Vitrine virtuelle
• Présentation d’aujourd’hui
 1. Création de sa propre vitrine virtuelle
     • Processus itératif en 4 temps
 2. Les règles de l’art
     • Comment faire un excellent site web qui génèrera des revenus
 3. Atelier
     • Plan de création de la vitrine virtuelle d’un participant
1. Processus itératif de
création de sa propre
vitrine virtuelle
Créer sa propre vitrine virtuelle
• Les premiers pas : informer un client potentiel, avoir une
  présence sur le web
  • Médias Sociaux
     • GRATUITS : Facebook, (Twitter), LinkedIn, Google+, YouTube
     • PAYANTS : ning
  • Répertoires
     • GRATUITS : Yelp.com, Associations professionnelles, répertoires
       spécialisés (icriq.com, artisans-quebec.com, etc.)
     • PAYANTS : Page Jaunes, répertoires spécialisés (restoMTL, weblocal,
       bonjourquébec.com etc.)
  • Sites de vos collaborateurs (ex : boutique, agents, vendeurs,
    clients, etc.)
Créer sa propre vitrine virtuelle
• Le deuxième 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
Créer sa propre vitrine virtuelle
• Le troisième pas : avoir son propre site / blogue
  • Les 4 possibilités
     • 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.)   $$$+
Créer sa propre vitrine virtuelle
• Do-It-Yourself (DIY) gratuit (Tumblr, Wix, WordPress, etc.)
  • AVANTAGES
     • Gratuit!
     • Donne rapidement des résultats simples
     • Bon terrain de jeu pour apprendre à avoir un petit site web
  • DÉSAVANTAGES
     • Demande beaucoup d’apprentissage, donc de temps
     • Possibilités limitées, peut être ardu (voir impossible) d’atteindre un
       résultat précis
Créer sa propre vitrine virtuelle
• Do-It-Yourself (DIY) payants / Content Management Systems
  (CMS) (Joomla!, SquareSpace, Drupal, etc.) $
  • AVANTAGES
     • Contrôle complet sur l’ensemble des aspects du site
     • Avoir des connaissances techniques ouvre bien des possibilités
  • DÉSAVANTAGES
     • Demande ÉNORMÉMENT d’apprentissage, donc de temps et
       d’énergie
     • Comme ce sont des outils puissants, il est possible (et même facile)
       de faire des erreurs qui vont briser / détruire le site
Créer sa propre vitrine virtuelle
• Sous-contractant, avec CMS          $$
  • AVANTAGES
     • Habituellement pas de dépassement de coûts
     • Moins de surprises, souvent le sous-contractant présente un
       « catalogue » des modules offerts
  • DÉSAVANTAGES
     • Le sous-contractant n’est qu’un intermédiaire et n’a pas de contrôle
       sur les modules du CMS et leurs modifications
     • Si les modules sont insuffisant, faire du sur-mesure avec un CMS c’est
       s’engager sur un terrain glissant
     • La plupart des sites faits avec un CMS finissent par se ressembler
Créer sa propre vitrine virtuelle
• Sous-contractant, sur mesure (HTML-CSS, Flash, etc.) $$$+
  • AVANTAGES
     • Possibilités illimitées
     • Le client est souvent mieux encadré, donc passe plus de temps à
       développer son contenu et sa stratégie
     • Si le travail est de qualité (W3C), il est facile de le prendre comme
       base pour faire évoluer le site par la suite
  • DÉSAVANTAGES
     • Possibilités illimitées!
     • Demande une vision très claire des besoins et objectifs
Créer sa propre vitrine virtuelle
• Ensuite…
  • Faire vivre sa vitrine virtuelle!
     • Entretient - Maintient
     • Aller plus loin encore…
Questions?
2. Les règles de l’art –
Comment faire un
excellent site web qui
génèrera des revenus?
Bases techniques
• Les bases techniques d’un site web - comment ça marche?
  • Architecture d’une requête web
   1. Un utilisateur ouvre son navigateur (browser)
   2. Il entre l’adresse (domaine) d’un site web
   3. Le browser trouve le serveur associé au domaine
   4. Le browser demande une page au serveur
   5. Le serveur prépare la page demandée
   6. Le serveur envoie le code de la page au browser
   7. Le browser interprète le code et affiche la page
Bases techniques
• Nom de domaine
  • Compagnies: Godaddy.com, domain.com, domainname.ca, etc.
  • Favoriser le nom de l’entreprise plutôt que ce qu’elle fait
  • Prioriser un nom simple plutôt qu’élaboré (.com vs .ca)
  • Pas besoin d’acheter plusieurs versions
  • Éviter les ponctuations (-, _, ~, etc.), les accents et les articles (le,
    et, à, etc.)
  • NOTE : utilisez votre adresse email …@votredomaine.com pour
    toutes vos activités commerciales
Bases techniques
• Hébergement
  • À discuter avec votre programmeur (Linux, Windows)
  • Habituellement entre 7$ et 10$ par mois
  • Frais récurrent à chaque année, séparément de la programmation
    de votre site
Bases techniques
• Browsers
  • Les gens utilisent différents browsers (Internet Explorer, Firefox,
    Chrome, Safari, Opera)
  • Problèmes d’affichage entre les browsers
  • Problèmes avec les anciennes versions
     • Les gens ne font pas leurs mises à jour!!
  • Tous les browsers ne supportent pas toutes les technologies (ex.:
    HTML5)
Bases techniques
• Mobile
  • Chaque téléphone et chaque tablette est différent
  • La plupart des browsers de téléphones ont des capacités réduites
     • Pas de support pour des technologies riches comme Flash et
       Silverlight
  • 3 solutions possibles :
     • 1. Site régulier accessible par browser mobile
     • 2. Site fait spécifiquement pour browser mobile
     • 3. Application fait sur mesure
Les règles de l’art
 • Qu’est-ce qu’un site parfait?
    • Un site épuré
    • Un site balancé où chaque chose est à sa place et est placée de façon
      constante sur chaque page
    • Un site où une attention est portée au détail
    • Un site où les espaces blancs (white spaces) sont utilisés de façon
      intelligente et stratégique
    • Un site avec un design moderne mais modéré
    • Un site qui utilise des schémas de couleurs intuitifs et des contrastes
      forts pour une meilleure lisibilité des textes et une perception
      visuelle des éléments
    • Un site qui est descriptif, qui présente le projet/produit en soutenant
      sa crédibilité (ex: photo du produit)
    • Un site qui est entretenu, qui est vivant (qui marque le passage du
      temps)
    • Un site qui n’émet pas de son
Les règles de l’art
 • Contenu, contenu, contenu
    • L’élément LE PLUS IMPORTANT d’un site web
    • “Less is more”, percutant, efficace
    • Toujours prendre en compte : l’auditoire, le message, le moyen de
      communication
    • Technique de création de contenu
      • Message principal
      • Messages secondaires
      • Appels à l’action
    • La répétition est nécessaire mais de la bonne façon
Les règles de l’art
 • Design/Layout
    • Stratégie: informer ou attirer l’attention?
    • Ne jamais oublier : un usager peut arriver n’importe où, n’importe
      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 d’auteurs


  Quelqu’un devrait être en mesure de deviner le sujet de votre site
  en 4 secondes
Les règles de l’art
 • Search Engine Optimization (SEO) de base
    • Contenu écrit, mots-clés, 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? – Qu’est-ce qui vous appartient?
    • Le code, le design, les images faites sur mesure, les textes originaux,
      les entrées de blogue, etc.
    • Exigez d’avoir tout cela en votre possession à la fin de votre contrat
Questions?
Les règles de l’art – mauvais exemples
• Xeros: Reproduire la “réalité” sur un site
http://www.realbusiness.com/#/ready-for-business/select
   • Temps de téléchargement trop long
   • Site entièrement en Flash
   • Aucun outil de recherche à portée de la main
   • Très confus, aucun focus, n’atteint aucun but
   • N’aide personne, inutile dans le partage d’information (première
     raison d’avoir un site!!!)
   • Pourrait très bien avoir coûté des millions!
Les règles de l’art – mauvais exemples
• Serene Naturist : quand les contrastes n’existent pas

  • Aucun contraste de couleur, police ou utilisation d’espace blanc
    pour aider à la lecture
  • Trop d’images, trop de mouvements, trop de tout…
  • Explications sur le site, quand cela devrait être intuitif
  • Aucune suite dans les idées, aucun guide pour aider à trouver
    l’information recherchée
  • Aucune structure, aucune consistence
  • Échouent à établir la crédibilité de leur entreprise
Les règles de l’art – mauvais exemples
• P&M Computers, Groupe CLE : quand le mouvement nous
   donne mal au coeur
http://www.pandminc.com/
http://groupecle.com/#/splash/
  •   Mauvais nom de domaine (P&M)
  •   Mauvaise utilisation de Flash
  •   Temps de téléchargement trop long
  •   Aucun focus
  •   Consistence mise à l’épreuve
  •   Nous font réfléchir trop longtemps…
Mot de la fin
 • À quoi vous attendre… Ce qu’il faut faire pour être prêt?
    •   Focus, avoir travaillé une stratégie préalablement
    •   Temps et énergie
    •   Être prêt à prendre des décisions
    •   Patience, être prêt à faire un effort et apprendre, même si c’est
        quelqu’un d’autre qui le fait à votre place
        • « Vous achetez une voiture, il faut savoir la conduire. »
    • SURTOUT, allez y une étape à la fois
 • Retour sur l’exercice de réflexion, période de questions
Sources
•   Mashable.com
•   Smashingmagasine.com
•   Wikipedia.com
•   Kobolaa.com/blog
Liens


http://www.facebook.com/         http://www.agentsolo.com/     http://www.godaddy.com/
http://twitter.com/              http://www.freelancer.com/    http://www.domain.com/
http://www.linkedin.com/         http://www.freelance.com/     http://www.domainname.ca/
https://plus.google.com/         http://www.groupon.ca/        http://www.microsoft.com/windows/
http://www.youtube.com/          http://www.tuango.ca/         internet-explorer/
http://www.ning.com/             http://www.teambuy.ca/        http://www.mozilla.org/
http://www.yelp.com/             http://www.paypal.com/        http://www.google.com/chrome/
http://www.icriq.com             https://www.tumblr.com/       http://www.apple.com/safari/
http://www.artisans-quebec.com   http://www.wix.com/           http://www.opera.com/
http://www.pagesjaunes.ca/       http://www.wordpress.com/     http://www.shutterstock.com/
http://www.restomontreal.ca/     http://www.blogger.com/       http://www.istockphoto.com/
http://www.weblocal.ca/          http://www.joomla.org/        http://www.depositphoto.com/
http://www.bonjourquebec.com/    http://www.squarespace.com/   http://www.google.com/analytics/
http://www.ebay.ca/              http://drupal.org/            http://www.w3.org/WAI/
http://www.amazon.ca/            http://www.w3c.org/
http://www.shopify.com/
Atelier
• Plan de création de la vitrine virtuelle d’un participant
Merci!
 N’hésitez pas à m’écrire pour toutes questions!
 marie.roger@overtureproject.com




                    Overture Project
                    Agence de développement logiciel et web
                    http://overtureproject.com

Contenu connexe

Tendances

Qu'est l'ingénierie pédagogique?
Qu'est l'ingénierie pédagogique?Qu'est l'ingénierie pédagogique?
Qu'est l'ingénierie pédagogique?fberaud
 
Mémoire-Msc Marketing-Raoul-Chavialle
Mémoire-Msc Marketing-Raoul-ChavialleMémoire-Msc Marketing-Raoul-Chavialle
Mémoire-Msc Marketing-Raoul-ChavialleRaoul Chavialle
 
Mémoire Professionnel - En quoi l’utilisation du marketing digital peut perm...
Mémoire Professionnel  - En quoi l’utilisation du marketing digital peut perm...Mémoire Professionnel  - En quoi l’utilisation du marketing digital peut perm...
Mémoire Professionnel - En quoi l’utilisation du marketing digital peut perm...Thibault PAILLIER
 
Enquête de satisfaction - présentation
Enquête de satisfaction - présentationEnquête de satisfaction - présentation
Enquête de satisfaction - présentationLe Lirographe
 
Modèle de syllabus de cours
Modèle de syllabus de coursModèle de syllabus de cours
Modèle de syllabus de coursEmilie Bouvrand
 
Plaquette de présentation GO Consulting
Plaquette de présentation GO ConsultingPlaquette de présentation GO Consulting
Plaquette de présentation GO ConsultingAli BENSOUDA
 
L’économie sociale et solidaire
L’économie sociale et solidaireL’économie sociale et solidaire
L’économie sociale et solidairemajdoun youssef
 
Ppt activites ludiques_en_classe_de_fle_par_emilie_jacament
Ppt activites ludiques_en_classe_de_fle_par_emilie_jacamentPpt activites ludiques_en_classe_de_fle_par_emilie_jacament
Ppt activites ludiques_en_classe_de_fle_par_emilie_jacamentAbderrahim Islah
 
Les ecrits-professionnels
Les ecrits-professionnelsLes ecrits-professionnels
Les ecrits-professionnelsRabah HELAL
 
286525541-Memoire-en-controle-de-gestion.pdf
286525541-Memoire-en-controle-de-gestion.pdf286525541-Memoire-en-controle-de-gestion.pdf
286525541-Memoire-en-controle-de-gestion.pdfachrafSy
 
Charpente métallique
Charpente métallique Charpente métallique
Charpente métallique Sami Sahli
 
Rapport de stage complet sur la planification et la gestion budgetaire d'une ...
Rapport de stage complet sur la planification et la gestion budgetaire d'une ...Rapport de stage complet sur la planification et la gestion budgetaire d'une ...
Rapport de stage complet sur la planification et la gestion budgetaire d'une ...proviseur
 
Rapport de stage controle de gestion
Rapport de stage controle de gestionRapport de stage controle de gestion
Rapport de stage controle de gestionabdeloahed hamdi
 
Invitation réunion
Invitation réunionInvitation réunion
Invitation réunion30luna82
 
Contrôle 1 économie et organisation des entreprises Ecoaf
Contrôle 1 économie et organisation des entreprises  EcoafContrôle 1 économie et organisation des entreprises  Ecoaf
Contrôle 1 économie et organisation des entreprises EcoafEcoAf
 
Les enjeux de la relation client en Assurance à l'heure du digital
Les enjeux de la relation client en Assurance à l'heure du digitalLes enjeux de la relation client en Assurance à l'heure du digital
Les enjeux de la relation client en Assurance à l'heure du digitalSmahane MAKRINI
 

Tendances (20)

Qu'est l'ingénierie pédagogique?
Qu'est l'ingénierie pédagogique?Qu'est l'ingénierie pédagogique?
Qu'est l'ingénierie pédagogique?
 
Mémoire-Msc Marketing-Raoul-Chavialle
Mémoire-Msc Marketing-Raoul-ChavialleMémoire-Msc Marketing-Raoul-Chavialle
Mémoire-Msc Marketing-Raoul-Chavialle
 
Mémoire Professionnel - En quoi l’utilisation du marketing digital peut perm...
Mémoire Professionnel  - En quoi l’utilisation du marketing digital peut perm...Mémoire Professionnel  - En quoi l’utilisation du marketing digital peut perm...
Mémoire Professionnel - En quoi l’utilisation du marketing digital peut perm...
 
L’ÉTANCHEITE.ppt
L’ÉTANCHEITE.pptL’ÉTANCHEITE.ppt
L’ÉTANCHEITE.ppt
 
Enquête de satisfaction - présentation
Enquête de satisfaction - présentationEnquête de satisfaction - présentation
Enquête de satisfaction - présentation
 
Formation sur les tice
Formation sur les tice Formation sur les tice
Formation sur les tice
 
Communication orale: L'accueil
Communication orale: L'accueilCommunication orale: L'accueil
Communication orale: L'accueil
 
Modèle de syllabus de cours
Modèle de syllabus de coursModèle de syllabus de cours
Modèle de syllabus de cours
 
Plaquette de présentation GO Consulting
Plaquette de présentation GO ConsultingPlaquette de présentation GO Consulting
Plaquette de présentation GO Consulting
 
L’économie sociale et solidaire
L’économie sociale et solidaireL’économie sociale et solidaire
L’économie sociale et solidaire
 
Ppt activites ludiques_en_classe_de_fle_par_emilie_jacament
Ppt activites ludiques_en_classe_de_fle_par_emilie_jacamentPpt activites ludiques_en_classe_de_fle_par_emilie_jacament
Ppt activites ludiques_en_classe_de_fle_par_emilie_jacament
 
Les ecrits-professionnels
Les ecrits-professionnelsLes ecrits-professionnels
Les ecrits-professionnels
 
L'Art de la persuasion
L'Art de la persuasionL'Art de la persuasion
L'Art de la persuasion
 
286525541-Memoire-en-controle-de-gestion.pdf
286525541-Memoire-en-controle-de-gestion.pdf286525541-Memoire-en-controle-de-gestion.pdf
286525541-Memoire-en-controle-de-gestion.pdf
 
Charpente métallique
Charpente métallique Charpente métallique
Charpente métallique
 
Rapport de stage complet sur la planification et la gestion budgetaire d'une ...
Rapport de stage complet sur la planification et la gestion budgetaire d'une ...Rapport de stage complet sur la planification et la gestion budgetaire d'une ...
Rapport de stage complet sur la planification et la gestion budgetaire d'une ...
 
Rapport de stage controle de gestion
Rapport de stage controle de gestionRapport de stage controle de gestion
Rapport de stage controle de gestion
 
Invitation réunion
Invitation réunionInvitation réunion
Invitation réunion
 
Contrôle 1 économie et organisation des entreprises Ecoaf
Contrôle 1 économie et organisation des entreprises  EcoafContrôle 1 économie et organisation des entreprises  Ecoaf
Contrôle 1 économie et organisation des entreprises Ecoaf
 
Les enjeux de la relation client en Assurance à l'heure du digital
Les enjeux de la relation client en Assurance à l'heure du digitalLes enjeux de la relation client en Assurance à l'heure du digital
Les enjeux de la relation client en Assurance à l'heure du digital
 

Similaire à Vitrine virtuelle

Etourisme : être présent efficacement sur le web
Etourisme : être présent efficacement sur le webEtourisme : être présent efficacement sur le web
Etourisme : être présent efficacement sur le webSabrina Echappe Web Creatif
 
SEO - Le référencement naturel n’aura plus de secret pour vous !
SEO - Le référencement naturel n’aura plus de secret pour vous !SEO - Le référencement naturel n’aura plus de secret pour vous !
SEO - Le référencement naturel n’aura plus de secret pour vous !Agence Bee Yoo
 
Formation bien démarrer sur internet
Formation bien démarrer sur internetFormation bien démarrer sur internet
Formation bien démarrer sur internetSylvie de Meeûs
 
WordPress sous stéroïdes : votre site Web vers les sommets !
WordPress sous stéroïdes : votre site Web vers les sommets !WordPress sous stéroïdes : votre site Web vers les sommets !
WordPress sous stéroïdes : votre site Web vers les sommets !Aurélien Denis
 
N'achetez pas tout ce qu'on vous propose
N'achetez pas tout ce qu'on vous proposeN'achetez pas tout ce qu'on vous propose
N'achetez pas tout ce qu'on vous proposeSylvain Gauthier
 
Créer et gérer un site internet seul c'est possible
Créer et gérer un site internet seul c'est possibleCréer et gérer un site internet seul c'est possible
Créer et gérer un site internet seul c'est possibleYoucef Kébaïli
 
Création de son site Internet
Création de son site InternetCréation de son site Internet
Création de son site InternetLe Moulin Digital
 
ATELIER 6 - site web efficace
ATELIER 6 - site web efficaceATELIER 6 - site web efficace
ATELIER 6 - site web efficaceTarn Tourisme
 
Développer son site internet et optimiser son référencement
Développer son site internet et optimiser son référencementDévelopper son site internet et optimiser son référencement
Développer son site internet et optimiser son référencementYoann Kassi-Vivier
 
Créer son site web avec WordPress
Créer son site web avec WordPressCréer son site web avec WordPress
Créer son site web avec WordPressAbel LIFAEFI MBULA
 
Les points clés à connaitre pour réussir ses premiers pas dans l’e-commerce
Les points clés à connaitre pour réussir ses premiers pas dans l’e-commerceLes points clés à connaitre pour réussir ses premiers pas dans l’e-commerce
Les points clés à connaitre pour réussir ses premiers pas dans l’e-commerceLilian FOURCADIER
 
Créateurs d’entreprises, mode d’emploi pour vendre en ligne
Créateurs d’entreprises, mode d’emploi pour vendre en ligne Créateurs d’entreprises, mode d’emploi pour vendre en ligne
Créateurs d’entreprises, mode d’emploi pour vendre en ligne Lilian FOURCADIER
 
Ayez les clés pour bâtir votre site internet et communiquer avec votre agence
Ayez les clés pour bâtir votre site internet et communiquer avec votre agenceAyez les clés pour bâtir votre site internet et communiquer avec votre agence
Ayez les clés pour bâtir votre site internet et communiquer avec votre agenceDestination Brocéliande
 
Concevoir une boutique WooCommerce (vraiment) sexy
Concevoir une boutique WooCommerce (vraiment) sexyConcevoir une boutique WooCommerce (vraiment) sexy
Concevoir une boutique WooCommerce (vraiment) sexyAurélien Denis
 
Séance d'information présentation ppt
Séance d'information présentation pptSéance d'information présentation ppt
Séance d'information présentation pptNadia Courchesne
 
Internet en entreprise - octobre 2012
Internet en entreprise - octobre 2012Internet en entreprise - octobre 2012
Internet en entreprise - octobre 2012Le Moulin Digital
 
Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015SADC d'Abitibi-Ouest
 
Comment réussir dans le digital avec peu de moyens ? par Guillaume de Lacoste...
Comment réussir dans le digital avec peu de moyens ? par Guillaume de Lacoste...Comment réussir dans le digital avec peu de moyens ? par Guillaume de Lacoste...
Comment réussir dans le digital avec peu de moyens ? par Guillaume de Lacoste...Guillaume de Lacoste Lareymondie
 

Similaire à Vitrine virtuelle (20)

CMS et Wordpress
CMS et WordpressCMS et Wordpress
CMS et Wordpress
 
Comment déveloper son entreprise grâce au web
Comment déveloper son entreprise grâce au webComment déveloper son entreprise grâce au web
Comment déveloper son entreprise grâce au web
 
Etourisme : être présent efficacement sur le web
Etourisme : être présent efficacement sur le webEtourisme : être présent efficacement sur le web
Etourisme : être présent efficacement sur le web
 
SEO - Le référencement naturel n’aura plus de secret pour vous !
SEO - Le référencement naturel n’aura plus de secret pour vous !SEO - Le référencement naturel n’aura plus de secret pour vous !
SEO - Le référencement naturel n’aura plus de secret pour vous !
 
Formation bien démarrer sur internet
Formation bien démarrer sur internetFormation bien démarrer sur internet
Formation bien démarrer sur internet
 
WordPress sous stéroïdes : votre site Web vers les sommets !
WordPress sous stéroïdes : votre site Web vers les sommets !WordPress sous stéroïdes : votre site Web vers les sommets !
WordPress sous stéroïdes : votre site Web vers les sommets !
 
N'achetez pas tout ce qu'on vous propose
N'achetez pas tout ce qu'on vous proposeN'achetez pas tout ce qu'on vous propose
N'achetez pas tout ce qu'on vous propose
 
Créer et gérer un site internet seul c'est possible
Créer et gérer un site internet seul c'est possibleCréer et gérer un site internet seul c'est possible
Créer et gérer un site internet seul c'est possible
 
Création de son site Internet
Création de son site InternetCréation de son site Internet
Création de son site Internet
 
ATELIER 6 - site web efficace
ATELIER 6 - site web efficaceATELIER 6 - site web efficace
ATELIER 6 - site web efficace
 
Développer son site internet et optimiser son référencement
Développer son site internet et optimiser son référencementDévelopper son site internet et optimiser son référencement
Développer son site internet et optimiser son référencement
 
Créer son site web avec WordPress
Créer son site web avec WordPressCréer son site web avec WordPress
Créer son site web avec WordPress
 
Les points clés à connaitre pour réussir ses premiers pas dans l’e-commerce
Les points clés à connaitre pour réussir ses premiers pas dans l’e-commerceLes points clés à connaitre pour réussir ses premiers pas dans l’e-commerce
Les points clés à connaitre pour réussir ses premiers pas dans l’e-commerce
 
Créateurs d’entreprises, mode d’emploi pour vendre en ligne
Créateurs d’entreprises, mode d’emploi pour vendre en ligne Créateurs d’entreprises, mode d’emploi pour vendre en ligne
Créateurs d’entreprises, mode d’emploi pour vendre en ligne
 
Ayez les clés pour bâtir votre site internet et communiquer avec votre agence
Ayez les clés pour bâtir votre site internet et communiquer avec votre agenceAyez les clés pour bâtir votre site internet et communiquer avec votre agence
Ayez les clés pour bâtir votre site internet et communiquer avec votre agence
 
Concevoir une boutique WooCommerce (vraiment) sexy
Concevoir une boutique WooCommerce (vraiment) sexyConcevoir une boutique WooCommerce (vraiment) sexy
Concevoir une boutique WooCommerce (vraiment) sexy
 
Séance d'information présentation ppt
Séance d'information présentation pptSéance d'information présentation ppt
Séance d'information présentation ppt
 
Internet en entreprise - octobre 2012
Internet en entreprise - octobre 2012Internet en entreprise - octobre 2012
Internet en entreprise - octobre 2012
 
Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015
 
Comment réussir dans le digital avec peu de moyens ? par Guillaume de Lacoste...
Comment réussir dans le digital avec peu de moyens ? par Guillaume de Lacoste...Comment réussir dans le digital avec peu de moyens ? par Guillaume de Lacoste...
Comment réussir dans le digital avec peu de moyens ? par Guillaume de Lacoste...
 

Vitrine virtuelle

  • 2. Vitrine virtuelle • Qui suis-je? Marie-Andrée Roger • Co-proprio de Overture Project • Projet Kobolaa • Pour plus de détails: http://www.linkedin.com/in/marieandreeroger
  • 3. Vitrine virtuelle • Qu’est-ce qu’une vitrine virtuelle? • Faire vivre, partager, communiquer, évoluer son projet/ son produit sur le web; ultimement le VENDRE. Un site web n’est qu’UNE partie d’une stratégie web; elle n’est pas l’unique avenue. Et il y a plusieurs manières de le faire…
  • 4. Vitrine virtuelle • À quoi ça sert? • Partager l’information • Faire découvrir son projet/produit • Attirer l’attention • Établir sa crédibilité • Supporter votre service à la clientèle 24h/24, 7 jours/7 • Réduire les coûts d’opérations : marketing, ventes, service, production, etc. • Augmenter ses revenus, si bien fait! • Peut contenir des outils pour soutenir vos opérations : e-Boutique, questionnaire, inscription évènements, etc.
  • 5. Vitrine virtuelle • Pourquoi j’en ai besoin? • Parce que vos clients estiment que vous DEVEZ en avoir un! • Ne pas avoir de site = pas sérieux, aucune crédibilité • La plupart des gens visitent un site web pour résoudre un problème qu’ils ont : • Ils ont besoin d’information • Ils veulent faire un achat ou un don • Ils veulent être divertis • Ils veulent faire partie d’une communauté Si vous pouvez les aider efficacement → SUCCÈS
  • 7. Vitrine virtuelle • Présentation d’aujourd’hui 1. Création de sa propre vitrine virtuelle • Processus itératif en 4 temps 2. Les règles de l’art • Comment faire un excellent site web qui génèrera des revenus 3. Atelier • Plan de création de la vitrine virtuelle d’un participant
  • 8. 1. Processus itératif de création de sa propre vitrine virtuelle
  • 9. Créer sa propre vitrine virtuelle • Les premiers pas : informer un client potentiel, avoir une présence sur le web • Médias Sociaux • GRATUITS : Facebook, (Twitter), LinkedIn, Google+, YouTube • PAYANTS : ning • Répertoires • GRATUITS : Yelp.com, Associations professionnelles, répertoires spécialisés (icriq.com, artisans-quebec.com, etc.) • PAYANTS : Page Jaunes, répertoires spécialisés (restoMTL, weblocal, bonjourquébec.com etc.) • Sites de vos collaborateurs (ex : boutique, agents, vendeurs, clients, etc.)
  • 10. Créer sa propre vitrine virtuelle • Le deuxième 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
  • 11. Créer sa propre vitrine virtuelle • Le troisième pas : avoir son propre site / blogue • Les 4 possibilités • 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.) $$$+
  • 12. Créer sa propre vitrine virtuelle • Do-It-Yourself (DIY) gratuit (Tumblr, Wix, WordPress, etc.) • AVANTAGES • Gratuit! • Donne rapidement des résultats simples • Bon terrain de jeu pour apprendre à avoir un petit site web • DÉSAVANTAGES • Demande beaucoup d’apprentissage, donc de temps • Possibilités limitées, peut être ardu (voir impossible) d’atteindre un résultat précis
  • 13. Créer sa propre vitrine virtuelle • Do-It-Yourself (DIY) payants / Content Management Systems (CMS) (Joomla!, SquareSpace, Drupal, etc.) $ • AVANTAGES • Contrôle complet sur l’ensemble des aspects du site • Avoir des connaissances techniques ouvre bien des possibilités • DÉSAVANTAGES • Demande ÉNORMÉMENT d’apprentissage, donc de temps et d’énergie • Comme ce sont des outils puissants, il est possible (et même facile) de faire des erreurs qui vont briser / détruire le site
  • 14. Créer sa propre vitrine virtuelle • Sous-contractant, avec CMS $$ • AVANTAGES • Habituellement pas de dépassement de coûts • Moins de surprises, souvent le sous-contractant présente un « catalogue » des modules offerts • DÉSAVANTAGES • Le sous-contractant n’est qu’un intermédiaire et n’a pas de contrôle sur les modules du CMS et leurs modifications • Si les modules sont insuffisant, faire du sur-mesure avec un CMS c’est s’engager sur un terrain glissant • La plupart des sites faits avec un CMS finissent par se ressembler
  • 15. Créer sa propre vitrine virtuelle • Sous-contractant, sur mesure (HTML-CSS, Flash, etc.) $$$+ • AVANTAGES • Possibilités illimitées • Le client est souvent mieux encadré, donc passe plus de temps à développer son contenu et sa stratégie • Si le travail est de qualité (W3C), il est facile de le prendre comme base pour faire évoluer le site par la suite • DÉSAVANTAGES • Possibilités illimitées! • Demande une vision très claire des besoins et objectifs
  • 16. Créer sa propre vitrine virtuelle • Ensuite… • Faire vivre sa vitrine virtuelle! • Entretient - Maintient • Aller plus loin encore…
  • 18. 2. Les règles de l’art – Comment faire un excellent site web qui génèrera des revenus?
  • 19. Bases techniques • Les bases techniques d’un site web - comment ça marche? • Architecture d’une requête web 1. Un utilisateur ouvre son navigateur (browser) 2. Il entre l’adresse (domaine) d’un site web 3. Le browser trouve le serveur associé au domaine 4. Le browser demande une page au serveur 5. Le serveur prépare la page demandée 6. Le serveur envoie le code de la page au browser 7. Le browser interprète le code et affiche la page
  • 20. Bases techniques • Nom de domaine • Compagnies: Godaddy.com, domain.com, domainname.ca, etc. • Favoriser le nom de l’entreprise plutôt que ce qu’elle fait • Prioriser un nom simple plutôt qu’élaboré (.com vs .ca) • Pas besoin d’acheter plusieurs versions • Éviter les ponctuations (-, _, ~, etc.), les accents et les articles (le, et, à, etc.) • NOTE : utilisez votre adresse email …@votredomaine.com pour toutes vos activités commerciales
  • 21. Bases techniques • Hébergement • À discuter avec votre programmeur (Linux, Windows) • Habituellement entre 7$ et 10$ par mois • Frais récurrent à chaque année, séparément de la programmation de votre site
  • 22. Bases techniques • Browsers • Les gens utilisent différents browsers (Internet Explorer, Firefox, Chrome, Safari, Opera) • Problèmes d’affichage entre les browsers • Problèmes avec les anciennes versions • Les gens ne font pas leurs mises à jour!! • Tous les browsers ne supportent pas toutes les technologies (ex.: HTML5)
  • 23. Bases techniques • Mobile • Chaque téléphone et chaque tablette est différent • La plupart des browsers de téléphones ont des capacités réduites • Pas de support pour des technologies riches comme Flash et Silverlight • 3 solutions possibles : • 1. Site régulier accessible par browser mobile • 2. Site fait spécifiquement pour browser mobile • 3. Application fait sur mesure
  • 24. Les règles de l’art • Qu’est-ce qu’un site parfait? • Un site épuré • Un site balancé où chaque chose est à sa place et est placée de façon constante sur chaque page • Un site où une attention est portée au détail • Un site où les espaces blancs (white spaces) sont utilisés de façon intelligente et stratégique • Un site avec un design moderne mais modéré • Un site qui utilise des schémas de couleurs intuitifs et des contrastes forts pour une meilleure lisibilité des textes et une perception visuelle des éléments • Un site qui est descriptif, qui présente le projet/produit en soutenant sa crédibilité (ex: photo du produit) • Un site qui est entretenu, qui est vivant (qui marque le passage du temps) • Un site qui n’émet pas de son
  • 25. Les règles de l’art • Contenu, contenu, contenu • L’élément LE PLUS IMPORTANT d’un site web • “Less is more”, percutant, efficace • Toujours prendre en compte : l’auditoire, le message, le moyen de communication • Technique de création de contenu • Message principal • Messages secondaires • Appels à l’action • La répétition est nécessaire mais de la bonne façon
  • 26. Les règles de l’art • Design/Layout • Stratégie: informer ou attirer l’attention? • Ne jamais oublier : un usager peut arriver n’importe où, n’importe 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 d’auteurs Quelqu’un devrait être en mesure de deviner le sujet de votre site en 4 secondes
  • 27. Les règles de l’art • Search Engine Optimization (SEO) de base • Contenu écrit, mots-clés, 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? – Qu’est-ce qui vous appartient? • Le code, le design, les images faites sur mesure, les textes originaux, les entrées de blogue, etc. • Exigez d’avoir tout cela en votre possession à la fin de votre contrat
  • 29. Les règles de l’art – mauvais exemples • Xeros: Reproduire la “réalité” sur un site http://www.realbusiness.com/#/ready-for-business/select • Temps de téléchargement trop long • Site entièrement en Flash • Aucun outil de recherche à portée de la main • Très confus, aucun focus, n’atteint aucun but • N’aide personne, inutile dans le partage d’information (première raison d’avoir un site!!!) • Pourrait très bien avoir coûté des millions!
  • 30. Les règles de l’art – mauvais exemples • Serene Naturist : quand les contrastes n’existent pas • Aucun contraste de couleur, police ou utilisation d’espace blanc pour aider à la lecture • Trop d’images, trop de mouvements, trop de tout… • Explications sur le site, quand cela devrait être intuitif • Aucune suite dans les idées, aucun guide pour aider à trouver l’information recherchée • Aucune structure, aucune consistence • Échouent à établir la crédibilité de leur entreprise
  • 31. Les règles de l’art – mauvais exemples • P&M Computers, Groupe CLE : quand le mouvement nous donne mal au coeur http://www.pandminc.com/ http://groupecle.com/#/splash/ • Mauvais nom de domaine (P&M) • Mauvaise utilisation de Flash • Temps de téléchargement trop long • Aucun focus • Consistence mise à l’épreuve • Nous font réfléchir trop longtemps…
  • 32. Mot de la fin • À quoi vous attendre… Ce qu’il faut faire pour être prêt? • Focus, avoir travaillé une stratégie préalablement • Temps et énergie • Être prêt à prendre des décisions • Patience, être prêt à faire un effort et apprendre, même si c’est quelqu’un d’autre qui le fait à votre place • « Vous achetez une voiture, il faut savoir la conduire. » • SURTOUT, allez y une étape à la fois • Retour sur l’exercice de réflexion, période de questions
  • 33. Sources • Mashable.com • Smashingmagasine.com • Wikipedia.com • Kobolaa.com/blog
  • 34. Liens http://www.facebook.com/ http://www.agentsolo.com/ http://www.godaddy.com/ http://twitter.com/ http://www.freelancer.com/ http://www.domain.com/ http://www.linkedin.com/ http://www.freelance.com/ http://www.domainname.ca/ https://plus.google.com/ http://www.groupon.ca/ http://www.microsoft.com/windows/ http://www.youtube.com/ http://www.tuango.ca/ internet-explorer/ http://www.ning.com/ http://www.teambuy.ca/ http://www.mozilla.org/ http://www.yelp.com/ http://www.paypal.com/ http://www.google.com/chrome/ http://www.icriq.com https://www.tumblr.com/ http://www.apple.com/safari/ http://www.artisans-quebec.com http://www.wix.com/ http://www.opera.com/ http://www.pagesjaunes.ca/ http://www.wordpress.com/ http://www.shutterstock.com/ http://www.restomontreal.ca/ http://www.blogger.com/ http://www.istockphoto.com/ http://www.weblocal.ca/ http://www.joomla.org/ http://www.depositphoto.com/ http://www.bonjourquebec.com/ http://www.squarespace.com/ http://www.google.com/analytics/ http://www.ebay.ca/ http://drupal.org/ http://www.w3.org/WAI/ http://www.amazon.ca/ http://www.w3c.org/ http://www.shopify.com/
  • 35. Atelier • Plan de création de la vitrine virtuelle d’un participant
  • 36. Merci! N’hésitez pas à m’écrire pour toutes questions! marie.roger@overtureproject.com Overture Project Agence de développement logiciel et web http://overtureproject.com