Près d'une TPE-PME française n'a pas de site internet. Pire, 80% des entreprises qui ont fait faillite en 2013 n'avaient pas de présence digitale. Or aujourd'hui, le digital c'est le business ! Atelier pratique à l'intention des chefs d'entreprise pour se doter d'un site web performant.

1. TPE - PME
Frédéric-Michel Chevalier
Twitter @fmchevalier
LinkedIn https://www.linkedin.com/in/fmchevalier
Frédéric-Michel Chevalier – Twitter : @fmchevalier

2. Frédéric-Michel Chevalier – Twitter : @fmchevalier
Frédéric-Michel
Chevalier
Digital Marketing & Social
Media Strategist - Principal
Senior Consultant chez
Visionary Marketing
20 ans d'expérience dans les
domaines de la communication,
du marketing et de la formation.
Expert en web 2.0,
transformation digitale, Content
Marketing

3. Frédéric-Michel Chevalier – Twitter : @fmchevalier
 Mes billets sur le blog Marketing
& Innvation
bit.ly/fmchevalier-vismktg
 Mes présentations
fr.slideshare.net/fredericchevalier
Suivez moi…
 Sur LinkedIn
@fmchevalier
 Sur Twitter
https://www.linkedin.com/in/fmchev
alier
 Mail
frederic@visionarymarketing.com
06 37 08 61 42

4. Sommaire
Introduction
Partie 1 : Ciblez votre projet
Partie 2 : Le cahier des charges : structure et
méthodologie
Partie 3 : Questions-réponses et conseils
pratiques
Frédéric-Michel Chevalier – Twitter : @fmchevalier

5. Internet et les PME – TPE françaises
50 % des TPE-PME
françaises n’ont pas
de site internet
80 % des TPE-PME qui
ont fait faillite
n’avaient pas de site
internet
Source : aden – Association pour le développement de l’économie numérique
Frédéric-Michel Chevalier – Twitter : @fmchevalier

6. Pourquoi un tel retard ?
Les motifs invoqués :
Le temps
Le manque de compétences en informatique
Le coût d’un site
Auxquels on peut ajouter :
La méconnaissance du web & du digital
Un déficit de compétences en marketing
L’inadéquation de l’offre des prestataires aux besoins réels des TPE-PME
L’absence de réflexion stratégique sur la transformation digitale des
entreprise
Frédéric-Michel Chevalier – Twitter : @fmchevalier

7. Posez-vous les bonnes questions
Vous faut-il un site internet ?
Frédéric-Michel Chevalier – Twitter : @fmchevalier
Pourquoi ?

8. Ce que vous devez avoir à l’esprit
Le digital, c’est le business !
Frédéric-Michel Chevalier – Twitter : @fmchevalier

9. 111 –– CCiibblleezz vvoottrree pprroojjeett
Posez-vous la question du « pourquoi ? », putôt que du « comment ? »
Frédéric-Michel Chevalier – Twitter : @fmchevalier

10. Simon Sinek : http://bit.ly/sinekvm
Le cercle d’or de l’innovation
Copyright Frédéric-Michel 2014 Chevalier - Visionary – Twitter Marketing : @fmchevalier
- Frédéric-Michel
Chevalier & Yann Gourvennec
10
Pensez la transformation digitale

11. Comment cibler votre projet ?
Frédéric-Michel Chevalier – Twitter : @fmchevalier

12. Identifier clairement la problématique
Notoriété
Perception
Attractivité
Service client
Fidélisation
Génération de leads
Vente en ligne
Génération de trafic
en point de vente
Frédéric-Michel Chevalier – Twitter : @fmchevalier
Consommateurs
Financiers
(banques, investisseurs…)
Presse, Web, Relais
d’opinion
Clients
Segments
marketing
Communautés
Internautes
Comparateurs
Communautés

13. Quelques exemples d’objectifs
Réduction des coûts
Réorganisation de la chaîne logistique
Mise en place de nouveaux circuits
de distribution
Frédéric-Michel Chevalier – Twitter : @fmchevalier
20 %
du CA
réalisé sur internet

