Devis site internet : comment le chiffrer et le rédiger (exemple)

Un bon devis de création de site internet commence par un court échange de cadrage, puis découpe le projet en phases claires : cadrage et stratégie, design, développement, contenu, bases du référencement et mise en ligne, avec l'hébergement et la maintenance comme poste récurrent distinct. Chaque phase a ses propres lignes, avec quantités, prix et contenu inclus, suivies du nombre de cycles de révision, d'un échéancier de paiement et d'une date de validité. Proposer deux ou trois formules plutôt qu'un prix unique aide le client à dire oui.

Ce guide détaille chaque étape : ce qu'il faut demander avant de chiffrer quoi que ce soit, comment choisir une méthode de tarification, comment structurer le devis, et un exemple complet pour le site d'une petite entreprise. Que vous soyez designer indépendant ou petit studio, la même structure s'applique. Si vous voulez d'abord une checklist générale, consultez ce qu'un devis doit contenir.

Recueillir les besoins avant de chiffrer

La plupart des projets web qui dépassent le budget ont été sous-évalués, pas mal exécutés. La cause est généralement une question oubliée au départ : personne n'a demandé qui rédige les textes, combien de langues le site doit proposer ou si le système de réservation doit communiquer avec un outil existant. Un appel de cadrage de vingt minutes, ou un court questionnaire, vous évite de deviner.

Les questions de cadrage à poser

• Objectifs : que doit apporter le site ? Plus de demandes de contact, des réservations en ligne, des ventes, du recrutement, de la crédibilité ?
• Public : qui visite le site et que doit-il trouver rapidement ?
• Pages et structure : combien de pages environ, et lesquelles ont une mise en page unique plutôt que de reprendre le même gabarit ?
• Contenu : qui rédige les textes et fournit les photos ? Faut-il migrer du contenu existant, et en quelle quantité ?
• Fonctionnalités : formulaires de contact, blog, réservations, boutique, espace membres, intégrations avec des outils déjà utilisés ?
• Langues : une seule langue ou plusieurs ? Un site multilingue ajoute du travail de design, de développement et de contenu.
• Identité visuelle : existe-t-il un logo et une charte graphique, ou faut-il d'abord les créer ?
• Plateforme : le client a-t-il un CMS de préférence, ou doit-il pouvoir modifier le site lui-même ?
• Délais : y a-t-il une échéance impérative, comme un événement de lancement ou une campagne ?
• Budget : a-t-il une fourchette en tête ? Poser la question franchement vous évite de concevoir une formule que personne ne peut se payer.
• Décideurs : qui valide le design, et qui signe le devis ?

Choisir une méthode de tarification

Il n'existe pas une seule bonne façon de chiffrer un site web. La plupart des designers et des agences utilisent l'une de ces quatre approches, ou un mélange.

Pour le site d'une petite entreprise, un forfait construit à partir de lignes claires est souvent le plus facile à faire approuver : le client sait ce qu'il paiera et voit où va l'argent. En coulisses, vous pouvez toujours calculer chaque ligne à partir d'une estimation en jours à votre tarif. Pensez simplement à ajouter une marge pour la gestion de projet, les réunions et les retours, faciles à oublier et rarement négligeables.

Structurer le devis par phase

Découpez le projet en phases qui correspondent à votre façon réelle de travailler. Les clients font confiance aux prix qu'ils peuvent suivre, et des lignes séparées leur permettent d'ajuster le périmètre plutôt que de demander une remise sur le total.

1. 1Cadrage et stratégie : atelier de lancement, objectifs, arborescence, structure des pages et, si besoin, wireframes.
2. 2Design : maquettes de la page d'accueil et de chaque gabarit de page unique, pour ordinateur et mobile, avec un nombre défini de cycles de révision.
3. 3Développement : intégration des gabarits dans le CMS choisi, comportement responsive, formulaires et fonctionnalités spécifiques comme un blog ou un outil de réservation.
4. 4Contenu : saisie ou migration du contenu, et rédaction ou photographie si vous les proposez. Indiquez clairement quand le contenu relève du client.
5. 5Bases du référencement : balises title et meta descriptions, URL propres, redirections depuis l'ancien site, vérifications de performance de base et envoi d'un sitemap. Restez modeste dans la formulation : c'est une base, pas une campagne SEO continue.
6. 6Mise en ligne : tests sur différents navigateurs et appareils, mise en production et courte formation pour que le client puisse mettre le site à jour.
7. 7Hébergement et maintenance : un poste récurrent mensuel ou annuel pour l'hébergement, les mises à jour, les sauvegardes et les petites modifications. Séparez-le du prix ponctuel du projet.

offinal.com/q/7hX2kP

UX et design visuel2 400 €

Wireframes, prototypes et un design system complet.

Développement4 800 €

Intégration responsive, mise en place du CMS et optimisation des performances.

Lancement et formation900 €

Accompagnement à la mise en ligne et atelier pratique pour l'équipe.

Dans un PDF, il faut sans cesse arbitrer entre détail et lisibilité. Avec les lignes de devis interactives, vous gardez une vue d'ensemble courte et laissez le client ouvrir, pour chaque ligne, la description complète, une capture d'un design précédent ou un exemple de wireframe.

