Le prix d'une maquette de site web ne se compare pas d'un devis à l'autre, parce que le mot « maquette » ne désigne pas la même chose chez deux prestataires. Chez l'un, c'est une image de la page d'accueil. Chez l'autre, c'est l'ensemble des écrans du site, en version mobile et ordinateur, avec les états d'erreur, les fichiers sources remis et trois séries de corrections. Entre les deux, la charge de travail n'a rien de comparable — et c'est presque toujours ce qui explique l'écart entre deux propositions, bien plus que le talent du prestataire. Cet article vous donne la grille de lecture, puis répond à la vraie question : faut-il payer une maquette séparément quand on commande le site complet.
Ce que contient réellement une maquette, poste par poste
Avant de discuter d'un prix, il faut nommer ce qui se fabrique. Une maquette professionnelle, c'est au minimum cinq choses :
Les écrans. Pas « les pages » : les gabarits. Un site de vingt pages peut ne demander que cinq gabarits si seize de ces pages partagent le même modèle. Inversement, un site de cinq pages avec un configurateur de devis peut en demander le double. C'est le nombre d'écrans distincts qui se facture, jamais le nombre d'URL.
Les versions. Un écran conçu pour un ordinateur n'est pas terminé. Au Maroc, la majorité du trafic d'une PME arrive du téléphone : la version mobile n'est pas une adaptation automatique, c'est une deuxième conception, avec un ordre de lecture différent et des éléments qui disparaissent.
Les états. Un bouton au repos, survolé, désactivé, en cours de chargement. Un formulaire vide, rempli, en erreur. Un panier vide. Une liste sans résultat. Ces états représentent une part importante du travail et sont ce que les devis bon marché suppriment en premier — le développeur les improvisera, et ils auront l'air improvisés.
Le prototype cliquable. Des écrans reliés entre eux, que vous parcourez au doigt sur votre téléphone avant qu'une ligne de code existe. C'est le seul moyen honnête de valider un parcours.
La remise. Les fichiers sources, les exports, les polices et images sous licence, et un accès pour le développeur. Sans cette ligne, vous avez payé des images, pas un livrable.
Les six variables qui font le prix
| Variable | Ce qui coûte peu | Ce qui fait monter la facture |
|---|---|---|
| Nombre d'écrans | 4 à 6 gabarits pour un site vitrine | Chaque gabarit spécifique : fiche produit, tunnel, espace client |
| Versions | Mobile et ordinateur | Ajout d'une tablette, d'un affichage en arabe avec sens de lecture inversé |
| États et cas limites | Écrans « heureux » uniquement | Erreurs, listes vides, chargements, messages de confirmation |
| Point de départ | Une charte existante à appliquer | Identité à créer, recherche de direction artistique, plusieurs pistes |
| Contenu | Textes et photos fournis | Rédaction, sélection d'images, adaptation d'un contenu inexistant |
| Allers-retours | Un nombre défini de séries de corrections | Corrections illimitées, ou validation par un comité de cinq personnes |
La dernière ligne est la plus sous-estimée. Un prestataire qui accepte « autant de modifications que nécessaire » sans cadre ne fait pas un cadeau : soit il a gonflé son prix pour absorber le risque, soit il s'arrêtera un jour, et la discussion sera pénible. Un devis sain écrit noir sur blanc : deux ou trois séries de corrections groupées, la suite facturée au temps passé.
Notez aussi ce que le prix d'une maquette ne comprend jamais : le développement, l'intégration du contenu, l'hébergement, le référencement. Ce sont des postes distincts, détaillés dans notre guide sur le prix de création d'un site web au Maroc.
Trois niveaux de maquette, et à qui ils s'adressent
La maquette légère. Page d'accueil plus deux gabarits, en mobile et ordinateur, sans état ni prototype. Elle convient à un site vitrine simple dont le contenu est déjà écrit et l'identité déjà fixée. C'est un point de départ honnête, à condition de le savoir.
La maquette complète. Tous les gabarits, les deux versions, les états principaux, un prototype cliquable et les fichiers sources. C'est ce qu'il faut pour un site sur lequel votre activité repose : un e-commerce, un site de réservation, un espace client.
Le système de design. La maquette plus une bibliothèque de composants réutilisables : boutons, champs, cartes, en-têtes, avec leurs règles. Cela ne se justifie que si le site doit vivre longtemps, grossir par ajouts successifs, ou coexister avec une application mobile. En dessous, c'est de l'argent immobilisé.
Ce troisième niveau touche à l'identité de marque au sens large — couleurs, typographies, règles d'usage — qui relève de la charte graphique et de son prix au Maroc plutôt que du site lui-même.
Faut-il payer la maquette séparément quand on commande le site complet ?
C'est la question de fond, et elle se tranche par intérêt, pas par principe.
Payer la maquette à part a un avantage réel : la liberté. Vous achetez une étape, vous la validez, et vous restez libre de faire développer le site par quelqu'un d'autre — à condition expresse que les fichiers sources et les droits d'utilisation vous soient remis. Ce montage a du sens si vous n'avez pas encore choisi votre développeur, si vous devez faire valider le design par un associé ou un investisseur avant d'engager le budget complet, ou si vous voulez mettre plusieurs développeurs en concurrence sur un design déjà figé.
Payer la maquette à part a un coût caché : la double conception. Lorsque le concepteur et le développeur ne travaillent pas ensemble, la maquette contient presque toujours des choses coûteuses à réaliser pour un gain nul, et oublie des cas que le développeur devra inventer. Vous payez alors deux fois la même réflexion, et les arbitrages se font à la fin, dans l'urgence.
Dans un projet mené d'un bout à l'autre par la même équipe, la maquette est une étape du projet, facturée comme telle, avec une validation formelle avant le développement. C'est notre manière de travailler, et c'est aussi ce qui permet de tenir des délais courts — un site vitrine livré en cinq à dix jours ouvrables ne se fait pas en redécouvrant le design au milieu de l'intégration.
Trois clauses à exiger dans tous les cas, que la maquette soit séparée ou incluse :
- La cession des droits d'utilisation sur le design livré, écrite dans le devis.
- La remise des fichiers sources et l'accès au projet dans l'outil de conception, pas seulement des images exportées.
- La liste nominative des écrans couverts, pour que « la maquette du site » ne devienne pas un sujet de désaccord au moment de la livraison.
Ce que coûte l'outil, et pourquoi ce n'est pas le sujet
Beaucoup de clients supposent qu'une partie de la facture correspond à des licences. C'est marginal. Les maquettes se conçoivent aujourd'hui majoritairement dans des outils collaboratifs comme Figma, dont la grille tarifaire publique affiche, à la date de publication de cet article, un siège de conception complet à 16 dollars par mois sur l'offre professionnelle — et précise que sur une offre payante, vous pouvez laisser d'autres personnes consulter et commenter vos fichiers sans acheter de sièges supplémentaires.
Autrement dit : vous, client, ne payez rien pour regarder votre maquette, la commenter, la montrer à votre équipe. Si un prestataire vous facture un « accès à la plateforme de design », demandez à quoi cela correspond. Ce que vous payez, c'est du temps de conception — et accessoirement la capacité à dire non à une idée qui abîmerait le parcours.
Les trois pièges les plus fréquents dans les devis marocains
« Maquette de la page d'accueil offerte ». Elle est offerte parce qu'elle est produite vite, souvent à partir d'un modèle du commerce. Ce n'est pas une maquette, c'est une démonstration commerciale. Rien de malhonnête, tant que vous ne croyez pas avoir vu votre futur site.
Le devis sans version mobile. Il ne le dit pas : il ne mentionne simplement que « 5 maquettes ». Posez la question directement — cinq écrans en deux versions, ou cinq images ? La réponse change le devis du tout au tout.
Le design sans contenu. Une maquette remplie de faux textes et de photos de banque d'images se valide facilement et se casse dès que votre vrai contenu arrive : titres trois fois plus longs, photos de chantier mal cadrées, tarifs à afficher. Une maquette se conçoit avec le contenu réel, ou au moins avec sa structure — ce que fixe précisément un cahier des charges de site web. Le même principe vaut quand il s'agit de remplacer un site existant : les arbitrages de contenu se font avant le design, comme nous l'expliquons dans l'article sur le prix d'une refonte de site web au Maroc.
Vous avez un devis de maquette sur la table et vous ne savez pas s'il couvre vraiment ce dont vous avez besoin ? Envoyez-le-nous avec votre liste de pages : nous vous dirons ce qui manque, ce qui est superflu, et ce que cela implique pour la suite du projet. Le devis est gratuit et vous revient sous 24 heures depuis samedagency.com.
Questions fréquentes
Combien d'écrans faut-il pour un site vitrine de PME ?
En général quatre à six gabarits suffisent : accueil, page de service, liste de réalisations ou d'actualités, page de détail, contact. Chacun existe en version mobile et ordinateur. Au-delà, vérifiez que chaque écran supplémentaire correspond à une vraie différence de structure et pas à un simple changement de texte.
La maquette est-elle obligatoire avant de développer un site ?
Non, mais s'en passer déplace la discussion au moment le plus cher : quand le site est codé. Pour un site simple bâti sur une structure éprouvée, une maquette légère suffit. Pour tout ce qui comporte un tunnel de commande, un formulaire long ou un espace client, la maquette fait gagner plus de temps qu'elle n'en coûte.
Puis-je faire développer ailleurs une maquette que j'ai payée ?
Oui, si le devis prévoit la cession des droits et la remise des fichiers sources. Sans ces deux mentions, vous êtes dans une zone floue qui se règle mal. Exigez-les avant de signer, pas au moment où vous voulez partir.
Combien d'allers-retours sont raisonnables ?
Deux à trois séries groupées, en rassemblant les remarques de toutes les personnes concernées à chaque fois. Le vrai problème n'est pas le nombre de corrections, c'est leur arrivée en ordre dispersé pendant des semaines. Fixez qui décide au départ, le reste suit.
Une maquette sert-elle aussi pour une application mobile ?
Les principes sont les mêmes, mais les écrans ne se réutilisent pas tels quels : navigation, gestes, tailles de cible et règles des boutiques d'applications diffèrent. Comptez une conception spécifique, même si l'identité visuelle reste commune aux deux.