14. Quelques exemples d’objectifs
Mise en place d’un centre d’aide en ligne
Création d’un forum utilisateur
Community management
Frédéric-Michel Chevalier – Twitter : @fmchevalier
- 15 %
d’appels entrants
au Centre d’appel

15. Quelques exemples d’objectifs
Adopter une communication transparente
Valoriser mon engagement
Etablir un dialogue avec les consommateurs
Frédéric-Michel Chevalier – Twitter : @fmchevalier
Taux de déclaration
de mauvaise image
< 40 %

16. Quelques exemples d’objectifs
Valoriser les métiers de l’entreprise
Promouvoir l’évolution de carrière et la politique
sociale interne
Créer un espace recrutement
Frédéric-Michel Chevalier – Twitter : @fmchevalier
15 000
candidatures
par an

17. Définir les composantes de votre projet
Image CRM C.A
Notoriété Perception Attractivité Service
client
Frédéric-Michel Chevalier – Twitter : @fmchevalier
Fidélisation Génération
de leads
Vente en
ligne
Génération
de trafic PV
Site
corporate
  
Site de
marque
    
Site
catalogue
 
Site
program-me
fidélité
   
Site
événe-mentiel
    
Blog de
marque
    
Plateforme
commu-nautaire
   
Web TV     

18. Comment cibler votre projet ?
Frédéric-Michel Chevalier – Twitter : @fmchevalier

19. Identifier les cibles
 BtoC / BtoB / BtoBtoC
 Clientèle locale / nationale / internationale
 Clients / prospects
 Segmentations : âge, CSP…
Frédéric-Michel Chevalier – Twitter : @fmchevalier

20. Les attentes des consommateurs
Frédéric-Michel Chevalier – Twitter : @fmchevalier

21. Les attentes des internautes
vis-à-vis d’un site de marque
Frédéric-Michel Chevalier – Twitter : @fmchevalier
Source : CCM-Benchmark

22. Les attentes des consommateurs
Frédéric-Michel Chevalier – Twitter : @fmchevalier
 Le prix
 Un spécialiste (niche)
 Gagner du temps
 Des produits « introuvables »
 Des avis / conseils

23. Les attentes des consommateurs
Sites
de
marque
Le consommateur
cherche à devenir
exclusif
et différent du
reste des clients.
Frédéric-Michel Chevalier – Twitter : @fmchevalier
Source : CCM-Benchmmark

24. Les attentes des internautes vis-à-vis d’un site catalogue
Source : graphique réalisé d’après Jodie Dalgleish, Custommer effective Websites (édition FT.com)
Frédéric-Michel Chevalier – Twitter : @fmchevalier

25. Comportement d’achat des internautes
Frédéric-Michel Chevalier – Twitter : @fmchevalier
90 % des internautes
français ont le réflexe internet pour
préparer un achat

26. Comportement d’achat des internautes
49 % des internautes
français se renseignent sur internet
pour acheter en ligne
Frédéric-Michel Chevalier – Twitter : @fmchevalier
34 % des internautes
français se renseignent sur internet
pour acheter en point de
vente
Préparer un achat sur Internet conduit 2 internautes sur 3
à changer de marque, de produit, d’enseigne ou de canal de
distribution…

27. Attention aux décalages
Frédéric-Michel Chevalier – Twitter : @fmchevalier

28. La révolution internet : différentes phases & évolutions
Frédéric-Michel Chevalier – Twitter : @fmchevalier

29. Comment cibler votre projet ?
Frédéric-Michel Chevalier – Twitter : @fmchevalier

30. Etre authentique, valoriser son expertise
Nous voulons accéder à
votre information
d'entreprise, à vos projets
et vos stratégies, à vos
meilleures réflexions, à
votre véritable savoir.
Nous ne nous satisferons
jamais de votre brochure
en quadrichromie, ni de
votre site Web rempli de
jolies images mais qui
manque de substance
Frédéric-Michel Chevalier – Twitter : @fmchevalier

