1 PRESENTATION DU CLIENT
Le client est une SARL de gestion de sites Internet.
Il est présent dans plusieurs domaines (e-commerce, jeux...) et souhaite s'attaquer
maintenant au domaine des trucs & astuces.
2 PRESENTATION DU PROJET
Le projet est un site Web proposant des trucs & astuces au public, mais permettant
aussi aux membres de commenter et poster leurs propres trucs & astuces.
Le site sera gratuit en accès et en inscription, mais en contrepartie, affichera de la
publicité en ligne (Google Adsense).
Les membres pourront être rémunérés s'ils disposent d'un compte AdSense (voir plus
bas pour les détails techniques).
Idéalement, le site devrait être en ligne le JJ/MM/AAAA.
2.1 Rôles
Rôle du client :
- valider les phases de choix (graphisme, ergonomie, contenus),
- valider le respect du cahier des charges,
- veiller au respect des délais,
- fournir les contenus de base (textes, plaquettes, logos, images, photos).
Rôle du prestataire :
- concevoir et réaliser le site Internet,
- respecter les délais,
- Proposer un planning de réalisation en accord avec le client.
2.2 Objectifs du site
Le site est essentiellement un site d'information à destination "tous publics" mais
également un site de publication.
Les résultats attendus sont les suivants :
- constitution d'une base de membres
- constitution d'une base de données
- générer un chiffre d'affaire par le biais de la publicité.
2.3 A qui s’adresse le site
A tout le monde, avec probablement pour coeur de cible la ménagère de 30-50 ans,
mais aussi les bricoleurs.
2.4 Contenus
Le client dispose d'ores et déjà d'une centaine de trucs et astuces, dont environ la moitié
assortis d'une photo libre de droits.
Les textes seront fournis par le client également.
Les trucs & astuces seront fournis par les membres par la suite (site auto-alimenté).

2.5 Arborescence
Dans les pages suivantes, par rapport à la home, seule la partie Contenu diffère suivant
les pages. De cette parti,e seuls sont conservés le bloc de connexion et le bloc de
recherche.
Les pages décrites ici sont des templates. Les pages similaires à un template donné
seront mentionnées en marge du template concerné.
1) Home :
- logo/header
- colonne de droite : menu, catégories, top 10 et publicité (format à détemriner)
- contenu :
*formulaire de connexion, y compris liens "inscription" et "mot de passe oublié, moteur
de recherche
* Titre style "bienvenue sur...", sous lequel figurent 2 blocs : "comment ça marche"
pour expliquer le fonctionnement du site et "retrouvez vos astuces sur iPhone" pour faire
la promotion de l'appli. Ces deux blocs sont côte-à-côte et de dimensions identiques.
*bannière 728x90
*Les catégories (24)
*bannière 728x90
*astuce du jour : présentée de la façon suivante :
- titre, note, posteur, première ligne du texte et lien "Lire la suite" vers l'astuce.
- photo ou image standard à gauche
*bannière 728x90
- footer : Mentionner l'éditeur, l'année + liens vers les mentions légales et les CGU
(textes fournis par le client).
2) Catégories
Au clic sur une catégorie, on affiche :
- Titre de la catégorie, puis, à droite : liste "Afficher XX trucs (10, 20, 50, 100, tous)",
classer par: dernière astuce, liste alphabétique, note la plus haute, note la plus basse,
astuce la plus commentée
- bannière 728x90
- liste des trucs et astuces répertoriés dans cette catégorie (par défaut, plus récent en
premier).
- bannière 728x90
3) Astuce
Une astuce comporte jusqu'à 7 parties superposées en plus des publicités. les 3
premières parties (hormis les pubs) sont postées par les visiteurs. :
a) Intro : en titre > catégorie (avec lien) + nom de l'astuce à droite. En dessous,
Note, puis "proposé par [pseudo du poster]" puis le texte d'intro, + photo à
gauche.
Sous le texte d'intro figure la mention "Vous devez être identifié pour nous

signaler un problème.
Connectez-vous ou inscrivez-vous."
b) bannière 728x90
c) Explications. titre : Explications : les détails de [nom de l'astuce]
texte de l'astuce, assorti d'une photo s'il y a lieu.
d) bannière 728x90
e) Conclusions et mises en garde. En complément de la conclusion éventuelle du
posteur, qui peut être assortie d'une photo, figurera un texte standard de mise en
garde quant à l'efficacité des astuces, leurs dangers, etc...
Ce texte sera fourni par le client.
f) bannière 728x90
g) Commentaires
h) Autres astuces en rapport avec celle consultée. On proposera 3 liens maximum.
i) Liens de partage sur un forum, un site ou un blog, avec le code adéquat (BBcode
pour les forums, HTML pour le reste).
Idéalement, on pourra par la suite ajouter un partage sur les réseaux sociaux.
j) Citation des mots-clés associés à l'astuce concernée.
Note concernant la catégorie "Amour/sexualité" : certaines astuces et ou illustrations
peuvent être très explicites. Aussi, au clic sur cette catégorie, on affiche un intersticiel
demandant de confirmer la majorité du visiteur. S'il ne confirme pas, on le redirige sur la
home.
5) Proposer une astuce
C'est un formulaire en 4 étapes. Une fois une étape remplie, la suivante s'affiche.
a) Explication des 4 étapes, si possible avec des icônes explicites.
b) bannière 728x90
c) Etape 1 : Si le posteur n'est pas inscrit, affichage d'une invitation à s'inscrire.
Au-dessous (ou sans invitation si le posteur est connecté) : Donnez un titre à
votre astuce.
d) Etape 1 : Choix d'une photo (la vidéo sera proposée dans une V2 ultérieure) pour
illustrer l'astuce.
e) Etape 1 : Ecriture d'une phrase d'intro
f) Etape 2 : Ajout du contenu, avec possibilité de poster une autre photo.
g) Etape 3 : Proposer d'écrire une conclusion, là encore avec ajout de photo
possible (3 photos maximum par astuce).
h) Etape 3 : Sélection des catégories (jusqu'à 3 catégories)
i) Etape 4 : Publication > suggérer de relire le texte, formulaire de login si le posteur
n'est pas connecté, y compris captcha efficace, case à cocher pour être prévenu
des commentaires et bouton "Poster".
5) Dernières astuces
C'est une liste, similaire à "Catégorie", sauf qu'on indique en plus à droite la catégorie
de chaque astuce, avec icône et texte.
6) Annuaire