Un exemple complet : le site d'une petite entreprise

Voici un exemple de devis pour un cabinet de kinésithérapie local qui veut un nouveau site d'environ huit pages, avec un formulaire de contact et un blog simple. Le client fournit les textes et les photos. Les prix ci-dessous illustrent uniquement la structure et ne constituent pas des données de marché. Les tarifs varient fortement selon le pays, l'expérience et le type de client : utilisez vos propres chiffres.

Plusieurs éléments font fonctionner cet exemple. Les lignes de design et de développement sont comptées par gabarit et non par page : le client comprend pourquoi huit pages ne coûtent pas huit fois plus cher. Les cycles de révision figurent dans la ligne elle-même. La rédaction ne figure pas dans la liste, et l'hypothèse selon laquelle le client fournit le contenu est indiquée. L'hébergement apparaît séparément comme option récurrente : il ne gonfle pas le prix du projet et le client peut le choisir ou non. Le taux de TVA est un exemple pour un client professionnel belge ; appliquez le taux et le régime qui correspondent à votre situation.

Proposez trois formules plutôt qu'un prix unique

Un prix unique appelle une décision par oui ou par non. Trois formules la transforment en choix entre plusieurs options, une conversation bien plus facile. Pour l'exemple ci-dessus, les formules pourraient être les suivantes :

• Essentiel : jusqu'à cinq pages sur deux gabarits, formulaire de contact, bases du référencement, un cycle de révision.
• Standard : le devis complet ci-dessus, avec le blog, quatre gabarits et deux cycles de révision.
• Complet : tout le contenu de Standard, plus la rédaction des pages principales, une deuxième langue et trois mois de maintenance inclus.

Faites de la formule intermédiaire celle que vous recommandez, et rendez les différences faciles à voir. Notre guide sur la tarification en trois formules explique comment concevoir les niveaux pour aider le client à décider plutôt que de l'embrouiller. Avec la tarification interactive, le client peut choisir une formule et cocher des options comme la maintenance ou une langue supplémentaire, et le total se met à jour au fur et à mesure.

Gérer les révisions et les dérives de périmètre

Les projets web sont particulièrement sujets aux dérives de périmètre, car les clients ne réalisent souvent ce qu'ils veulent qu'en voyant le premier design. C'est normal. Le devis doit simplement préciser ce qui se passe dans ce cas.

• Fixez le nombre de cycles de révision par phase de design, généralement deux, et définissez ce qu'est un cycle : un ensemble de retours regroupés, pas une succession d'e-mails séparés.
• Définissez ce qui constitue une demande de modification. De nouvelles pages, de nouvelles fonctionnalités ou un changement de direction après validation du design sortent du périmètre convenu.
• Chiffrez le travail supplémentaire à l'avance. Indiquez votre tarif pour des cycles de révision ou des pages supplémentaires, par exemple en taux horaire ou journalier, pour éviter toute négociation ultérieure.
• Prévoyez des points de validation. Demandez une validation écrite de l'arborescence et des maquettes avant le début du développement. Modifier un design dans Figma coûte peu ; le modifier une fois développé, beaucoup plus.
• Chiffrez les modifications à part. Quand le client demande quelque chose de nouveau, envoyez un court devis complémentaire plutôt que de l'absorber.

Prévoir un échéancier de paiement

Pour un projet qui dure des semaines ou des mois, attendre la mise en ligne pour être payé fait peser tout le risque sur vous. Un échéancier par jalons est courant et facile à expliquer :

Certains designers demandent 50 % d'acompte, d'autres répartissent le paiement en davantage d'étapes sur les grands projets. Quel que soit votre choix, rattachez chaque paiement à un jalon identifiable par le client et indiquez le délai de paiement sur vos factures. Ajoutez une ligne sur ce qui se passe si le projet est bloqué du côté du client, par exemple la facturation du jalon suivant après un nombre défini de semaines sans retour. Ce sont des choix commerciaux, pas des obligations légales ; vérifiez vos propres conditions générales et, pour tout ce qui est propre à votre pays, interrogez votre expert-comptable ou un conseiller juridique.

Envoyez-le pour que le client puisse choisir et commenter

Un devis de site web est rarement approuvé sans questions. Le blog peut-il être ajouté plus tard ? La deuxième langue est-elle comprise dans la maintenance ? Si ces questions passent par e-mail, les réponses se perdent et le devis finit en plusieurs versions.

Envoyer le devis sous forme de lien plutôt qu'en PDF permet de tout garder au même endroit. Le client choisit une formule et des options, et peut utiliser les commentaires sur le devis pour poser une question sur une ligne précise. Vous répondez et mettez le devis à jour dans le même fil : tout le monde voit la dernière version. Lorsqu'il est satisfait, il l'approuve en ligne. Notre guide comment rédiger un devis que vos clients acceptent aborde plus en détail la présentation et le bon timing.

Offinal est conçu précisément pour ce type de devis par projet. Découvrez comment il fonctionne pour les agences et les freelances.