1.
Petit déjeuner numérique
CCI du Cher
André Gentit
Clic-en-berry.fr
2. Clic-en-berry.fr
Facebook
@agentit
Blog
Jeune entreprise !
Création de sites depuis 1997
Intradef, Intranet ESAM, Conseil général du Cher
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
3. Le Web
o Des chiffres
Le site Web
o Définitions
o exemples
Les étapes de réalisation
o 3 étapes principales
La vie du site
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
4. La source complète http://pinterest.com/pin/66991113177110742/
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
6. Sources : dofollow.bz
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
7. La source complète http://pinterest.com/pin/66991113177209175/
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
8. Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
9. Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
10. Quel type de site ?
Pourquoi ?
Pourqui ?
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
11. Ensemble de fichiers écrits
dans un langage de
description (HTML ou
XHTML) hébergés sur un
serveur connecté au réseau
Internet et reliés entre eux
par des liens hypertextes
accessibles au moyen d’un
navigateur web utilisant le
protocole http via leur
domaine.
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
12. DOMAINE
www.monsite.com
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
13. Sites Vitrines http://www.amphoreduberry.com/ , http://pascalrouet.com/
Sites institutionnels http://www.cher.cci.fr/ http://www.elysee.fr/, http://paraxilocentre.fr/
Site évènementiel http://connect.webdeux.info/
Portails http://www.tf1.fr/
Les sites personnels http://www.zidane.fr/#/fr/ ou http://claude.p.pagesperso-orange.fr/ ?
Les blogs http://blog.ig-conseils.com
Les forums http://htc-touch-diamond.forumactif.info/
Les sites communautaires https://www.airbnb.fr/ https://www.facebook.com/
Les sites collaboratifs (ou blogs)
http://desencyclopedie.wikia.com/wiki/D%C3%A9sencyclop%C3%A9die:Accueil
http://fr.locita.com/, http://www.presse-citron.net/
Les sites e-commerce http://www.cdiscount.com/ m-commerce, f-commerce
Les sites mobiles http://m.clic-en-berry.fr/, http://m.cinquieme-soleil.com/
Les sites responsives http://www.capacite-en-droit.net/, http://www.youcustomatelier.com/
Les intranets
Les extranets
Les applications en ligne ou Webapp Gmail, Skydrive etc…
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
14. Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
15. C'est un des moyens de communication économique.
Il vous fait connaître à l'international.
Il vous permet de changer rapidement les informations sur
vos produits.
Il vous assure un service 24h/24.
Il vous permet de répondre aux questions récurrentes.
Il peut vous permettre la mise en place d’une stratégie
locale.
SOLOMO…
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
16. Pas toujours clairs !
Faire connaître son entreprise
Attirer de nouveaux prospects
Vendre ses produits ou services en ligne
Fidéliser ses clients
Promouvoir un produit, un service ou un événement
Mettre en avant ses compétences
Donner une information
Recruter
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
17. Une infographie qui en dit
long sur la présence des
entreprises françaises sur le
Web
49% de TPE-PME n’ont toujours
pas de site
31% de ces entreprises
françaises ne prévoient pas
d’en créer.
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
18. 1 je fais mon site seul
2 Je me fais aider par des proches
3 je fais appel à des pros du secteur
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
19. Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
20. Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
21. Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
22. 1 Conception
2 Réalisation
3 Exploitation
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
23. Premières étapes
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
24. Les documents
Logos
La charte graphique
Les photos
Les croquis
Les datas
Les vidéos
Les reportages
Les articles de presse
Les fonctionnalités
Etc…
Ce que je voudrais voir…
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
25. Un projet Web n’est pas un empilement de pages !
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
26. Mais qu’attendent mes clients, mes fournisseurs, mes
collaborateurs ?
Faire des recherches
Consulter la concurrence
Interroger, questionner
o Mon entourage
o Des professionnels de mon secteur
o Mes collaborateurs
o Mes fournisseurs
o Mes clients
o Etc…
Site Mobile ?
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
27. Tout le monde a son mot à dire !
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
28. Comment faire ?
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
29. Heu ! Pardon…
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
30. Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
31. Hiérarchiser
Modéliser
Architecturer
Représenter
Pour être capable de l’expliquer !
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
32. Informations
Fonctionnalités
Budget
Rédaction du cahier des
charges prévisionnel
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
33. Un développeur Un webdesigner
Directeur artistique
Infographiste
Ergonome
Admin réseau
Rédacteur en chef
Un Chef de projet
Animateur Web
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
34. Doit acquérir toutes les connaissances nécessaires à la
conception du projet
Lire et analyser le cahier des charges
Vérifier la corrélation entre les envies et les capacités de
l’entreprise à gérer son site
Proposer des solutions en terme de fonctionnalité
Aborder le sujet du référencement
Imaginer une interface fonctionnelle et représentative.
Fixer un rendez-vous s’impose !
Un Brief !
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
35. Les créatifs en action !
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
36. Reprendre les éléments intégrés au cahier des charges
Fournir les informations techniques sur l’outil ou les outils
exploités
Fournir des informations sur l’hébergement et le domaine
Fournir des informations quant à l’exploitation du site
Proposer des solutions annexes annoncées lors du brief
Proposer un design graphique via une maquette.
Proposer un planning de réalisation
Aborder le référencement, l’intégration des médias sociaux
Des engagement sur la date ou le
Annoncer le tarif !
positionnement ?
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
37. Design
Fonctionnalités
Technologies
Rédaction du cahier
des charges fonctionnel
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
38. Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
Source : (Matthieu Mingasson)
39. Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
40. validation
Maquettage
•Cahier des •Réalisation
charges •Cahier des •Mise en ligne
prévisionnel charges
•analyse fonctionnel ….
•maquette
Etude Conception
Evaluation
PLANIFICATION
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
41. Réalisation
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
42. Wireframe Mock-up
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
43. Elle doit répondre aux critères suivants :
Sobriété
Lisibilité
Utilisabilité
Rapidité
Interactivité
Adaptabilité
Accessibilité
Originalité
…
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
44. Les schémas fournis
Que représente la page d’accueil ?
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
45. LA PAGE D’ACCUEIL EST UNE AGREGATION DES FLUX DU
SITE ET DES MEDIAS CONNECTES
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
46. Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
47. Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
48. Couleur ROUGE VERT BLEU JAUNE
Signification + Amour, passion, Écologie, partage, Sérénité, Créativité,
chaleur, sexualité, patience, protection, sérieux, curiosité, espoir,
ardeur, triomphe, concentration, rêve, sagesse, fête, joie, chaleur,
fête, joie, chaleur, équilibre, repos, vérité, loyauté, puissance,
ego, puissance, sécurité, fraîcheur, pureté et richesse,
connaissance, confiance, paix. immortalité,
amitié. tolérance, charité. amitié.
Signification - Violence, colère, Malchance, Autorité, colère, Lâcheté, égoïsme,
danger, urgence, oppression, peur, dirigisme, mensonge,
interdit, sang, orgueil, solitude mélancolie. jalousie, orgueil,
enfer. alerte.
Domaines Luxe, mode, Découverte et Univers Tourisme, agro-
érotisme, sport, aventure, nature, « corporate », alimentaire,
médias, voyage, éducation, aéronautique, assurance et
humanitaire, environnement et informatique et crédit, musique,
communisme, vin écologie nouvelles information.
et gastronomie. technologies,
environnement,
voyage, croyances.
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
49. Couleur VIOLET ROSE ORANGE MARRON
Signification + Délicatesse, Charme, intimité, Loisirs, santé et Calme,
intelligence, beauté, féminité, vitalité, optimisme, philosophie, terroir,
passion, discrétion, romantisme, créativité, nature, recyclage,
modestie, séduction, communication, douceur, neutralité.
délicatesse, amitié, bonheur, honneur, joie,
méditation. tendresse, sécurité.
jeunesse.
Signification - Mélancolie, Rétrograde, Feu, alerte, Saleté, déjections,
excentricité, naïveté, indécision, agression, kitch. boue, vieillesse.
tristesse, solitude, immaturité
deuil,
insatisfaction,
vanité.
Domaines Art et Culture, luxe, Enfance, confiserie Divertissement, Culture, histoire,
musique, études, et pâtisserie, sport, forme et environnement,
croyances, affaires loisirs, art et fitness, confiserie, luxe.
(business) et peinture, femmes. communication et
féminité. mobilité, agro-
alimentaire (fruits).
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
50. Couleur BLANC GRIS NOIR
Signification + Pureté, innocence, Neutralité, respect, Neutralité,
liberté, paradis, calme, douceur, sobriété, volupté,
propreté, fraîcheur, rigueur. douceur, luxe, nuit,
richesse, virginité. mystère
Signification - Vide, absence, Tristesse, Mort, deuil,
solitude, peur anonymat, obscurité,
solitude, tristesse,
monotonie, monotonie.
mélancolie.
Domaines Religion, hiver, Construction, Cinéma, art,
mariage, mode, design, école, photographie,
actualités. univers interdit, luxe.
« corporate »
Pour en savoir plus quelques vidéos d’explications
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
51. Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
52. Quel est votre métier ?
Que vont cherchez les internautes ?
Comment répondre à leurs requêtes ?
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
53. Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
54. Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
55. N’oubliez pas de protéger votre nom !
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
56. Exploitation
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
57. C’est un espace de stockage mis à disposition sur un
serveur.
Il peut être interne à l’entreprise (risqué)
Externalisé
Mutualisé
Les coûts sont variables
Quelques hébergeurs OVH, 1and1, Amen…,
et celui de votre prestataire
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
58. Intérêt des CMS
Définition d’un CMS Content Management System ou
Système de Gestion de Contenu.
Un CMS est une solution de conception et de mise à jour de
site Internet, gérée directement en ligne, par des personnes
n’ayant par forcément de compétences en programmation.
Il en existe des centaines, les plus connus, Wordpress,
Joomla, Drupal, SPIP, Typo3 etc…
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
59. Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
60. Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
61. Vous disposez d’un back office
Facilité de mise à jour
Pour la publication, pas de compétences particulières requises
Pas de gestion de FTP
Espace souvent collaboratif
Intégration de plugins possible
Analyse et statistiques présentes
Gestion de documents joints
Séparation des données du code via une base de données
Respect des standards du Web
Design personnalisable
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
62. Chaque CMS est différent et requiert des compétences
solides en HTML, XHTML, CSS, PHP, JAVASCRIPT, MYSQL
quant à sa mise en place.
Gestion des versions
Incompatibilité avec certains hébergeurs
Vulnérabilité via certains templates ou plugins
Tous les CMS ne sont adaptés à votre projet !
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
63. Communication avec le domaine du site
Référencement naturel obtenu par une ligne éditoriale
rompue au SEO (Search Engine Optimisation)
Nommage des images
Enregistrement dans des annuaires sectoriels
Enregistrement sur des sites à fort page-rank
Promotion sur les réseaux sociaux SMO (Social Media
Optimisation)
Achat de mots clés SEM (Search Engine Marketing)
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
64. Un travail sur le long terme
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
65. Veille de positionnement
Veille concurrentielle
Veille technologique
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
66. Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
67. validation
Maquettage Rédaction
•Cahier des •Réalisation •Technique
charges •Cahier des •Mise en ligne •Gestion du •Veille
prévisionnel charges contenu
•analyse fonctionnel •Mise à jour
•maquette régulière
Etude Conception Maintenance
Evaluation exploitation
PLANIFICATION
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr
68.
Merci pour votre attention.
Réussir son cahier des charges André Gentit
pour son site Web Clic-en-berry.fr