Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Webschool Tours Preparer la refonte de son site web

501 views

Published on

Cet atelier vous proposera :
Une présentation les différentes étapes de préparation pour la création / refonte d’un site web
Des conseils pour trouver un prestataire à votre écoute et qui vous apportera satisfaction.
Un exercice d’expression de votre besoin.
Alors n’hésitez pas ! Venez redéfinir votre futur site web.

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Webschool Tours Preparer la refonte de son site web

  1. 1. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Les sociétés, marques cités dans ce document doivent être regardés comme appartenant à leurs propriétaires respectifs. Les produits et services cités dans ce document le sont à titre d'exemple. NetPresta consent à l'utilisateur à reproduire entièrement ou partiellement cette présentation dans le cadre d'un usage strictement personnel, privé et non collectif. Toute mise en réseau rediffusion ou commercialisation totale ou partielle de ce contenu, auprès de tiers, sous quelque forme que ce soit est strictement interdite, sans autorisation préalable et écrite de NetPresta. Bonjour à tous Atelier : Préparer la création / refonte de son site web 1 / 34
  2. 2. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Industrie Sites Internet Conseil, Formation Identité Qui suis-je ? Webmaster et Formateur Drupal https://www.linkedin.com/in/netpresta 2 / 34
  3. 3. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Et vous ? Qui connait les langage HTML ? MySQL ? Plutôt Utilisateur ou Professionnel du web ? Qui a un projet de création / refonte de site web à court terme ? (en exemple ?) Qui était présent à la webschool d'octobre (Optimisez le référencement de votre site) ? 3 / 34
  4. 4. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Introduction / Prérequis Définir l'expression de son besoin Détailler un Cahier des charges (CdC) Faire des choix éclairés Planning et objectifs de cet atelier 4 / 34
  5. 5. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Audit concurrentiel Cahier des charges + Devis Conception : Maquettes + structure Nom de domaine, hébergement, Indexation Site en ligne Référencement Maintenance Développement : Programmation + paramétrage phases 1 à n Rédactionnel Optimisation Buzz Prérequis : Étapes d'un Projet Web 5 / 34
  6. 6. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Référencement naturel Définition Référencement * Art de positionner une page d'un site web dans un moteur de recherche. * C'est aussi le positionnement en lui-même dans les SERP (Search Engine Result Page : page listant les résultat de recherche). * Plus d'infos sur le contenu des serps sur https://moz.com/blog/mega-serp-a-visual-guide-to-google % Résultats ci-contre reconstitués à partir de plusieurs études depuis 2015 Zone 1 (≈17%) 4 annonces Zone 2 (≈ 4%) 3 annonces Zone 4 (≈ 5%) Zone 3 (≈ 70%) 10 liens Autres pages (≈ 3%) 6 / 34
  7. 7. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" URL (adresse web)Favicon (image) Title (onglet) h1 (titre page) Meta Description (résumé) h2 (sous-titre) liens navigation (menu) Mots en gras <strong> Liens internes Image Texte Widget réseaux sociaux (liens externes) Prérequis : Référencement 7 / 34
  8. 8. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Contenu Technique Popularité => Les résultats => Suivi et Optimisation Prérequis : Référencement 8 / 34
  9. 9. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Prérequis : Ergonomie web 1. Stratégie du site / Efficacité / Aspects macro Quels besoins de l'internaute ? - Indispensables : Contenu recherché - Importants : Fonctionnalités normales - Agréables : Fonctionnalités utiles inhabituelles 2. Structure / Efficience / Inter-Pages Comment accéder rapidement ? - Menu et vocabulaire clairs - Zone de Recherche (sites volumineux) - Un sujet = une page 3. Assistance / Plaisir / Intra-Pages Présentation des pages ? - Clarté : Séparation des Zones, Liens identifiables - Accessibilité : Contrastes, tailles, responsive - Contrôle : Pas de vidéo auto, choix appli / site web - Assistance : Aide formulaires, vocabulaire 9 / 34
  10. 10. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Prérequis : Inbound Marketing Les étapes Inconnu Curieux Visiteur Prospect Client Ambassadeur Site (Mots clés) Blog Photos Infographie Vidéo E-Book Story Telling Formation Web TV Bons plans Webzine Social media Appâts Leads Avis / Comm. Newsletter Social Media Call to Action (Site web et réseaux sociaux) Marketing automation Webinaire CRM Evèn. privé Petits Déj. Espace privé Privilèges Les outils 10 / 34
  11. 11. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Introduction / Prérequis Définir l'expression de son besoin Détailler un Cahier des charges (CdC) Faire des choix éclairés Planning et objectifs de cet atelier 11 / 34
  12. 12. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Exemples de raisons et leurs conséquences Mes concurrents présents => Moi aussi. Motivation 1 : Être vu - Communication interne et externe avec mon image, ma vision, mon dynamisme. Motivation 2 : Communiquer Développer Chiffre d'affaire. Motivation 3 : Vendre Expression du besoin 12 / 34
  13. 13. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" 1. Priorités du propriétaire du site ? 2. Quels objectifs (chiffrés) ? 3. Cible (public) ? 4. Attentes des internautes ? 5. Quels moyens (outils Inbound Marketing) ? Expression du besoin 13 / 34
  14. 14. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Pour faire le choix de la "meilleure solution" pour vous, il faut auparavant évaluer ces Principaux critères * Niveau technique propriétaire * Degré maîtrise / délégation * Qui va mettre à jour / maintenir le site après création * Relations avec prestataire web * Références du prestataire * Temps disponible, délai pour création * Raisons / motivation * Référencement souhaité * Existence logo / charte graphique entreprise * Personnalisation graphique et ergonomique * Spécificités de votre métier * Sécurité * Budget Expression du besoin 14 / 34
  15. 15. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Pages souhaitées Ex : - Accueil - Partenaires - Cat 1 - Tarifs - Cat 2 - Cat 3 - Livre d'Or - Contact - Mentions légales Fonctionnalités souhaitées Ex : - Livre d'or (5 Images) - Vidéo (Sur page d'Accueil) - Diaporama (Pages catégories) - Lien réseau sociaux (Facebook) - Pré-référencement des pages principales (Structure HTML) Périmètre Ce que le projet / site ne comprends pas : Ex : - Paiement en ligne - Blog - Envoi de newsletter. - Réservation de RDV - Plus de 10 pages. - Une garanti de présence en 1e page de Google Expression du besoin 15 / 34
  16. 16. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Éléments graphiques Ex. de Site web des principaux confrères / concurrents locaux Ex de Sites avec design agréables / référence Gabarit de site pré-senti (nombre de colonnes, position du menu, … ) Couleur / motif / image du Fond de page (principal / secondaire) - Couleur principale - Couleur secondaire possible - Motif : Remarque : En accord avec logo / Charte graphique de la société Photos à insérer Prises par le client Prises par un photographe (idéal) Achat des droits sur site de banques d'images Expression du besoin 16 / 34
  17. 17. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Introduction / Prérequis Définir l'expression de son besoin Détailler un Cahier des charges (CdC) Faire des choix éclairés Planning et objectifs de cet atelier 17 / 34
  18. 18. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Cahier des charges Infos organisme / société (Le demandeur) Identité : - Raison sociale - Statut juridique - Adresse - SIREN : - Code APE : Contact Principal : - Nom - Tel - Email Technique : - Nom - Tel - Email Editorial : - Nom - Tel - Email Vision projet "xxx-xxx-xxx" .fr / .com (?) Le projet vise à Cibles principales (internautes) : 18 / 34
  19. 19. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Cahier des charges Éléments textuels Principaux points à mettre en avant (métiers) et avantages concurrentiels sont : - - - Contenu rédactionnel fournis par : Vous Formation pour saisie par : Netpresta Éléments graphiques Reprise de l'expression du besoin Visuels fournis (ou achetés) par : Vous 19 / 34
  20. 20. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Cahier des charges Méthodologie de gestion de projet Recommandation : Méthode Agile - Contact réguliers via réunion / Partage d'écran : Fréquence : 15 jours, Jour / heure préférentiels ? - Fréquence de livraison / validation / priorisation : 1 mois - Fréquence de paiement : 1 mois - Chaque mois, vous pouvez décider de continuer ou d'arrêter. 20 / 34
  21. 21. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Cahier des charges Référencement (forfait additionnel optionnel) Principales pages concernées / Expressions Clés (de recherche utilisées par les internautes - Page Accueil : - Certaines pages de catégorie ? - Certaines pages articles ? - D'autres pages ? Maintenance (forfait additionnel optionnel) - Mises à jour de sécurité (Recommandées par la communauté Drupal) - Page Accueil : - Certaines pages de catégorie ? - Certaines pages articles ? - D'autres pages ? 21 / 34
  22. 22. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" CdC : Responsabilités, ressources, propriété Création Propriété Prestataire Client Prestataire Client Propriété - Logo, bannière et autres visuels. - Noms de domaine (A réserver par le client). - Hébergement (sur instance Netpresta pour réduire les coûts). - Mots de passe, BDD et fichiers de code du site internet (1). - Email et messages issus du formulaire de contact (2). - Comptes Google pour suivi du site (Search Console, Analytics, … ) X X X X X X X X X X X X Conception / Propositions techniques - Propose différents choix techniques. - S'engage à arbitrer dans un délai raisonnable les différents choix techniques proposés. X X Développement - Création du site avec un CMS3 de renommée mondiale. - Intégration des visuels : bannière, logo, images. - Pré-référencement des pages générales du site. X X X X X X Design - Mise en page + ergonomie de navigation. - Si forte exigence graphique : Graphiste, photographe. X X X X Ressources - Fourniture des visuels : images, bannière, logos. - Fourniture des contenus textuels. X X X X (1) : Après paiement de la phase correspondante de développement du site internet. (3) : CMS (Content Mangement System) : Logiciel de gestion de contenu web : Drupal - licence libre et gratuite. (2) : Déclaration à la CNIL recommandée. Exemple de répartition 22 / 34
  23. 23. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Cahier des charges : Synthèse * Connaissance du client (futur propriétaire du site) * Ciblage des attentes des internautes * Meilleure connaissance des attentes du client - contenu : pages et fonctionnalités * Meilleure connaissance du Prestataire - niveau de conseils - sens du relationnel - souplesse - niveau technique Objectifs du Cahier des charges => Niveau technique => Niveau d'exigence => Motivation et Objectifs => Choix ligne éditoriale => Choix techniques => Degré de confiance => Répartition des rôles (propriété, rédaction, maquette, maintenance, référencement) 23 / 34
  24. 24. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Les principaux points de vigilance pour un e-commerce Accessibilité des produits Bon positionnement des catégories dans le menu Produits "phare" mis en valeur dès la page d'accueil Pages Catégories Segmentation claire entre les différentes catégories Limiter le nombre de pages différentes Filtre si nombreux produits suivant critères à définir Mise en page des produits Photo de qualité - Pays qui peuvent commander Détail complet des caractéristiques - Avis clients Packaging : quantité, poids par boite - Conditions générales de vente Délai de livraison - Conditions de remboursement Coût du produit - Coût du transport Notion de stock (quantité restante, rupture => délai d'approvisionnement) Cahier des charges E-commerce 24 / 34
  25. 25. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Introduction / Prérequis Définir l'expression de son besoin Détailler un Cahier des charges (CdC) Faire des choix éclairés Planning et objectifs de cet atelier 25 / 34
  26. 26. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Méthode en "V" : Contact avec le client Travail préparatoire complet Développement complet Contact client Ajustements (hélas, souvent nombreux et contraignants) Méthode "Agile" : 4 valeurs fondatrices Priorité aux personnes et aux interactions par rapport aux outils (Travail en groupe, communication régulière) Priorité au fonctionnel par rapport à une documentation abondante (Si utilisation simple, pas besoin d'expliquer) Livraison régulière (itérations) de fonctionnalités simples (Pour éventuelle correction avant développement suivant) Adaptation aux nouveaux besoins du client à chaque fin d'étape (même si on s'éloigne du cahier des charges) Méthodologies Projet 26 / 34
  27. 27. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Un site web : Comment ? Framework de développement (Agence nationale) Réseau Social CMS (Prestataire local) Site web en ligne "gratuit" Société de référencement Lignes de code (Stagiaire) 27 / 34
  28. 28. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Critères Logiciel propriétaire hébergeur Agence Web Nationale Société référence ment Structure locale (CMS) Autonomie + + + - - - / + - - + + Propriété site - - - - - + - / + - - + + Propr. contenus - - - - - + - / + - - + + Maitrise évolutions - - - - - - + - - + + Publicité absente - - - - + + - / + - + + Personnalisation - - + - - - / + - - + + Visibilité - / + - - - - / + + + + Relationnel - - - - + - - + + Coût faible + + + + + - - - - - Un site web : Comment ? 28 / 34
  29. 29. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Le plus populaire et le plus employé des CMS Installation rapide Nombreux modules Convient à 80% des utilisateurs (Perso, Asso, PME) Sites vitrine, site catalogue Licence GNU GPL Hébergement possible sur http://wordpress.com Nombreux "Templates" disponibles (Mise en page) - Limité si site trop complexe - Certains modules payants Avantages Inconvénients Alternative(s) - Drupal - Joomla - Made It Simple https://fr.wordpress.com/create/ WordPress : Création site Web 29 / 34
  30. 30. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Création de sites e-commerce française Installation facile. Personnalisation limitée (coté vitrine + commerce) Destiné aux petites structures Ne nécessite pas de compétences de développeur Nombreux modules disponibles (mais souvent payants) Différents CMS et critères Avantages - Limité si site trop complexe - Certains modules payants Inconvénients Alternative(s) - Magento - osCommerce - WooCommerce (Wordpress) - Drupal 30 / 34
  31. 31. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Le plus polyvalent et évolutif des CMS Peut créer tout type de site (simple au plus complexe) Blog, Site vitrine, E-commerce, Portail, … Nombreux modules La plus grande communauté informatique au monde Nombreuses ressources disponibles Gestion des droits, personnalisation très poussée. Sécurité, référencement très performants Logiciel Libre et Gratuit - Certains concepts complexes - Migration de versions majeures délicates Avantages Inconvénients Alternative(s) - WordPress - Joomla - Made It Simple http://www.drupal.fr/ Drupal : Création site Web 31 / 34
  32. 32. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Hébergeur Web : Gandi https://www.gandi.net/ Alternative(s) OVH, domaine.fr, Omen, 1 and 1 - Hébergement - Gestion Nom de domaine - Hébergement PaaS - Compétents (SAV) - Français - Sécurité Avantages 32 / 34
  33. 33. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Bureautique Visio Conférence Webinaire Classe Virtuelle Outils collaboratifs Gestion du temps Navigation web Autres Services Messagerie Web Réseaux sociaux Sécurité Système Création contenu web Création site web Web Dev Mise en ligne Les sociétés, marques cités dans ce document doivent être regardés comme appartenant à leurs propriétaires respectifs. Les produits et services cités dans ce document le sont à titre d'exemple. NetPresta consent à l'utilisateur à reproduire entièrement ou partiellement cette présentation dans le cadre d'un usage strictement personnel, privé et non collectif. Toute mise en réseau rediffusion ou commercialisation totale ou partielle de ce contenu, auprès de tiers, sous quelque forme que ce soit est strictement interdite, sans autorisation préalable et écrite de NetPresta. Applications et Sites Web pour faciliter la création d'un site web Pour tous Pour les professionnels 33 / 34
  34. 34. P.Bouquet maj. du 10/02/2017 P.Bouquet Atelier "Préparer la création / refonte de son site web" Vérification des objectifs Définir l'expression de son besoin Détailler un Cahier des charges (CdC) Faire des choix éclairés 34 / 34

×