comment bien rédiger le cahier des chargespour construire votre site internet 12 mai 2014

Atelier

Lundi 12 Mai 2014

Comment bien rédiger le cahier des chargespour construire votre site internet

Solène DI PAOLO, Chambre de Métiers et de l’Artisanat Région Aquitaine - Section GirondeCatherine LOISEL , CCI de Bordeaux - Pôle Numérique

1

Des Ateliers sur le e-marketing, veille, sécurité informatique, e-logistique…

Un Accompagnement personnalisé dans vos projets numériques : présence enligne, e-commerce, réseaux sociaux, e-tourisme, dématérialisation des échanges,sécurité…

Une Offre de solutions numériques : vente de certificats numériques

Des rendez-vous gratuits avec un avocat spécialisé dans le numérique.Prochaines dates : 23 mai, 20 Juin

Retrouvez nous en ligne :• Programme d’animation : www.bordeaux.cci.fr/polenumerique

• Blog : echangeurba.wordpress.com

Twitter.com/polenumerique33 facebook.com/polenumerique.ccibordeaux

Le Pôle numérique : une équipede conseillers à votre écoute







Twitter.com/polenumerique33 facebook.com/polenumerique.ccibordeaux







Twitter.com/polenumerique33 facebook.com/polenumerique.ccibordeaux2

Des Ateliers de sensibilisation gratuits pour mieux communiquer avec les outilsnumériques et internet mais aussi mieux gérer son entreprise (informatique)

Un Accompagnement personnalisé selon vos besoins :• Conseil TIC global• Audit de site avec focus référencement naturel• Aide à la rédaction du cahier des charges

Une Offre de solutions numériques : Certimétiers Artisanat

Retrouvez toute l’actualité et les évènements sur le blog :www.artisan-gironde.fr

Présentation CMA









Internet : pourquoi y aller ?

Les PME françaises qui utilisent le + lestechnologies du web connaissent unecroissance 2 fois plus élevée et exportent plus

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises

Les PME françaises qui utilisent le + lestechnologies du web connaissent unecroissance 2 fois plus élevée et exportent plus

Seules 43 % des TPE / PME disposent d’un siteweb actif

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises

Y aller mais avec une réelle stratégiede présence en ligne.

Un pilier : votre site web

4

Baromètre FEVAD / étude Ipsos Nov 2013

Les Etapes du Projet :Analyse

Stratégie

FonctionsFonctions

Conception

Réalisation

cahier des charges

Réalisation

Promotion

Suivi

recette

5

Comment y aller :l’incontournable

cahier des chargesPas de cadre légal spécifique = Liberté des parties (Client/Prestataire) et souplesse des conventions . Unavantage qui peut devenir un inconvénient !

Un outil d’aide à la construction du projet pour poser les fondations et délimiterle périmètre du projet

Un moyen de formaliser votre projet qui associe besoins de l’entreprise etcompétences techniques du prestataire

Un outil d’aide pour choisir le prestataire en adéquation avec vos besoinset qui conventionne votre relation avec lui

Un outil de contrôle de l’exécution de la prestation

Un outil de prévention et de résolution de conflits entre le Prestataire et le Client

= Un document précis / technique à valeur juridique à annexer au contrat

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises

Pas de cadre légal spécifique = Liberté des parties (Client/Prestataire) et souplesse des conventions . Unavantage qui peut devenir un inconvénient !






= Un document précis / technique à valeur juridique à annexer au contrat

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises

Pas de cadre légal spécifique = Liberté des parties (Client/Prestataire) et souplesse des conventions . Unavantage qui peut devenir un inconvénient !






= Un document précis / technique à valeur juridique à annexer au contrat6

Les quatre composantesd’un cahier des charges

1 - Présentervotre

entreprisevotre identité

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises

Cahierdes

charges

1 - Présentervotre

entreprisevotre identité

2 - Présentervotre projet

4 - Quels sontles livrablesattendus /Planning ?

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises

Cahierdes

charges

3 - Quelles sontles prestationstechniques et

fonctionnalitésattendues ?

4 - Quels sontles livrablesattendus /Planning ?

7

1. Présentation de l’ entreprise

Vos coordonnées• Nom , adresse, tel, courriel,• Siret

Vos activités, votre cœur de métier :• Les produits vendus et services proposés• Les chiffres clés (nombre de salariés, CA, répartition..)• L’historique de l’Entreprise

Les outils de communication existants :• Une plaquette de présentation de votre entreprise• Un catalogue de vos produits..• Vos documents de promotions• Votre présence sur les réseaux sociaux : blog, page Facebook …Ch

ambr