31. Les contenus web sont pauvres
Frédéric-Michel Chevalier – Twitter : @fmchevalier
Dans les 5 ans à venir, une
industrie majeure
va se construire
autour du contenu web
Crédit photo : Flickr Ritesh Nayak – creative commons

32. Aujourd’hui, c’est Facebook qui dirige !
Frédéric-Michel Chevalier – Twitter : @fmchevalier
Nous cédons à la dictature de
l’engagement
Est-ce là que vous souhaitez aller ?

33. Pourquoi passer au Content Marketing
8 bonnes raisons de passer au Content Marketing :
Frédéric-Michel Chevalier – Twitter : @fmchevalier
Le buzz est mort !
Vive l’influence !
CA
Leader d’opinion
Posture
Dialogue
Visibilité
Leads
Expertise
Médias sociaux

34. Frédéric-Michel Chevalier – Twitter : @fmchevalier
When Content Means Business
« Le Content Marketing
vise à répondre aux
besoins d’information
des clients, afin qu’ils
s’intéressent à vous »

35. Un exemple de valorisation d’expertise
Frédéric-Michel Chevalier – Twitter : @fmchevalier

36. Le fameux sandwich de 18 cm de haut !
Frédéric-Michel Chevalier – Twitter : @fmchevalier
the famous 7” pastrami sandwich
36

37. Le mobile
Frédéric-Michel Chevalier – Twitter : @fmchevalier
Un enjeu pour les marques car :
•Peu coûteux
•Toujours connecté
•Toujours sur soi
•Personnel
•Capable de vous localiser

38. Adaptez-vous aux mobiles
 Forte croissance des accès aux
web par smartphones et tablettes
 Des tailles d’écran qui varient du
simple au triple
 Innover, être disruptif pour
générer de nouvelles interactions
 Site mobile, responsive design ou
application mobile ?
Frédéric-Michel Chevalier – Twitter : @fmchevalier
Il n’y a pas que Facebook dans la vie !

39. Bientôt incontournables ?
Frédéric-Michel Chevalier – Twitter : @fmchevalier
 La géolocalisation
 La réalité augmentée
 Les codes 2D
 Le M-Commerce

40. Internet se situe au coeur du développement de la marque
La
stratégie
digitale met en
perspective globale les
actions sur Internet et
ses supports
Frédéric-Michel Chevalier – Twitter : @fmchevalier

41. Internet se situe au coeur du développement de la marque
La stratégie
digitale met en
perspective globale les
actions sur Internet et ses
supports
Frédéric-Michel Chevalier – Twitter : @fmchevalier

42. Le périmètre d’un projet web
Ecosystème Digital S.I. de l’entreprise
Frédéric-Michel Chevalier – Twitter : @fmchevalier
CCRRMM
EERRPP
Applis
métier

43. Elaborer une stratégie de référencement
Si possible : réagir sur l’actu
Chapeau & accroche
Google Trends
Etude de concurrence
Frédéric-Michel Chevalier – Twitter : @fmchevalier

44. 22– 2– Le cahier ddeess cchhaarrggeess :: ssttrruuccttuurree eett mméétthhooddoollooggiiee
Frédéric-Michel Chevalier – Twitter : @fmchevalier