Chaque lettre de l'alphabet renvoie sur une liste de mots-clés. A la suite de chaque mot,
on indique entre parenthèse le nombre d'occurrences du mots concerné.
7) Meilleurs posteurs
Cette page se décompose en 3 parties :
a) La récompense mensuelle au meilleur posteur, avec explication et image
d'illustration
b) Les 10 meilleurs posteurs du mois
c) Les 10 meilleurs posteurs du mois dernier.
8) Inscription
C'est un formulaire en 7 étapes :
a) Explication de l'intérêt de l'inscription, avec mise en valeur du côté rémunérateur.
b) Champs à remplir : email, pseudo, mot de passe, retaper le mot de passe. tous
sont obligatoires.
c) Informations facultatives. Champs à remplir : nom, prénom, adresse, adresse2,
ville, code postal, pays (liste déroulante), numéro de téléphone.
d) Partage de revenus AdSense, avec un champ à remplir avec l'ID Google du
posteur.
e) Captcha
f) Proposer de recevoir un email dans tout ou partie des catégories (case à cocher
pour chacune).
g) Validation : case à cocher pour l'abonnement à la newsletter, et case à cocher
pour signifier que le membre a bien pris connaissance des CGU.
On ajoute 2 bannières 728x90, une au-dessus du formulaire et l'autre tout en dessous
(au-dessus du footer).
9) Identifiants perdus
On propose de les renvoyer à l'adresse email que le visiteur entre dans le champ
adéquat + captcha.
3 PRESTATIONS ATTENDUES
3.1 Charte graphique et charte éditoriale
- recherche graphique et iconographique,
- recherche d’un système de navigation (schéma des différentes navigations possibles
dans le site),
- propositions de mise en page et de charte éditoriale.
- Création des 9 templates proposés
3.2 Création et récupération de contenus
- adapter à une présentation web les contenus fournis,
- numériser les données qui sont nécessaires,
- créer les éléments graphiques (fond de page, boutons, icônes…).

3.3 Développement
Front-office :
- moteur de recherche simple
- Ajout du logo du site en incrustation sur les photos uploadées par les posteurs.
- gestion des notes de 1 à 5
- gestion des commentaires
- prévoir l'affichage de messages d'erreur dans différents cas (posteur non inscrit,
champ obligatoire non rempli, pseudo déjà pris, email non valide, etc...).
- possibilité pour les visiteurs de signaler une astuce et/ou un commentaire qui leur
paraît inadaptée ou suspecte.
Back-office :
- gestion des membres (modification/suppression)
- affichage des alertes envoyées par les visiteurs (astuces et alertes) avec possibilité de
mettre en stand-by si besoin.
- gestion des astuces (ajout/modification/suppression, ceci incluant l'intro, le texte et la
conclusion, photos comprises)
- gestion des catégories (idem)
- gestion des commentaires (idem)
3.4 Maquette du site
Le but de la maquette est de vérifier que le site est conforme aux objectifs. Elle permet
également de valider la navigation dans le site. Elle doit être réalisée avec des liens
statiques en HTML pour simuler l’affichage de tous les types de contenus.
Le prestataire fournira donc un site statique XHTML/CSS simulant le futur site pour
validation.
3.5 Dépôt du nom de domaine et hébergement
Le client prend en charge cette partie.
3.6 Référencement
Le client souhaite impérativement :
- Balises Meta : titre, description, mots-clés
- Hiérarchisation du texte (Hn)
- utilisation des balises <p> pour délimitation des paragraphes
- que la possibilité soit offerte aux posteurs de légender leurs photos, la légende prenant
place dans la balise Alt de chaque photo.
- Mise en place d'un URL rewriting clair et efficace.
3.8 Statistiques de connections
Le client souhaite l'installation d'Analytics et flurnira au prestataire les identifiants
nécessaires.

- nombre d’accès visiteurs,
- mots clés tapés par les internautes,
- moteurs et annuaires de provenance,
- nombre de visites,
- pages visitées,
- provenance géographique des internautes,
- jours et tranches horaires des visites,
- types de navigateurs utilisés,
- fournisseurs d’accès d’origine.
4 LIVRABLES ATTENDUS
Les pièces à livrer par le prestataire internet pendant et après la réalisation du site sont
les suivantes :
- planning de réalisation avec un engagement sur la date de mise en ligne,
- arborescence détaillée du site,
- fichiers informatiques source (pages HTML, graphismes, bases de données,
programmes…)
- documents décrivant le site, son fonctionnement et son hébergement,
- version du code HTML utlisée,
- version des navigateurs compatibles,
- identifiant et mot de passe pour accéder au serveur.
- sources PSD

exemple Cahier de Charge Site Web

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Similar a exemple Cahier de Charge Site Web

Similar a exemple Cahier de Charge Site Web (20)

exemple Cahier de Charge Site Web