e de

Com

mer

ce e

t d’in

dust

rie d

e Bo

rdea

ux–

Dire

ctio

n Ap

pui a

ux E

ntre

prise

s



Les outils de communication existants :• Une plaquette de présentation de votre entreprise• Un catalogue de vos produits..• Vos documents de promotions• Votre présence sur les réseaux sociaux : blog, page Facebook …Ch

ambr

e de

Com

mer

ce e

t d’in

dust

rie d

e Bo

rdea

ux–

Dire

ctio

n Ap

pui a

ux E

ntre

prise

s



Les outils de communication existants :• Une plaquette de présentation de votre entreprise• Un catalogue de vos produits..• Vos documents de promotions• Votre présence sur les réseaux sociaux : blog, page Facebook … 8

2. Présentation de votre projet

L’ objectif du site :• Faire connaitre votre entreprise ou mieux la faire connaitre• Fournir des conseils, des informations sur vos produits• Vendre vos produits sur Internet

La cible (locale, nationale, internationale)• Particuliers• Entreprises• Un public précis (enfants, retraités..)

Le type de site envisagé :• Site de présentation : « site vitrine »• Site de présentation de vos produits : « site catalogue »• Site de vente en ligne : « site e-commerce »

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises




Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises




9

2. Présentation de votre projet

Le contenu du site : texte et images : photos/ vidéos

• Qui écrira les textes : Un prestataire extérieur Vous même

• Souhaitez vous intégrer des vidéos ?

• Qui doit fournir les documents, images, photos, vidéos : Un prestataire extérieur Vous-même (précisez le format des supports : PDF, JPEG..)

Attention à la propriété intellectuelle !

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises






Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises






10

Une charte graphique encohérence avec l’identité de

votre marque

• Le prestataire l’adaptera au site : logo àfournir avec les autres éléments dont latypographie, les références couleurs(pantone), …

Vous possédezune chartegraphique

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises

• Le prestataire l’adaptera au site : logo àfournir avec les autres éléments dont latypographie, les références couleurs(pantone), …

Vous possédezune chartegraphique

• Le prestataire inclut la création d’une chartedans le contrat du site

• Vous travaillerez avec une agence decommunication pour la créer

Vous nepossédez pas

de chartegraphique

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises

• Le prestataire inclut la création d’une chartedans le contrat du site

• Vous travaillerez avec une agence decommunication pour la créer

Vous nepossédez pas

de chartegraphique

11

3. Conception du site

LES PRESTATIONSTECHNIQUES ATTENDUES

12

3. Conception du site

Intégration des contenus : texte et images Un prestataire extérieur Vous-même

Souhaitez vous constituer un fichier de prospect à partir de votre site?

Souhaitez vous envoyer des emailings/newsletters à partir de votre site?

Souhaitez vous que votre site soit traduit en plusieurs langues? - Si oui quitraduira les textes

Pour un site e commerce :• Modules de fiches produits détaillées• Intégration d’un système de paiement en ligne• Gestion des stocks / logistique (transport)

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises






Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises






13

Le nom de domaine de votresite

• C’est une adresse qui permet de trouver votre site internet :racine + extension = nom de domaine « votreentreprise.com »

• C’est le support d’adresse de messagerie : [email protected]

Disposez-vous ou non d’un nom de domaine ?Si non : consulter la disponibilité du Nom sur le site de l’AFNIC+ plus d’info sur : www.nom-domaine.fr

• C’est le Bureau d’enregistrement qui assure la commercialisation des noms de domaine• Titulaire : c’est l’entité ou la personne qui est considérée comme « propriétaire » du

nom de domaine donc VOUS• Contact administratif : C’est la personne qui sera sollicitée pour toute modification

sur les noms de domaine• Contact technique : C’est en règle générale le bureau d’enregistrement ou

l’hébergeur des noms de domaine Il faut définir qui se chargera de l’hébergement du site : Vous-même ou le prestataire !

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises







l’hébergeur des noms de domaine Il faut définir qui se chargera de l’hébergement du site : Vous-même ou le prestataire !

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises







l’hébergeur des noms de domaine Il faut définir qui se chargera de l’hébergement du site : Vous-même ou le prestataire !14

L’arborescence de votre site

Permet de schématiser la structure de votre site et sa mise enpage : contenu et hiérarchie des pages

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises

Permet de schématiser la structure de votre site et sa mise enpage : contenu et hiérarchie des pages

Organiser les contenus par catégories

Lister tous les contenus de votre site

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises

15

Réaliser votre arborescence

Structurer l’information

Exemple – Site de e-commerce

