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.

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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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