Prix d’une maquette de site web : combien prévoir ?

Combien coûte une maquette de site web en 2026 ?

Les repères de marché observés en France vont d’environ 300 à 800 € pour la maquette d’une page unique à plusieurs milliers d’euros pour un site composé de plusieurs gabarits, avec déclinaisons responsive, prototype et système de composants.

Deux sources françaises actualisées en 2026 situent fréquemment une maquette multi-gabarits autour de 900 à 2 500 €, avec des budgets plus élevés lorsque la direction artistique, la recherche UX, les interactions ou plusieurs cycles de validation sont inclus.

Ces montants sont des ordres de grandeur, pas les tarifs de Gemme Studio. Le devis dépend du périmètre réel et des livrables attendus.

Wireframe, maquette et prototype : trois budgets différents

Le wireframe structure la page

Le wireframe représente les zones, la hiérarchie et le parcours sans finaliser l’identité graphique. Il permet de décider où placer le message, les preuves, les contenus et les actions. Découvrez la définition d’un wireframe avant de comparer ce livrable à une maquette.

La maquette graphique définit l’interface

La maquette haute fidélité applique les couleurs, la typographie, les composants, les espacements et les visuels. Elle sert de référence à l’intégration et réduit les décisions improvisées pendant le développement.

Le prototype ajoute les interactions

Un prototype relie les écrans et simule certains comportements. Il devient utile lorsque le parcours comporte plusieurs étapes, des états ou des interactions difficiles à valider sur des écrans statiques.

Quels facteurs font varier le tarif ?

• Le nombre de gabarits uniques : accueil, service, article, contact ou page de conversion ne demandent pas le même travail.
• Le niveau de fidélité : wireframe, interface finalisée ou prototype interactif.
• Le responsive : desktop, tablette et mobile, avec adaptations réelles du contenu.
• La direction artistique : identité existante à décliner ou univers visuel à construire.
• La complexité des composants : navigation, formulaires, filtres, tableaux ou états particuliers.
• La recherche UX : entretiens, analyse des parcours, architecture de l’information ou tests.
• Les cycles de validation : nombre d’allers-retours et nombre de décideurs.
• La qualité des contenus disponibles : textes, visuels et preuves déjà prêts ou à produire.

Combien d’écrans faut-il réellement maquetter ?

Il n’est pas toujours nécessaire de maquetter chaque URL. Pour un site CMS, on raisonne surtout en gabarits et en composants réutilisables. Une page article peut couvrir des dizaines de contenus si sa structure est commune. À l’inverse, une seule landing page peut demander plusieurs états si le parcours est complexe.

Le devis doit donc séparer les pages uniques, les gabarits CMS et les composants partagés. Cette distinction évite de payer plusieurs fois le même travail ou, à l’inverse, de sous-estimer une interface réellement spécifique.

Que doit contenir le devis d’une maquette ?

• la liste des gabarits et des écrans ;
• les formats desktop, tablette et mobile inclus ;
• le niveau de fidélité attendu ;
• les composants et éventuel mini design system ;
• les interactions à prototyper ;
• le nombre de propositions et d’allers-retours ;
• le format de livraison et les droits d’accès au fichier source ;
• la présence ou non du copywriting, des visuels et des tests ;
• la transmission à l’équipe qui intégrera le site.

Le cahier des charges du site internet peut servir de base pour formaliser ces éléments.

La maquette réduit-elle le coût du développement ?

Une maquette ne garantit pas automatiquement un projet moins cher, mais elle déplace les décisions vers une phase où elles sont plus faciles à corriger. Elle peut limiter les retours tardifs, clarifier le responsive et fournir une référence commune au client, au designer et à l’intégrateur.

Son intérêt est particulièrement fort lorsque la page doit guider une action importante. La conception peut alors être reliée à l’optimisation du parcours utilisateur plutôt qu’à la seule apparence.

Comment comparer deux devis de maquettage ?

Comparez les prestations à livrables égaux. Un devis peu élevé peut couvrir uniquement un écran desktop, tandis qu’un autre inclut le mobile, un prototype, une bibliothèque de composants et la préparation à l’intégration. Vérifiez également si le budget de développement est séparé : une maquette n’est pas un site fonctionnel.

Pour replacer cette étape dans le budget global, consultez le guide sur le coût d’un site web.

Sources des repères tarifaires

Les fourchettes ont été rapprochées des publications 2026 de WeComm et de La Refonte. Elles donnent des repères, mais seul un périmètre détaillé permet d’établir un devis fiable.

Passer de la maquette à un site Webflow

Si vous souhaitez cadrer la conception puis intégrer un site cohérent et administrable, découvrez le service de création de site Webflow de Gemme Studio.