# Maquette de site web : à quoi sert vraiment cette étape > Les niveaux de finition d'une maquette et leur rôle, pourquoi le faux texte ruine la validation, et les questions à poser quand on vous présente une maquette. > URL : https://najumi.fr/article/maquette-site-web-guide-pme-2026/ --- Design [![nicolas](https://admin.najumi.fr/uploads/medium_team_1_1_00321a2c01.png?format=webp&width=500&quality=82) Nicolas Bardot Cofondateur de Najumi & Designer](https://najumi.fr/auteur/nicolas-bardot/) Date 21 août 2026 Temps de lecture 9 minutes ![Image de l'article du blog Najumi](https://admin.najumi.fr/uploads/medium_maquette_site_web_guide_pme_2026_cover_8672a8cb00.webp) ## Maquette de site web : à quoi sert vraiment cette étape La maquette est le moment du projet que les clients attendent le plus. C'est le premier livrable qu'on peut montrer, celui qui circule en interne, celui qui déclenche les avis. C'est aussi le moment où la plupart des projets prennent une mauvaise direction, pour une raison simple : on demande à la maquette de valider le design alors qu'elle devrait d'abord valider le raisonnement. Quand une maquette arrive en réunion avec des couleurs, des photos et une belle typographie, personne ne discute plus de l'ordre des sections ni de ce qu'on met en avant. Tout le monde commente ce qu'il voit. Les vraies questions, elles, ne sont pas posées, et elles reviendront au pire moment, souvent après le développement. Cet article explique ce qu'est une maquette, les niveaux de finition et leur rôle, comment se déroule une validation utile, et les questions à poser quand on vous en présente une. > **TL;DR** : une maquette est une représentation visuelle d'une page avant sa construction. Elle existe à plusieurs niveaux de finition, du schéma en noir et blanc jusqu'à la version quasi définitive. L'erreur la plus fréquente est de sauter les niveaux intermédiaires pour arriver directement au rendu final, ce qui empêche de discuter la structure et coûte cher à corriger ensuite. **En bref.** Une maquette représente une page avant son développement. Les versions peu finies servent à valider la structure et le message, les versions abouties servent à valider l'apparence. Confondre les deux étapes est la principale cause de dérive dans un projet web. ## Sommaire - [Ce qu'est une maquette](#definition) - [Les niveaux de finition et leur rôle](#niveaux) - [Pourquoi le faux texte ruine la validation](#contenu) - [Comment se passe une validation utile](#validation) - [Les questions à poser devant une maquette](#questions) - [Les erreurs les plus fréquentes](#erreurs) - [Questions fréquentes](#faq) ## Ce qu'est une maquette **Définition.** Une maquette est une représentation visuelle d'une page web réalisée avant son développement. Elle fixe la disposition des éléments, leur hiérarchie et, selon son niveau de finition, leur apparence définitive. **Quelle différence avec un wireframe ?** Le wireframe est une maquette volontairement dépouillée : pas de couleur, pas d'image, pas de typographie travaillée. Il ne montre que la structure. La maquette au sens courant désigne plutôt la version aboutie. Ce sont deux étapes du même travail, pas deux choses différentes. **Et un prototype ?** C'est une maquette rendue cliquable, pour tester un enchaînement d'écrans. Utile dès qu'il y a un parcours en plusieurs étapes, superflu sur un site vitrine simple. ## Les niveaux de finition et leur rôle C'est la notion la plus utile à comprendre pour un dirigeant, parce qu'elle détermine ce qu'on peut discuter à chaque étape. Le Nielsen Norman Group distingue clairement les prototypes selon leur degré de finition dans son [analyse des prototypes basse et haute fidélité](https://www.nngroup.com/articles/ux-prototype-hi-lo-fidelity/?utm_source=najumi.fr&utm_medium=blog&utm_campaign=article&utm_content=maquette-site-web-guide-pme-2026), et cette distinction n'est pas cosmétique : elle change la nature des retours qu'on obtient. | Niveau | Ce qu'on y voit | Ce qu'on valide | | --- | --- | --- | | Schéma ou wireframe | Blocs, ordre, hiérarchie | Le raisonnement et le message | | Maquette intermédiaire | Grille, typographie, sans image finale | La lisibilité et le rythme | | Maquette aboutie | Rendu quasi définitif | L'apparence et les détails | La règle que j'applique : on ne montre jamais une maquette aboutie avant d'avoir validé la structure. Non pas par principe, mais parce que les retours obtenus ne seront pas les mêmes. Devant un schéma en noir et blanc, les gens parlent du contenu et de l'ordre. Devant une maquette finie, ils parlent des couleurs. On obtient exactement les retours que le niveau de finition autorise. C'est d'ailleurs un des intérêts du prototypage sommaire, y compris sur papier, que le Nielsen Norman Group documente depuis longtemps dans son [article sur le prototypage papier](https://www.nngroup.com/articles/paper-prototyping/?utm_source=najumi.fr&utm_medium=blog&utm_campaign=article&utm_content=maquette-site-web-guide-pme-2026) : plus c'est brut, plus les gens osent proposer des changements de fond. ## Pourquoi le faux texte ruine la validation C'est le point sur lequel je suis le plus intransigeant, et celui qui surprend le plus les clients. Une maquette remplie de faux texte ne peut pas être validée sérieusement. Le faux texte a une longueur régulière, aucun mot ne dépasse, chaque titre tient sur deux lignes. Le contenu réel, lui, est irrégulier : un nom de service fait trois mots, un autre en fait onze. Ce qui se passe ensuite est prévisible. La maquette est validée, le contenu réel arrive, et la mise en page ne tient plus. On adapte alors le texte à la maquette, ce qui revient à laisser le design décider du message. Je préfère travailler dans l'autre sens : le contenu, même à l'état de brouillon, d'abord. Il n'a pas besoin d'être définitif, il a besoin d'être réel. Un titre approximatif mais de la bonne longueur vaut mieux qu'une ligne de faux latin parfaitement calibrée. C'est aussi ce qui permet de repérer très tôt les pages sur lesquelles vous n'avez en fait rien à dire, ce qui est une information précieuse avant de payer leur développement. Nous décrivons cette séquence dans notre [guide de création de site internet pour PME](https://najumi.fr/article/creation-site-internet-pme/). > Vous démarrez un projet et vous vous demandez dans quel ordre travailler ? Nous posons ce cadrage au début de chaque [création ou refonte de site](https://najumi.fr/service/creation-site-internet/), réponse sous 24 heures. ## Comment se passe une validation utile Voici le déroulé que je recommande, et il tient en quatre points. **Une seule personne décide.** Les avis peuvent être nombreux, la décision doit avoir un propriétaire. Les validations collectives produisent des compromis où chaque section a été agrandie pour satisfaire quelqu'un. **Les retours par écrit, sur la maquette.** Les commentaires laissés directement sur le document évitent les échanges de mails où l'on ne sait plus de quel bloc on parle. **Une distinction explicite entre le bloquant et le préférentiel.** Un texte inexact est bloquant. Une nuance de couleur est préférentielle. Sans cette distinction, tout arrive au même niveau et on traite les deux avec la même urgence. **Deux allers retours, pas dix.** Un projet sain compte une passe de retours structurés et une passe de vérification. Au delà de trois, ce n'est plus de la validation, c'est que la structure n'avait pas été tranchée avant. Il faut aussi regarder la maquette mobile avec la même attention que la version bureau. Elle est souvent survolée en réunion alors qu'elle correspond au cas le plus fréquent chez vos visiteurs. ## Les questions à poser devant une maquette À la place de « est-ce que ça me plaît », voici ce qui fait avancer un projet. **Qu'est ce qu'on voit en premier, et est-ce ce qu'on veut ?** Plissez les yeux jusqu'à ce que le texte devienne illisible. Ce qui reste visible est ce qui frappe. **Quelle est l'action principale de cet écran ?** Il doit y en avoir une, et une seule qui domine. **Pourquoi cette section est-elle placée ici ?** Une bonne maquette se défend par un raisonnement, pas par un goût. **Que voit quelqu'un qui ne nous connaît pas du tout ?** C'est le cas de la majorité de vos visiteurs, et rarement celui des personnes présentes en réunion. **À quoi ça ressemble avec le vrai contenu, y compris le plus long ?** Demandez à voir le cas défavorable, pas seulement le cas idéal. ## Les erreurs les plus fréquentes **Valider une maquette sans le contenu réel.** C'est la cause première des reprises de fin de projet. **Ne maquetter que la page d'accueil.** C'est la page la plus discutée et souvent pas la plus visitée. Les pages service et contact méritent le même soin. **Oublier les états.** Le formulaire mal rempli, la page sans résultat, le message de confirmation. Ils représentent une part réelle des visites et sont absents de la moitié des maquettes. **Confondre la maquette et le site.** Une maquette est fixe, un site est vivant : les textes changent, les contenus s'allongent. Une mise en page qui ne fonctionne que dans un seul cas ne tiendra pas six mois. **Faire valider par des gens qui ne sont pas la cible.** L'avis d'un collègue sur la couleur d'un bouton ne dit rien de ce que fera un dirigeant qui cherche un prestataire. Ce recentrage fait partie de ce que nous cadrons dans notre [guide de la refonte de site pour PME](https://najumi.fr/article/etapes-refonte-site-internet-pme/). ## Questions fréquentes **Combien de pages faut-il maquetter ?** En général quatre à six gabarits suffisent pour un site vitrine : accueil, page service, page de liste, article, contact, et un gabarit de page simple. Les autres pages en découlent. **Combien de temps prend une maquette ?** Pour un site vitrine, comptez une à deux semaines entre le premier schéma et la maquette validée, en incluant les allers retours. Le facteur limitant est presque toujours la disponibilité du client, pas celle du designer. **Peut-on sauter l'étape maquette ?** Sur un site très simple avec un thème existant, parfois. Le risque est de découvrir les problèmes de structure une fois le développement fait, quand les corriger coûte beaucoup plus cher. **Faut-il maquetter mobile et bureau séparément ?** Les deux doivent exister, et le mobile mérite d'être traité en premier. C'est la contrainte la plus forte, donc celle qui révèle les problèmes de hiérarchie. **Qui doit fournir le contenu ?** Le client dans la plupart des cas, parce qu'il connaît son métier. Cela doit être écrit dans le devis, avec une échéance, sinon c'est ce qui bloque le projet. ## Ce qu'il faut retenir Une maquette ne sert pas à décider si un site est joli. Elle sert à vérifier qu'on a compris ce qu'il faut dire, à qui, et dans quel ordre. Le meilleur indicateur d'un projet bien mené est le moment où la couleur devient un sujet : si c'est à la première réunion, la structure n'a pas été discutée. Si c'est à la fin, elle l'a été. Vous démarrez un projet et vous voulez éviter les allers retours interminables ? [Parlons de votre projet](https://najumi.fr/contact/), réponse sous 24 heures et sans engagement. ## À propos de l'auteur Nicolas Bardot est cofondateur de Najumi, agence web basée dans la métropole de Lyon. Designer de formation, il conçoit les maquettes et les parcours des sites livrés par l'agence, en commençant par la structure et le contenu avant l'esthétique. Il travaille principalement avec des dirigeants de PME qui veulent un site compréhensible par leurs clients plutôt qu'un site qui impressionne leurs concurrents. Il écrit sur le blog Najumi les arbitrages de conception rencontrés sur les projets réels, y compris ceux qui vont à l'encontre des habitudes du secteur. Najumi, l'agence digitale qui crée votre site web sur-mesure Attirez plus de clients avec un site web performant pensé pour convertir Réponse sous 24h - sans engagement Suggestion ## Vous pourriez aussi aimer [![Image d’illustration de l’article du blog Najumi](https://admin.najumi.fr/uploads/medium_low_code_pme_guide_2026_cover_ed0865def4.webp) 20 août 2026 ## Low-code : quand ça marche pour une PME, et quand ça coûte cher Ce qu'est le low-code, les cas où il est le bon choix pour une PME, les trois limites qu'on découvre tard et comment arbitrer avec le développement sur mesure. Lire le post Développement](https://najumi.fr/article/low-code-pme-guide-2026/) [![Image d’illustration de l’article du blog Najumi](https://admin.najumi.fr/uploads/medium_donnees_structurees_schema_org_pme_2026_cover_7e00620cf7.webp) 19 août 2026 ## Données structurées : ce que Schema.org apporte vraiment à une PME Ce que sont les données structurées, ce qu'on peut en attendre, les trois balisages utiles à une PME et comment vérifier gratuitement ce que vos pages déclarent. Lire le post SEO](https://najumi.fr/article/donnees-structurees-schema-org-pme-2026/) [![Image d’illustration de l’article du blog Najumi](https://admin.najumi.fr/uploads/medium_recettage_site_web_guide_pme_2026_cover_3d870fcc41.webp) 18 août 2026 ## Recettage : l'étape que les PME découvrent le jour de la livraison Ce qu'est le recettage, la répartition entre agence et client, la checklist en cinq blocs et le temps qu'il faut réellement prévoir avant une mise en ligne. Lire le post Project management](https://najumi.fr/article/recettage-site-web-guide-pme-2026/) 2 projets disponibles ce mois-ci ## Discutons de votre projet Réservez 30 minutes avec Mathis. Nous analysons votre situation et nous vous proposons une solution adaptée. ![Avatar de Mathis Haumont](https://najumi.fr/_astro/mathis_linkedin.DzokqiJE_Z1gtodq.png) 30min avec Mathis Sans engagement ![Bureau de l'agence Najumi à Villeurbanne (Métropole de Lyon)](https://najumi.fr/_astro/contact-min.B43tq0Gr_Zj7Yja.png)