Réussir son site web grâce au cahier des charges

 
Petit déjeuner numérique
CCI du Cher

André Gentit
Clic-en-berry.fr

 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

 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


La source complète http://pinterest.com/pin/66991113177110742/


Source France Info

Sources : dofollow.bz

La source complète http://pinterest.com/pin/66991113177209175/

Quel type de site ?
Pourquoi ?
Pourqui ?

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.


DOMAINE
www.monsite.com


 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…


 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…


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


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.


 1 je fais mon site seul

 2 Je me fais aider par des proches

 3 je fais appel à des pros du secteur


 1 Conception

 2 Réalisation

 3 Exploitation


Premières étapes
 


 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…


Un projet Web n’est pas un empilement de pages !


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 ?


Tout le monde a son mot à dire !


Comment faire ?


Heu ! Pardon…


 Hiérarchiser
 Modéliser
 Architecturer
 Représenter

Pour être capable de l’expliquer !


Informations
Fonctionnalités

Budget

Rédaction du cahier des
charges prévisionnel

Un développeur Un webdesigner

Directeur artistique
Infographiste
Ergonome
Admin réseau
Rédacteur en chef
Un Chef de projet
Animateur Web


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 !


Les créatifs en action !


 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 ?

Design
Fonctionnalités

Technologies

Rédaction du cahier
des charges fonctionnel

Source : (Matthieu Mingasson)

validation

Maquettage
•Cahier des •Réalisation
charges •Cahier des •Mise en ligne
prévisionnel charges
•analyse fonctionnel ….
•maquette
Etude Conception

Evaluation

PLANIFICATION


Réalisation
 


Wireframe Mock-up


 Elle doit répondre aux critères suivants :
 Sobriété
 Lisibilité
 Utilisabilité
 Rapidité
 Interactivité
 Adaptabilité
 Accessibilité
 Originalité
 …


Les schémas fournis

Que représente la page d’accueil ?

LA PAGE D’ACCUEIL EST UNE AGREGATION DES FLUX DU
SITE ET DES MEDIAS CONNECTES


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.

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

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


 Quel est votre métier ?

 Que vont cherchez les internautes ?

 Comment répondre à leurs requêtes ?


N’oubliez pas de protéger votre nom !

Exploitation
 


 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


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…


 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


 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 !


 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)


Un travail sur le long terme


Veille de positionnement

Veille concurrentielle

Veille technologique


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


 
Merci pour votre attention.


Réussir son site web grâce au cahier des charges

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (20)

Similar to Réussir son site web grâce au cahier des charges

Similar to Réussir son site web grâce au cahier des charges (20)

More from ESTACOM Bourges - Communication | Créativité | Digital

More from ESTACOM Bourges - Communication | Créativité | Digital (20)

Réussir son site web grâce au cahier des charges