Concevoir un site web : les étapes d'un projet

Un projet de web conception rate rarement à cause de la technique. Il rate parce que personne n’a écrit noir sur blanc ce que le site devait produire, pour qui, et à quel moment. Les entreprises du Haut-Rhin qui refont leur site tous les quatre ou cinq ans le constatent : la difficulté ne se situe pas dans le choix d’un langage ou d’un outil, mais dans l’enchaînement des décisions. Voici cet enchaînement, étape par étape, tel qu’il se déroule dans un projet mené sérieusement.

Le cadrage : la seule étape qu’on ne peut pas rattraper

Avant la première ligne de code, avant même la première esquisse, un projet se cadre. Cela signifie répondre à trois questions dont les réponses vont contraindre tout le reste.

La première : quel est l’objectif mesurable du site ? Recevoir des demandes de devis, vendre en ligne, réduire les appels au standard, recruter, rassurer un prospect avant un rendez-vous physique. Un site qui poursuit cinq objectifs n’en atteint aucun. La seconde : qui sont les visiteurs, et dans quel état d’esprit arrivent-ils ? Un artisan qui cherche un fournisseur de matériaux et un particulier qui compare trois devis ne lisent pas la même page de la même façon. La troisième : quelles ressources internes seront réellement disponibles ? Un site nécessite des textes, des photos, des validations. Si personne n’a de temps pour cela, le calendrier va glisser, quelle que soit la qualité de l’équipe technique.

Le livrable de cette phase est un document court, deux à six pages, souvent appelé cahier des charges ou note de cadrage. Il fixe le périmètre fonctionnel, les cibles, les contraintes et le budget. C’est le seul moment du projet où changer d’avis ne coûte presque rien.

Une erreur fréquente consiste à confondre cadrage et liste de fonctionnalités. Énumérer un blog, un espace client, un moteur de recherche interne et une carte interactive ne constitue pas un cadrage : cela décrit des moyens sans avoir établi les fins. La bonne méthode inverse l’ordre. On part du résultat attendu, on en déduit les parcours nécessaires, et seulement ensuite les fonctions qui les rendent possibles. Cette inversion élimine souvent un tiers du périmètre initialement envisagé, et avec lui une part correspondante du budget et du délai.

Ce qui se décide aussi à ce stade

L’hébergement, le nom de domaine, la propriété du code et des accès, la reprise éventuelle d’un site existant, le sort des anciennes adresses. Ces sujets paraissent secondaires, ils deviennent bloquants trois mois plus tard. Un site refondu sans plan de redirections perd une partie de sa visibilité acquise, parfois durablement.

L’arborescence et les parcours

L’arborescence, c’est la carte du site : les rubriques, leur hiérarchie, les pages qu’elles contiennent. Elle se construit à partir de deux sources. D’un côté, les besoins réels des visiteurs, identifiés par les questions qui reviennent au téléphone ou par courriel. De l’autre, le vocabulaire effectivement tapé dans les moteurs de recherche, qui diffère presque toujours du jargon interne. Une entreprise parle de « solutions d’étanchéité », ses clients cherchent « réparer une toiture qui fuit ».

Une bonne arborescence respecte quelques règles simples. Toute page utile est accessible en trois clics depuis l’accueil. Une page traite un sujet, pas quatre. Les intitulés de menu sont explicites plutôt que créatifs. Enfin, chaque page a une raison d’exister formulable en une phrase : si cette phrase n’existe pas, la page non plus.

La profondeur mérite une attention particulière. Un site trop plat, avec vingt entrées de menu au même niveau, décourage la lecture et dilue les signaux envoyés aux moteurs. Un site trop profond enterre ses contenus les plus utiles sous quatre niveaux de rubriques. L’équilibre se trouve généralement entre trois et six rubriques principales, chacune abritant un ensemble cohérent de pages. Les adresses des pages suivent cette structure et se lisent comme des phrases courtes, en minuscules, sans accents ni caractères exotiques.

Vient ensuite le parcours utilisateur, qui décrit le chemin attendu entre l’arrivée et l’action souhaitée. C’est là qu’on place les points de conversion, qu’on décide où un formulaire apparaît, et qu’on identifie les pages qui devront porter le plus de soin rédactionnel. Ce travail conditionne directement le budget global d’un site internet, puisque le nombre de gabarits distincts pèse davantage sur la charge que le nombre de pages.

Maquettes : du zonage au design finalisé

Le design se déroule en deux temps que les projets pressés ont tendance à fusionner, à leurs dépens.

Le premier temps est le zonage, aussi appelé wireframe. En noir et blanc, sans image ni typographie définitive, il place les blocs : où va le titre, où va le visuel, où va le bouton, dans quel ordre les informations se succèdent sur mobile. À ce stade, les discussions portent sur la hiérarchie de l’information, ce qui est productif. Modifier un zonage prend une heure.

