Conception et structure d’un site
Avant le design et le code, un site doit être cadré : objectifs, contenus, fonctionnalités et parcours. Ce vocabulaire permet de comprendre les documents et étapes qui transforment une idée en structure exploitable.
La méthode exacte varie selon la taille du projet. L’objectif reste de prendre les décisions structurantes avant de produire trop de détails coûteux à modifier.
A
Arborescence
L’arborescence représente l’organisation hiérarchique des pages d’un site et les relations entre elles. Elle aide à structurer la navigation, les URL et les parcours avant de commencer les maquettes ou le développement. Une bonne arborescence part des besoins des utilisateurs plutôt que de l’organisation interne de l’entreprise.
Voir aussi : Wireframe, Parcours utilisateur
C
Cahier des charges
Le cahier des charges formalise le contexte, les objectifs, les publics, le périmètre, les contenus, les fonctionnalités et les contraintes d’un projet web. Il sert de référence commune pour estimer, concevoir, produire et valider le site. Il peut rester léger pour un petit projet, mais les décisions importantes doivent être écrites.
CMS
Un CMS, ou système de gestion de contenu, permet d’administrer des pages, articles, médias ou produits depuis une interface, sans modifier directement le code à chaque mise à jour. WordPress, Drupal ou certains outils e-commerce en sont des exemples. Le choix d’un CMS engage aussi des besoins de maintenance, de sécurité et parfois de licences.
L
Landing page
Une landing page est une page conçue autour d’un objectif précis : demander un devis, s’inscrire, télécharger un document ou acheter une offre. Elle limite les distractions, présente une proposition claire et conduit vers un appel à l’action mesurable. Elle est souvent liée à une campagne publicitaire, un e-mail ou une recherche ciblée.
M
Maquette
Une maquette montre l’apparence visuelle prévue d’une page : typographies, couleurs, composants, espacements, images et états d’interface. Elle intervient généralement après la structure et les wireframes. Une maquette validée réduit les changements tardifs, mais ne représente pas toujours tous les comportements réels du site.
P
Page 404
Une page 404 s’affiche lorsqu’une ressource demandée n’existe pas ou plus. Elle doit conserver le code HTTP 404, expliquer simplement le problème et proposer des chemins utiles vers le reste du site. Une jolie page qui renvoie par erreur un code 200 devient une « soft 404 » et brouille aussi le travail des moteurs de recherche.
Voir aussi : Erreur 404
Page d’accueil
La page d’accueil présente l’identité du site, sa proposition de valeur et les principaux chemins proposés aux visiteurs. Elle doit orienter rapidement vers les contenus ou actions importantes. Elle n’est toutefois pas toujours la première page consultée : les moteurs de recherche et les campagnes peuvent conduire directement vers une page interne.
Prototype
Un prototype simule une partie du fonctionnement du futur site avant son développement complet. Il peut relier plusieurs maquettes, reproduire des clics, des transitions ou un parcours de formulaire. Il sert à tester une idée et à recueillir des retours, mais ne constitue pas nécessairement un site techniquement opérationnel.
S
Site e-commerce
Un site e-commerce permet de présenter un catalogue et de réaliser tout ou partie d’une vente en ligne. Il gère généralement les produits, le panier, le paiement, les commandes, les stocks et les messages transactionnels. Il implique aussi des contraintes de sécurité, de logistique, de fiscalité et d’information du consommateur.
Site one-page
Un site one-page regroupe l’essentiel de son contenu sur une seule page, avec une navigation par ancres. Cette structure peut convenir à une offre simple ou temporaire. Elle devient moins adaptée lorsque les contenus se multiplient, que plusieurs intentions de recherche doivent être travaillées ou que chaque service mérite une URL dédiée.
Site vitrine
Un site vitrine présente une entreprise, une activité, des services ou des réalisations afin d’informer et de générer des contacts. Il ne vend pas nécessairement en ligne, mais il peut intégrer des formulaires, une prise de rendez-vous ou un espace éditorial. Sa valeur dépend surtout de la clarté du positionnement et de la qualité des parcours.
W
Wireframe
Un wireframe est un schéma fonctionnel, souvent en niveaux de gris, qui positionne les contenus et les principales zones d’une page sans traiter le design final. Il permet de discuter rapidement de hiérarchie, de navigation et de priorités. Son but est de vérifier la structure avant de consacrer du temps à l’habillage graphique.
Z
Zone d’administration
La zone d’administration, ou back-office, est l’espace protégé utilisé pour gérer les contenus, utilisateurs, commandes ou réglages d’un site. Elle doit être réservée aux personnes autorisées et adaptée à leurs tâches réelles. Une interface d’administration trop complexe augmente les erreurs et finit souvent par ne plus être utilisée.