Wireframe (maquette fil de fer)
Un wireframe est un schéma simplifié d'une page, sans couleurs ni images définitives, qui montre la structure : quels blocs, dans quel ordre, avec quelle hiérarchie. Il sert à valider le contenu et le parcours avant le design.
Définition
Un wireframe, ou maquette fil de fer, représente une page en blocs gris : titres, textes, images, boutons, formulaires. Il ne s'occupe pas de l'esthétique, seulement de ce qui apparaît et dans quel ordre.
Comment ça marche
On distingue la basse fidélité (des rectangles et des intitulés, parfois sur papier) et la moyenne fidélité (de vrais textes, une grille, des proportions réalistes). Les outils les plus utilisés sont Figma, Whimsical ou Miro.
Le wireframe vient après l'arborescence du site et avant la maquette graphique.
Pourquoi ça compte pour votre site
Changer l'ordre des sections sur un wireframe prend cinq minutes. Le faire sur un site développé prend des jours. Le wireframe permet de trancher les vraies questions (quelle preuve en premier, où placer l'appel à l'action) avant d'investir dans le design.
L'avis de We-R
Le wireframe est l'endroit où le copywriting et la stratégie se rencontrent. Un wireframe rempli de faux texte cache souvent un message flou ; on préfère y mettre de vrais titres dès que possible pour juger la page sur ce qu'elle dira vraiment.
Pour aller plus loin
Voir aussi : Landing page, Design system, Proposition de valeur. Et pour passer à la pratique : pourquoi votre site ne génère pas de leads ou nos sites Webflow.
Sources : Méthode de projet We-R · documentation Figma.
Dernière mise à jour : octobre 2026.
Des questions ?
De la transparence pour des prises de décisions éclairées.
