Le cahier des charges
Accueil Studio » Votre développement étape par étape » Le cahier des charges
Le cahier des charges est un document destiné à synthétiser le contenu de votre futur site : les différentes pages et les grandes lignes de leur contenu, les choix de typographie ou encore la palette de couleurs. Généré à l’issue de votre réunion de démarrage, c’est un guide, tant pour le développement du site, que pour le futur utilisateur.
AAPPMA Pro : un socle commun, des sites uniques
AAPPMA Pro est un modèle de site qui établit un standard commun à tous les sites. Chaque site AAPPMA Pro repose sur des similitudes en termes techniques, mais aussi de design. Administrer le site est d’autant plus simple que les situations rencontrées sont communes à tous, et les tutoriels produits sont donc adaptés à tous, quelle que soit l’AAPPMA.
Malgré tout, au-delà de ce socle commun, chaque AAPPMA a ses particularités, qui seront reflétées sur leur site : domaine de pêche, actions entreprises, équipe administrative, etc. Toute la force d’AAPPMA Pro est là : un socle commun, mais des sites uniques.
Qu’est-ce que le cahier des charges ?
Le cahier des charges est un résumé, une synthèse, un aperçu de votre futur site. À ce stade, aucune page n’a été créée, et aucun contenu éditorial rédigé. Malgré tout, le cahier des charges est destiné à donner une première visualisation du futur site, en précisant plusieurs paramètres :
L’arborescence des pages de votre site
Votre site est composé d’une quinzaine de pages au moment de sa mise en ligne, qui ne feront qu’augmenter au fur et à mesure de son évolution. Mais ces pages ne sont pas organisées de manière disparate au sein du site. Elle s’organisent suivant une relation parent-enfant, ou par ordre chronologique, suivant leurs spécificités. L’arborescence du site illustre l’organisation choisie pour les pages du site au moment de son lancement.
Les maquettes simplifiées (wireframe)
Si aucune page n’a encore été créée à ce stade, ni aucun contenu éditorial, la réunion de démarrage a permis d’établir la liste des besoins éditoriaux pour chaque page. Le cahier des charges reprend cette liste, page par page, et établit, avec une maquette simplifiée appelée wireframe, une pré-maquette de chacune des pages. Ce n’est encore qu’un aperçu, qui pourra évoluer à mesure que le site se construit, mais c’est déjà une première visualisation de votre futur site.
La charte graphique de votre site
La charte graphique de votre site définit son identité visuelle. Elle est composée par deux éléments : la typographie et la palette de couleurs choisies.
La typographie
La charte typographique est composée de :
La palette de couleurs
Si n’importe quelle couleur pourrait techniquement être utilisée sur votre site, certaines d’entre elles sont pré-enregistrées pour être utilisées d’une manière précise, afin de conserver une cohérence graphique sur l’ensemble du site. On parle alors d’une palette de couleurs, avec des couleurs spécifiques pour les liens, boutons (couleur 1 ou brand), pour les aplats ou encadrés (couleur 2 ou alt-brand) ou pour les arrières-plans (couleurs 5 ou 6). Neuf couleurs, étudiées pour être utilisées de manière conjointe, sont pré-enregistrées dans votre palette.
La grille de base, les marges, les espacements…
La grille de base (ou grid) est identique sur tous les sites AAPPMA Pro et il est déconseillé de la modifier au risque de s’écarter des standards de design pré-établis sur le site. Cette grille établit, pour les différents écrans, une largeur de page maximum, les marges gauche et droite, les espacements entre les blocs, les arrondis, etc.
| Ordinateur | Tablette | Mobile | |
|---|---|---|---|
| Largeur max | 1140 px | 921 px | 544 px |
| Marges | 10 px | 32 px | 16 px |
| Espacements | 32 px | 16 px | 16 px |
Lexique
Le langage des développeurs de sites internet emprunte de très nombreux termes anglophones. Dans les différents documents qui vous seront transmis, ces termes sont généralement traduits. Mais la traduction littérale présente certaines limites. Non seulement le terme traduit n’est pas forcément beaucoup plus explicite pour le néophyte : mais en outre, il devient peu compréhensible pour le développeur lui-même. Votre cahier des charges est donc livré avec un lexique permettant d’expliciter les termes les plus fréquemment utilisés.
À quoi sert le cahier des charges ?
Le cahier des charges est un document de travail, généré à la suite de la réunion de démarrage, qui aura permis de cerner les besoins de votre AAPPMA sur le futur site. Une fois rédigé, ce cahier des charges vous est donc envoyé, et soumis pour validation.
Un guide pour le développement
Prenez le temps de bien lire ce cahier des charges, et n’hésitez pas à demander des corrections si nécessaire. À ce stade, il n’est pas utile d’aller trop loin dans le détail (vous pourrez apporter toutes les précisions nécessaires lors de la création du contenu du site proprement dit) mais il est important que les éléments structurels attendus soient bien en place.
L’objectif du cahier des charges est d’établir les instructions pour le développement de la structure du site et la génération de gabarits qui comportent les éléments éditoriaux attendus de vos contenus.
Une fondation pour l’architecture du site
Une fois le cahier des charges validé, votre développeur peut commencer à construire le site, en créant des blocs pré-remplis, qui n’attendent plus que les contenus éditoriaux (textes et images) définitifs.
Le point de départ des contenus éditoriaux
Une fois la liste de vos pages et les grandes lignes de leur contenu définis, le développeur élabore pour vous des gabarits de contenus pour toutes les pages de votre site qui vous aideront à rédiger ce dernier, pour venir se “couler” dans les pages en attente.
Vous recevrez une invitation à rejoindre un dossier partagé en ligne, avec les gabarits de création de contenu. Ces gabarits sont conçus pour vous aider à rédiger les différents blocs de texte de votre site et à prévoir l’emplacement des futures images.
À retenir
Le cahier des charges est un premier aperçu de votre futur site. Il sert à votre développeur à établir la liste des pages à construire, et à vous transmettre en parallèle des gabarits pour vous aider à rédiger les pages de votre site.
Et ensuite ?
Vous avez reçu et validé votre cahier des charges ? Votre développeur va désormais vous transmettre les gabarits de création de vos pages. Ces gabarits sont conçus pour vous simplifier au maximum la rédaction de vos pages, en vous donnant les consignes les plus précises possibles.