Le second temps est la maquette graphique. Couleurs, typographies, photos, espacements, états des boutons. Elle est produite sur au moins trois formats : mobile, tablette, ordinateur. Compte tenu de la part du trafic mobile en France, dessiner d’abord la version étroite évite de constater trop tard qu’un tableau de six colonnes est illisible sur un écran de six pouces.

Une maquette validée doit couvrir tous les gabarits : accueil, page de rubrique, page de contenu, page de service, formulaire, et les états d’erreur. Les états d’erreur sont systématiquement oubliés, et systématiquement rencontrés par les visiteurs.

Intégration et développement

C’est la phase où la maquette devient un site fonctionnel. Trois grandes voies existent, et le choix se fait normalement au cadrage.

Ces fourchettes correspondent à des observations de marché et varient fortement selon la complexité fonctionnelle, le volume de contenus et le niveau d’exigence graphique. Le choix entre un thème et un développement mesuré mérite un examen attentif, notamment pour les projets construits sur un CMS répandu, où l’écart de coût entre les approches thème et développement spécifique peut varier du simple au quintuple pour un rendu visuellement proche.

Techniquement, cette phase comprend l’intégration responsive, la mise en place du système de gestion de contenu, les formulaires et leur traitement, les optimisations de chargement, et les briques réglementaires : bandeau de consentement conforme, mentions légales, politique de confidentialité, registre des traitements si des données personnelles sont collectées.

La performance se travaille ici, pas après. Compresser les images au bon format, limiter le nombre de polices chargées, différer les scripts non critiques, activer la mise en cache : ces gestes coûtent quelques heures pendant l’intégration et deviennent des chantiers pénibles une fois le site en production. Les indicateurs d’expérience de chargement mesurés par les navigateurs récompensent un site qui affiche vite son contenu principal et qui ne fait pas sauter ses blocs pendant que la page se construit.

Contenus, recette et mise en ligne

Les contenus sont le premier facteur de retard des projets web. Textes, photographies, mentions techniques, tarifs, tout cela demande du temps interne et personne ne l’a provisionné. Deux parades fonctionnent : commencer la rédaction pendant la phase de maquettage plutôt qu’après, et confier la production à un rédacteur si les ressources internes manquent. Un site en ligne avec des textes provisoires reste rarement provisoire longtemps.

La recette consiste à tester méthodiquement avant ouverture. Une liste minimale : affichage sur les principaux navigateurs et sur trois tailles d’écran, envoi et réception effective de chaque formulaire, vérification des liens internes, temps de chargement des pages les plus lourdes, comportement du site sans connexion rapide, accessibilité au clavier, et bon fonctionnement du bandeau de consentement dans ses deux réponses possibles.

La mise en ligne elle-même se réduit à quelques opérations : bascule du nom de domaine, certificat de sécurité, ouverture à l’indexation, dépôt du plan de site, mise en place de la mesure d’audience. Pour une refonte, les redirections des anciennes adresses vers les nouvelles se déploient au même instant, sans délai. Une adresse laissée en erreur pendant deux semaines perd l’essentiel de la valeur qu’elle avait accumulée.

Les six premières semaines après l’ouverture

Un site n’est pas terminé le jour de sa mise en ligne. La période qui suit sert à corriger ce que la recette n’a pas vu et à observer les comportements réels. Les rapports de la console de recherche signalent les pages en erreur, les problèmes d’exploration et les premières requêtes qui amènent du trafic. Les statistiques de fréquentation révèlent les pages où les visiteurs s’arrêtent et celles qu’ils quittent immédiatement.

C’est aussi le moment de poser une base de mesure avant toute action d’optimisation. Sans référence de départ, aucune amélioration ultérieure ne pourra être évaluée. Un premier examen technique et éditorial mené deux à trois mois après l’ouverture donne une lecture bien plus fiable qu’une analyse conduite sur un site sans historique.

Ce qui distingue un projet maîtrisé

Trois marqueurs se retrouvent dans les projets qui se passent bien. Le premier : les décisions structurantes sont prises tôt et écrites. Le second : une personne unique côté commanditaire valide, ce qui évite les allers-retours contradictoires entre trois interlocuteurs. Le troisième : le calendrier prévoit explicitement du temps pour les contenus et pour la recette, au lieu de les traiter comme des variables d’ajustement.

À l’inverse, deux symptômes annoncent les difficultés. Le premier est le glissement du périmètre en cours de route : chaque nouvelle idée s’ajoute sans que rien ne soit retiré, et le projet perd sa cohérence en même temps que son calendrier. Le second est l’absence de décision sur les contenus : tant que les textes ne sont pas écrits, le site reste une maquette animée, et la date d’ouverture recule de semaine en semaine sans que personne n’assume le report.

Concevoir un site web reste un exercice de discipline, pas de virtuosité technique. Les outils disponibles en 2026 permettent d’obtenir un résultat solide avec des moyens raisonnables. Ce qui fait la différence entre un site qui travaille et un site qui dort tient à la clarté du cadrage initial et à la rigueur avec laquelle chaque étape est menée jusqu’à son livrable.