45. Structurer votre cahier des charges
Le cahier des charges : un document en 6 grandes parties
Frédéric-Michel Chevalier – Twitter : @fmchevalier
+ ANNEXES
Format du document
Réserver PowerPoint aux supports de
communication projet (Comité de
pilotage, brief prestataires

46. Remplir le cahier des charges pas à pas
1. Préambule
1.1 Objet de ce document
1.2 Objet du site internet
1.3 Objet de l’appel d’offres
1.4 Confidentialité
1.5 Contact
2. Présentation du projet
2.1 Contexte et enjeux
2.2 Objectifs généraux du projet
Frédéric-Michel Chevalier – Twitter : @fmchevalier

47. Remplir le cahier des charges pas à pas
3. Organisation du projet
3.1 Comité de pilotage
3.2 Comité de projet
3.3 Maitrise d’ouvrage
3.4 Maîtrise d’oeuvre
3.5 Prestataire
4. Description du futur site
4.1 Périmètre du projet
4.1.1 Positionnement du futur site
4.1.2 Description générale du projet
4.2 Arborescence du futur site
4.3 Typologie et structure des contenus
4.4 Storyboard
Frédéric-Michel Chevalier – Twitter : @fmchevalier

48. Frédéric-Michel Chevalier – Twitter : @fmchevalier
Conseils pour la modélisation de l’arborescence
• Utiliser un logiciel
de modélisation
• Typer les objets :
Page d’accueil,
pages de
rubriques, pages
de contenu, etc.
• Adopter un code
couleur pour les
parties à accès
réservé
• Inscrire des
repères (n° de
renvois) pour les
spécifications
fonctionnelles et
techniques
• Ajouter une
légende

49. Qu’est-ce qu’un storyboard ?
Un schéma de chacune des pages-type du
site
Recense les éléments constitutifs de la page
Etablit le zoning de chaque page
Par qui ?
Le chef de projet
Pour qui ?
Le Directeur de
Création
Frédéric-Michel Chevalier – Twitter : @fmchevalier
AAvveecc qquuooii ??

50. Frédéric-Michel Chevalier – Twitter : @fmchevalier

51. Frédéric-Michel Chevalier – Twitter : @fmchevalier

52. Frédéric-Michel Chevalier – Twitter : @fmchevalier

53. Principes de zoning d’un site
Frédéric-Michel Chevalier – Twitter : @fmchevalier
En-tête
Corps
Pied de page

54. Principes de zoning d’un site
Frédéric-Michel Chevalier – Twitter : @fmchevalier
Grille
Logo
Accueil > Qui sommes-nous ?

55. Principes de zoning d’un site
Logo
Accueil > Qui sommes-nous ?
Frédéric-Michel Chevalier – Twitter : @fmchevalier
Moteur de recherche interne
+ liens utilitaires
Barre de navigation horizontale,
menus déroulants
Fil d’Ariane
Partie corps supérieure
Partie corps inférieure
xxx xxx xxx xxx

56. Principes de zoning d’un site
Pied de page : version minimale
Pied de page : version simple
Frédéric-Michel Chevalier – Twitter : @fmchevalier

57. Principes de zoning d’un site
Pied de page : version plus évoluée
Frédéric-Michel Chevalier – Twitter : @fmchevalier

58. Ce que regarde l’internaute
 Parcours visuel  Zones de forte attention
Frédéric-Michel Chevalier – Twitter : @fmchevalier

59. Remplir le cahier des charges pas à pas
4.5 Description des besoins fonctionnels
4.5.1 Besoins fonctionnels en « front-office »
4.5.2 Besoins fonctionnels en « Back office »
4.6 Description des besoins techniques
4.6.1 Architecture
4.6.2 Configuration logicielle
4.6.3 Compatibilité navigateurs, Accessibilité, Version mobile
4.6.4 Hébergement & configuration matérielle
4.7 Reprise de l’existant
4.7.1 Contenus
4.7.2 Matériels
Frédéric-Michel Chevalier – Twitter : @fmchevalier

60. Remplir le cahier des charges pas à pas
5. Prestations attendues & livrables
5.1 Création
5.1.1 Maquettes
5.1.2 Charte graphique digitale
5.1.3 Autres créations graphiques
5.2 Développement – Intégration
5.2.1 Environnement pré-prod
5.2.2 Tests fonctionnels
5.2.3 Recettage
6. Modalités de la consultation et cadre de la réponse
6.1 Informations générales
6.2 Constitution du dossier de réponse
6.3 Exigences particulières vis-à-vis du prestataire
6.4 Bordereaux de prix
6.5 Critères de sélection
7. Annexes
Frédéric-Michel Chevalier – Twitter : @fmchevalier

61. 311 –– QQuueessttiioonnss –– rrééppoonnsseess
Et conseils pratiques
Frédéric-Michel Chevalier – Twitter : @fmchevalier

62. Merci
Frédéric-Michel Chevalier – Twitter : @fmchevalier