Valider une maquette de site web : ce que vous signez vraiment
Valider la maquette d'un site web, c'est accepter le plan, la hiérarchie des contenus et l'apparence des pages avant que le développement commence. Après cette étape, chaque changement de structure se paie en jours de travail et parfois en avenant au devis. C'est le moment où une remarque coûte le moins cher, à condition de savoir quoi regarder.
Le mot « maquette » recouvre trois livrables différents. Avant de donner votre accord, vérifiez lequel on vous présente.
| Livrable | À quoi il ressemble | Ce que vous validez |
|---|---|---|
| Zoning ou wireframe | Des blocs gris, sans couleurs ni photos | Les pages, l'ordre des sections, la place des boutons |
| Maquette graphique | Des images fixes des pages, avec typographie, couleurs et visuels | L'apparence finale, page par page, sur ordinateur et sur mobile |
| Prototype cliquable | Une maquette où l'on peut passer d'une page à l'autre (souvent dans Figma) | Le parcours : menu, enchaînement des pages, formulaire |
Sur un site vitrine de cinq à dix pages, on présente souvent directement la maquette graphique des gabarits principaux : accueil, page de service, page de contact. Les autres pages en découlent. Sur un site plus complexe ou une boutique en ligne, le wireframe passe d'abord, pour fixer la structure avant de parler couleurs.
Préparer la validation avant de recevoir la maquette
Une maquette se juge par rapport à un objectif. Si cet objectif n'a jamais été écrit, chaque relecteur la jugera selon ses goûts. Trois éléments à avoir sous la main :
- Le cahier des charges ou le brief : cibles, pages prévues, action attendue du visiteur. Notre modèle de cahier des charges sert justement de grille de relecture.
- Un seul décideur, nommé avant le début du projet. Les autres donnent leur avis à cette personne, pas au prestataire.
- Le nombre d'allers-retours prévus au devis. Deux séries de corrections sont courantes. Au-delà, la plupart des prestataires facturent le temps passé.
Demandez aussi que la maquette contienne vos vrais textes, ou au moins des textes proches de la version finale. Un faux texte latin (« lorem ipsum ») cache les problèmes : un titre de 4 mots tient partout, un titre de 14 mots casse la mise en page.
La liste de contrôle pour valider la maquette d'un site web
Ouvrez la maquette deux fois : une fois en vous mettant à la place d'un client qui ne vous connaît pas, une fois avec la liste ci-dessous.
Le message
- En haut de la page d'accueil, sans faire défiler, un inconnu comprend-il ce que vous faites, pour qui et où ? Les règles détaillées sont dans notre article sur la rédaction de la page d'accueil.
- Chaque service important a-t-il sa propre page, ou au moins sa propre section ?
- Vos preuves (réalisations, avis, références, certifications) apparaissent-elles avant le bas de page ?
L'action
- Le bouton principal (« Demander un devis », « Réserver », « Appeler ») est-il visible sur chaque page, et toujours avec le même libellé ?
- Le formulaire de contact demande-t-il uniquement les informations utiles ? Chaque champ en plus fait perdre des demandes.
- Le téléphone est-il cliquable et visible sur mobile ?
Le mobile
Exigez la version mobile des pages principales, pas seulement la version ordinateur. Sur un site de TPE, une grande partie des visiteurs arrive depuis un téléphone, et une maquette pensée pour un écran large ne se « réduit » pas toute seule : l'ordre des blocs, la taille des boutons et le menu doivent être dessinés. Notre article sur le site responsive détaille ce qu'il faut vérifier.
Les détails qui reviennent cher plus tard
| Point à vérifier | Pourquoi maintenant |
|---|---|
| Les intitulés du menu | Ils deviennent les adresses des pages : les changer après la mise en ligne impose des redirections |
| Le format des photos | Des photos verticales dans un gabarit horizontal obligent à recadrer ou à refaire une séance |
| Le pied de page | Mentions légales, politique de confidentialité, coordonnées : souvent oubliés dans la maquette |
| Les pages « secondaires » | Page de remerciement après le formulaire, page 404, page de réalisation : un gabarit de plus à prévoir |
| Les fonctions annoncées | Réservation, carte, filtre de réalisations : si elles n'apparaissent pas sur la maquette, elles ne sont peut-être pas au devis |
Comment rédiger ses retours sur une maquette
Un bon retour décrit un problème, pas une solution. « Le bouton vert ne me plaît pas » donne lieu à une nouvelle couleur au hasard. « Le bouton se confond avec la photo de fond, on ne le voit pas sur mobile » donne au graphiste de quoi corriger juste.
- Regroupez tous les retours dans un seul envoi, consolidé par le décideur. Trois courriels de trois associés qui se contredisent consomment un aller-retour pour rien.
- Annotez directement la maquette quand l'outil le permet (commentaires Figma, PDF annoté, captures numérotées). Chaque remarque doit pointer un endroit précis.
- Classez les retours en trois niveaux : bloquant (erreur, information fausse, fonction manquante), important (lisibilité, ordre des sections), préférence (teinte, illustration).
- Distinguez le contenu de la forme. Un texte à reformuler se corrige dans le site plus tard sans toucher au design ; une section à déplacer doit être signalée maintenant.
- Fixez une date de retour et tenez-la. Une réponse en 48 heures plutôt qu'en deux semaines raccourcit d'autant le projet, comme l'explique notre article sur la durée de création d'un site.
Les erreurs fréquentes au moment de valider
- Valider sur ordinateur seulement. La version mobile arrive au développement et réserve des surprises.
- Faire relire par une nouvelle personne à la fin. Un associé ou un proche qui découvre le projet remet en cause des choix déjà actés. Faites-le intervenir dès le premier tour, ou pas du tout.
- Juger sur ses goûts plutôt que sur ses clients. La question n'est pas « est-ce que j'aime ce bleu ? », mais « un client pressé trouve-t-il le bouton de devis ? ».
- Accepter une maquette incomplète. Si la page de contact ou la version mobile manquent, demandez-les avant de valider : le reste du projet s'appuiera sur ce qui a été signé.
- Valider oralement. Un « ça me va » au téléphone ne protège personne. Confirmez par écrit, avec la liste des pages et la version de la maquette concernée.
Après la validation : ce qui peut encore changer
Une fois la maquette validée, le développement commence sur cette base. Les textes, les photos et les petits ajustements de couleur restent modifiables sans surcoût dans la plupart des projets. En revanche, ajouter une page avec un nouveau gabarit, réorganiser le menu ou intégrer une fonction absente de la maquette relève d'une demande nouvelle, chiffrée à part.
Ce n'est pas une rigidité de prestataire : un changement de structure oblige à reprendre le code de plusieurs pages, puis à tout retester sur mobile. Plus il arrive tard, plus il coûte.
Comment nous présentons nos maquettes
Chez Fluctuatech, la maquette de chaque gabarit est présentée en version ordinateur et mobile, avec vos vrais textes dès qu'ils existent, dans un lien Figma que vous pouvez commenter. Deux séries de corrections sont comprises, et la validation se fait par écrit sur une version datée. Une landing page démarre à 1 200 € HT, un site vitrine à 2 500 € HT et une boutique en ligne à 5 000 € HT.
Vous préparez un site et voulez voir à quoi il ressemblera avant de vous engager ? Consultez nos tarifs ou écrivez-nous : nous vous expliquons comment se déroule la phase de maquette sur votre projet.