Accueil

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises

Présentation del’entreprise

Histoire

Valeur

Catégorieproduit 1

Fiche produit 1

Fiche produit 2

Catégorieproduit 2

Fiche produit 1

Fiche produit 2

Nos services

Livraison

Remboursement

Mentions légalesConditions

générales devente

Contact

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises

… … Retour

16Une veille concurrentielle vous y aidera !

Fonctionnalités du site

Listez toutes les fonctionnalités quevous souhaitez voir développer sur votresite internet :

• Formulaire de contact, d’inscriptionà la newsletter

• Zone d’actualité

• Twitter, Facebook, …

Illustrer par des copies d’écran

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises






Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises






17

Le référencement du site

C’est l 'ensemble des techniques permettant d'améliorer la visibilité d'un site web dans lesmoteurs de recherche.

2 types de Référencement :• naturel (en anglais SEO pour « Search Engine Optimization »)ou

• Payant (en anglais SEA pour « Search Engine Advertising ») : les Google Adwords…

Qui va se charger du référencement du site : Le prestataire ou vous-même ?

Dans tous les cas , il faut constituer une liste de mots clés qui identifient le mieux votreactivité et qui sont susceptibles d’être saisis dans la barre de recherche par l’internaute.











18

Le référencement naturelCh

ambr

e de

Com

mer

ce e

t d’in

dust

rie d

e Bo

rdea

ux–

Dire

ctio

n Ap

pui a

ux E

ntre

prise

s

Titre de vos pages

1 page = 1 titre

Informatif

Métadescription

Porte d’entréevers votre site

Informatif etpertinent

Image

1 image = 1description

Texte deremplacement

URL Rewriting

URL lisible etindexable

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises

19

Informatif

60 caractères

Informatif etpertinent

150 caractères

Texte deremplacement

Fichier Sitemap

Carte du siteinternet

Le titre d’une page : l’url deredirection de la page

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises

20

Le titre d’une page dans le codesource : les balise « title »

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises

21

La méta description d’une pageCh

ambr

e de

Com

mer

ce e

t d’in

dust

rie d

e Bo

rdea

ux–

Dire

ctio

n Ap

pui a

ux E

ntre

prise

sCh

ambr

e de

Com

mer

ce e

t d’in

dust

rie d

e Bo

rdea

ux–

Dire

ctio

n Ap

pui a

ux E

ntre

prise

s

22

La métadescription d’une pagedans le code source d’une page

: les balise « meta »

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises

La société bordelaise Temesis propose un outil d’analyse automatique desiteque vous pouvez tester gratuitement : https://reporting.opquast.com/plans/N’hésitez pas à demander à votre prestataire de s’y référer et de respecterles bonnes pratiques évoquées !

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises

23

La société bordelaise Temesis propose un outil d’analyse automatique desiteque vous pouvez tester gratuitement : https://reporting.opquast.com/plans/N’hésitez pas à demander à votre prestataire de s’y référer et de respecterles bonnes pratiques évoquées !

Mise à jour et suivi du site

Les mises à jour des informations sur votre site :• Par le prestataire ou vous-même ?• Si c’est vous , une formation est-elle prévue ?• A quelle fréquences les mises à jour seront réalisées (quotidiennes,

périodiques , ponctuelles..) ?

Les statistiques de consultation :• Le prestataire peut-il vous les fournir?• Quels seront les indicateurs ( nombre de visiteurs uniques, nombre de

visites, pages vues…) ?Elles sont indispensables car elles permettent de mesurer l’audience de sonsite, la fréquentation et de réaliser les corrections nécessaires !

Assistance : En cas de dysfonctionnement , le prestataire propose t’il unesolution ? Un forfait annuel d’heures par exemple.

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises






Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises






24

Le choix du logiciel : standardou sur mesure ?

Standard = le CMS ou « Content Management System » :

• Modèle prédéfini de pages• L’interface d’administration de votre site internet• Se présente sous forme d’un site web et permet de créer des pages et

gérer leur publication• 2 types de CMS : pour site vitrine et pour site marchand

Sur mesure : différence de coût de réalisation

Dans tous les cas, notifier quel type de logiciel vous souhaitez !

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises






Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises






25

Les contraintes techniques

Prévoir l'interfaçage avec :

• Le Système d'Information de l'entreprise,• Le CRM pour la collecte des données,• La gestion de stocks en e-commerce,

Penser au périphérique de l'utilisateur :• Les lecteurs pour malvoyants• Les usages mobiles







26

Un site « Responsive design »Ch

ambr

e de

Com

mer

ce e

t d’in

dust

rie d

e Bo

rdea

ux–

Dire

ctio

n Ap

pui a

ux E

ntre

prise

s

demandez que votre site internet s’adapte aux différentes résolutions d’écrans : PC,tablettes, Smartphones… pour être « responsive design ».

Un exemple d’ outil à tester, pour vérifier que votre site s’adapte bien aux différents formatsd’écran. http://app.pikock.fr/piresponsive

Obligatoire aujourd’hui, avec près de 57% des français qui utilisent leur Smartphone tous lesjours pour se connecter à Internet !

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises

demandez que votre site internet s’adapte aux différentes résolutions d’écrans : PC,tablettes, Smartphones… pour être « responsive design ».

Un exemple d’ outil à tester, pour vérifier que votre site s’adapte bien aux différents formatsd’écran. http://app.pikock.fr/piresponsive

Obligatoire aujourd’hui, avec près de 57% des français qui utilisent leur Smartphone tous lesjours pour se connecter à Internet !

27

4. Les livrables attendus

Un Planning de réalisation :• Avec un calendrier• Et un engagement sur la date de mise en ligne

Les identifiants et mot de passe pour accéder au serveur

Une arborescence détaillée du site

Les fichiers informatiques source (pages HTML, graphismes, bases de données,programmes...)

Les documents décrivant le site et son hébergement….

Le tutoriel / support de formation : fonctionnement et mise à jour du site

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises







Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises







28

5. Propriétés et droits : valeurjuridique du Cahier des charges

Pas de cadre légal spécifique =Liberté des parties (Client/Prestataire) et souplesse des conventions

un avantage qui peut devenir un inconvénient !

D’où l’intérêt de rédiger un document contractuel qui conventionne votrerelation avec le prestataire et de l’annexer au contrat.

Document qui doit insérer les contraintes légales à respecter :• Des règles générales : Le droit de la consommation, Droit à l’image …..

• Des règlementations spécifiques à l’activité ( secteur vin…)

Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises






Cham

bre

de C

omm

erce

et d

’indu

strie

de

Bord

eaux

–Di

rect

ion

Appu

i aux

Ent

repr

ises






29

Les contraintes légales :les mentions obligatoires

Les mentions légales sont spécifiées dans la loi pour la confiance dansl’économie numérique (LCEN) :

• Tous les éléments d'identification de l'entreprise : Siret….• Le nom du responsable du contenu éditorial• L'identification de l'hébergeur du site

Des sanctions conséquentes :• Amende jusqu'à 75.000 € pour les personnes physiques• et 375.000 € pour les personnes morales….







30

Les contraintes légales

La loi informatique et libertés

Le fait d'utiliser une adresse de contact entraine l'application de cette loi avecplusieurs obligations :

1. Déclaration du fichier à la CNIL (propriété intellectuelle)2. Précautions concernant la conservation des données, la sécurité, la

confidentialité3. Information de l'internaute sur ses droits et sur l'usage qui sera fait de

ses données personnelles4. Consentement préalable (opt-in) si les coordonnées doivent être utilisées

pour un e-mailing / une newsletter ou des campagnes SMS













31

En résumé

Le cahier des charges est la chape de votre site, que vous fassiez appel à un prestataire ou développiezvous-même votre site

Le cahier des charge permet de comparer l’offre de plusieurs prestataires qui ont reçu la mêmedemande !

« Ne mettez pas tous vos œufs dans le même panier » : N’hésitez pas à faire travailler plusieursprestataires sur les différents aspects de votre projet, à chacun sa spécialité !

Pour plus d’informations :• Les Accompagnements individuels avec les conseillers numériques de la CCI B et CMARA33• Les Permanences d’avocats spécialisés à la CCI tous les 3ème Vendredi du mois !

Prochains RDV :-Atelier du 23 juin « Apprenez à plaire à Google pour bien positionner votre entreprise en ligne », à la

Cyberbase de Cenon

- La Google Academy du 26 Mai : pour + d’information sur le référencement payant , vous pouvez participerà cette journée organisée par Google à l’ISEG , à Bordeaux, pour obtenir les dernières informations surla publicité sur Google. Informations et inscriptions :http://www.google-academie.fr/annonceur/bordeaux/academie/13/2014-05-26/






Cyberbase de Cenon







Cyberbase de Cenon


32

MERCI POUR VOTREATTENTION !

DES QUESTIONS?

CONTACT POLE NUMÉRIQUE DE LA CCI DE BORDEAUX :[email protected]

Atelier 12 mai - Comment bienrédiger le cahier des charges pourconstruire votre site internet


DES QUESTIONS?



DES QUESTIONS?


33