---
title: "Erreurs de proposition commerciale en web design : les 7 erreurs qui vous coûtent des clients"
description: "Les erreurs de proposition en web design qui font perdre le projet avant même qu'il commence, classées selon le moment où le client décroche, avec un audit avant/après à reproduire."
canonical: "https://pr-102.preview.formlio.com/fr/blog/7-erreurs-proposition-commerciale-web-design"
locale: "fr"
type: "post"
date: "2025-02-02"
category: "Stratégie & Développement"
alternates:
  en: "https://pr-102.preview.formlio.com/blog/web-design-proposal-mistakes.md"
---

# Erreurs de proposition commerciale en web design : les 7 erreurs qui vous coûtent des clients

![](https://cdn.formlio.com/content/9bc36c6dd670e2248fe3821a4a587866f05cfba2-3840x2160.jpg)

Tous les guides sur les erreurs de web design parlent de sites, pourtant beaucoup de studios perdent le client plus tôt, dans la proposition. Les mêmes défauts s'y appliquent, et ils se concentrent dans les mots, le format et la conclusion.

SOYEZ CLAIR

## Commencez par l'objectif et le résultat du client, pas par votre méthode

Les cinq règles d'or du web design (clarté, hiérarchie, prochaine étape évidente, mobile d'abord et rapidité) s'appliquent aussi à la proposition. Ouvrez sur l'objectif du client et le résultat attendu, en une phrase qu'il comprend d'un coup d'œil, rendez chaque section facile à parcourir, et gardez le document assez court pour être lu d'une traite.

### Erreur : ouvrir sur vos références et votre méthode

Cherchez « erreurs de web design » et vous trouverez des pages sur les sites : navigation confuse, pages lentes, appels à l'action faibles. Utile, mais elles passent à côté du moment où vous perdez le projet avant qu'il commence. La proposition commet les mêmes erreurs, et le client la juge avec la même impatience qu'une page d'accueil lente.

La première, et la plus coûteuse, c'est l'ouverture. Beaucoup de propositions commencent par le studio : sa date de création, sa philosophie, son schéma de méthode. Le client a une autre question en tête. Avez-vous compris ce dont j'ai besoin, et qu'est-ce que je vais obtenir ? Si le premier écran n'y répond pas, le reste du document est lu avec méfiance, s'il est lu.

Rédigez plutôt un résumé des résultats. Il nomme le client, le public qu'il veut toucher et le résultat que le site doit produire. « Un nouveau site pour Harbour Physio qui transforme le trafic de recherche locale en premiers rendez-vous réservés, en ligne avant la campagne de printemps. » Cette phrase en dit plus qu'une page de références, car elle montre que vous avez écouté le brief et l'avez traduit en un objectif que vous pouvez mesurer tous les deux.

### Erreur : des murs de texte sans hiérarchie

La deuxième erreur, c'est le mur de texte. De longs paragraphes, aucun intertitre, le périmètre enfoui au milieu d'une phrase. Sur un site, le visiteur s'en va. Dans une proposition, le client survole, rate le périmètre et revient avec des questions auxquelles vous aviez déjà répondu, ou la transfère simplement à un collègue avec « des avis ? » avant de passer à autre chose.

Appliquez la même hiérarchie qu'à une landing page. Un intertitre par section qui dit ce que la section tranche. Des paragraphes courts. Le périmètre sous forme de liste de livrables. Le prix dans un tableau. Le client doit pouvoir faire défiler le document une fois et vous dire ce qui est inclus, combien de temps cela prend et ce que cela coûte.

Profitez-en pour supprimer les formules génériques. « Nous donnerons vie à votre vision » et « un site moderne et responsive » pourraient figurer dans n'importe quelle proposition de n'importe quel studio. Remplacez-les par du concret : les pages, le public, les contenus que vous rédigerez ou migrerez, le CMS et la formation.

**Un guide de longueur pour chaque section**

Assez pour décider, pas plus.

| Section | Ce qu'elle fait | Longueur conseillée |
| --- | --- | --- |
| Résumé des résultats | Énonce l'objectif, le public et le résultat | Un court paragraphe |
| Périmètre | Liste les livrables et ce qui est exclu | Une liste, regroupée par phase |
| Calendrier | Montre les phases et les points de décision du client | Un calendrier simple, pas un diagramme de Gantt |
| Preuves | Montre un projet passé pertinent et une citation client | Deux études de cas au maximum |
| Prix | Détaille les honoraires en options et en lignes | Un tableau |
| Prochaine étape | Demande une action précise avant une date | Une phrase et un bouton |

SOIGNEZ LA PRÉSENTATION

## Faites en sorte que la proposition ressemble à votre travail et s'ouvre proprement sur mobile

Envoyez la proposition dans un format qui s'ouvre instantanément sur n'importe quel appareil et qui ressemble au travail que vous vendez. Une pièce jointe lourde, pensée pour l'ordinateur, avec des images de banque d'images dit au client l'inverse de ce qu'un web designer veut dire, alors utilisez vos propres études de cas et votre propre identité visuelle.

### Erreur : une pièce jointe lourde qui se désagrège sur mobile

Pensez à l'endroit où arrive votre proposition : une boîte de réception, le plus souvent, ouverte entre deux choses, souvent sur un téléphone. Une pièce jointe volumineuse doit d'abord se télécharger. Puis elle s'ouvre en largeur ordinateur, et le client zoome et fait défiler votre périmètre de côté. Quelqu'un qui vend des sites responsives vient d'envoyer un document qui ne l'est pas.

- **86%** des interactions commerciales analysées par Gong étaient des e-mails ([Gong, 3 costly seller mistakes to avoid](https://www.gong.io/blog/data-shows-these-3-seller-mistakes-are-costing-you-time-and-money))

Votre proposition est en concurrence dans cette boîte de réception avec tout ce que le client reçoit. Un lien vers une page web évite le téléchargement, s'ouvre à la bonne taille sur n'importe quel écran et reste à jour : quand vous corrigez une coquille ou ajustez le périmètre, le client voit la dernière version au lieu de fouiller parmi des pièces jointes nommées final, final-final et final-révisé.

La rapidité compte pour la même raison que sur un site. Compressez les images, évitez les vidéos en lecture automatique et gardez le premier écran léger, pour que le résumé des résultats s'affiche avant que le client se lasse.

### Erreur : des modèles et visuels génériques qui ne correspondent pas à votre portfolio

La quatrième erreur est visuelle. Une proposition construite sur un modèle standard, avec des photos de banque d'images de gens qui se serrent la main, ressemble à toutes les autres propositions que le client a vues. Pour un web designer, c'est pire que neutre. Le document est un échantillon de votre goût, et le client le lit ainsi.

Utilisez votre propre typographie, vos couleurs et votre mise en page. Montrez de vrais écrans de projets passés qui correspondent à la situation du client : un parcours de réservation pour une clinique, une fiche produit pour une boutique, une page menu et réservations pour un restaurant. Deux études de cas pertinentes, chacune avec le problème, ce que vous avez fait et ce qui a changé, prouvent que vous êtes le bon choix. Une galerie de travaux sans rapport n'est que de la décoration.

**Montrez votre propre travail, pas des images de banque d'images**

**Vérifiez-la d'abord sur un téléphone**

![A phone and a laptop on a desk, both showing the same web page layout](https://cdn.formlio.com/content/pexels-8279007)

*Photo: RDNE Stock project*

**Montrez votre façon de penser**

![Printed website wireframes and sticky notes spread on a desk](https://cdn.formlio.com/content/pexels-196644)

*Photo: picjumbo.com*

**Montrez des écrans finalisés**

![Several screens of different sizes displaying a responsive website](https://cdn.formlio.com/content/pexels-6625658)

*Photo: Firmbee.com*

CONCLUEZ

## Présentez le prix en options et terminez par une prochaine étape datée

Découpez le prix en quelques options claires avec des lignes détaillées, placez des preuves à côté du prix et terminez par une seule prochaine étape datée. Puis relancez tant que la proposition est fraîche, idéalement quand vous voyez que le client la lit, plutôt que d'attendre une semaine en espérant.

### Erreur : un prix forfaitaire unique

Un total unique sans détail réduit la décision à oui ou non, et masque ce que l'argent achète. Le client ne voit pas où réduire si le budget est serré, ni ce qu'il gagnerait à dépenser plus. Il compare votre total à un devis moins cher, et le devis moins cher semble offrir la même chose.

Présentez les honoraires ligne par ligne : stratégie, design, développement, configuration du CMS, contenus, formation, support. Puis proposez des options. Une version essentielle qui résout le problème, une version recommandée avec les extras que vous conseilleriez, et une version étendue pour les clients qui veulent davantage. Chaque option doit se distinguer par ce qu'elle livre, pas seulement par le nombre de révisions.

Il y a une limite. Trop d'options créent la paralysie décisionnelle qu'une navigation encombrée crée sur un site. Quelques choix clairement différents aident le client à décider ; une longue liste de modules et de variantes produit l'effet inverse.

Les clients qui tardent le font rarement parce qu'ils préfèrent ne rien faire. Le plus souvent, la proposition ne leur a pas donné de moyen simple de décider. Un petit ensemble d'options clairement différentes, avec votre recommandation indiquée, leur offre ce moyen et transforme un oui ou non en un choix entre de bons résultats.

**Rendez le prix facile à trancher**

- **Mettez en avant l'option recommandée**: Indiquez quelle option vous choisiriez pour ce client et pourquoi, en une phrase au-dessus du tableau.
- **Rattachez chaque ligne à un livrable**: Chaque ligne nomme ce que le client reçoit, pour que le total se lise comme une liste de résultats.
- **Laissez les extras facultatifs**: Listez séparément les modules comme la rédaction ou la photographie, pour que le client puisse les ajouter ou les retirer.
- **Placez des preuves à côté du prix**: Une courte citation client ou un résultat pertinent à côté du tableau répond au doute que suscite le prix.

### Erreurs : une conclusion faible et aucune preuve près de la décision

La sixième erreur, c'est la conclusion. « N'hésitez pas si vous avez des questions » laisse le client deviner la suite, et beaucoup ne font tout simplement rien. Terminez par une action précise et une date : réserver un appel de lancement cette semaine, valider l'option recommandée d'ici vendredi pour garder la date de démarrage. Indiquez à qui il doit s'adresser.

La septième, c'est l'absence de preuves au moment de la décision. Les témoignages se trouvent souvent sur une page à part, à la fin, après le prix. Placez une courte citation d'un ancien client à côté du prix et de la prochaine étape. Elle répond à la question que soulève le prix : ce studio en vaut-il la peine ?

Puis relancez tant que la proposition est encore fraîche dans l'esprit du client. Certaines équipes vont plus loin et planifient la relance avant même d'envoyer la proposition.

> Quand nous nous déplaçons pour rencontrer un client, nous avons constaté qu'il est très efficace de demander un rendez-vous de suivi dans les 24 heures suivant le premier (en planifiant les deux en même temps dès le départ), parfois même le jour même.
>
> — [Chopra-McGowan, General Assembly](https://review.firstround.com/the-most-surefire-way-ive-found-to-win-enterprise-deals)

L'e-mail de relance mérite lui aussi du soin, car il doit être ouvert avant de pouvoir produire quoi que ce soit. Rédigez un objet qui nomme le client et le projet, pas « Relance ». Posez une seule question, par exemple vers quelle option il penche, et rappelez la date de votre prochaine étape.

EXEMPLE CONCRET

## Auditez une proposition faible et réécrivez-la en sept changements

Voici l'audit illustratif de la proposition d'un studio inventé pour le site d'une petite entreprise. La version avant commet toutes les erreurs ci-dessus ; la version après corrige chacune à son tour, avec un résumé des résultats, un ensemble d'options chiffrées, des preuves à côté du prix et une prochaine étape datée.

Exemple illustratif : un studio inventé, Fold, présente un site de 12 pages à Harbour Physio, une clinique inventée comptant trois praticiens. Le premier jet de Fold s'ouvre sur son propre historique, décrit le périmètre en un paragraphe, annonce un total unique de £9,800 et se termine par « Dites-nous ce que vous en pensez. » Il part sous forme de pièce jointe lourde construite sur un modèle standard.

La réécriture garde le même travail et le même studio, et change la façon de le présenter.

**Exemple illustratif : trois options chiffrées pour le site de Harbour Physio**

Chiffres d'exemple uniquement, pour un studio et un client inventés.

| Ligne | Essentielle | Recommandée | Étendue |
| --- | --- | --- | --- |
| Stratégie et arborescence | £1,200 | £1,200 | £1,200 |
| Design | £2,800, 8 pages | £3,600, 12 pages | £4,400, 12 pages plus blog |
| Développement et CMS | £2,600 | £3,200 | £3,900 |
| Intégration de la réservation en ligne | Non inclus | £900 | £900 |
| Rédaction | Non inclus | £900 | £1,500 |
| Formation et accompagnement au lancement | £400 | £600 | £800 |
| Total | £7,000 | £10,400 | £12,700 |

**Exemple illustratif : chaque changement associé à une erreur**

| Erreur | Avant | Après |
| --- | --- | --- |
| Ouvrir sur ses références | Historique et méthode du studio | Résumé des résultats : plus de premiers rendez-vous réservés grâce à la recherche locale, en ligne avant la campagne de printemps |
| Murs de texte | Le périmètre dans un long paragraphe | Le périmètre sous forme de liste de pages et de livrables, regroupés par phase |
| Format lourd, pensé pour l'ordinateur | Pièce jointe volumineuse | Un lien qui s'ouvre rapidement sur un téléphone |
| Visuels génériques | Modèle et photos standard | La typographie de Fold et un parcours de réservation tiré d'un ancien projet de clinique |
| Prix forfaitaire | Un total unique | Trois options détaillées, la recommandée mise en avant |
| Conclusion faible | Dites-nous ce que vous en pensez | Validez une option d'ici vendredi pour garder la date de démarrage |
| Aucune preuve près de la décision | Les témoignages tout à la fin | La citation d'un ancien client à côté du tableau des prix |

Remarquez qu'aucun de ces changements ne demande à Fold de travailler davantage sur le projet lui-même. Le périmètre est le même. Ce qui a changé, c'est que le client peut désormais voir l'objectif, parcourir le périmètre, comparer les options et agir, sans avoir à poser une seule question.

C'est exactement le type de proposition pour lequel Formlio est conçu. Vous l'assemblez à partir de blocs : un résumé des résultats, une galerie d'écrans passés, un calendrier des phases et un devis interactif où le client active des extras facultatifs comme la rédaction et voit le total se mettre à jour. Elle s'ouvre sous forme de lien sur n'importe quel appareil, avec vos propres polices et couleurs, et le client peut l'approuver avec Slide-to-Approve ou la signer par signature électronique dans le document.

Un PDF part dans une boîte noire. Un document Formlio vous rend des comptes : qui l'a ouvert, ce qu'il a lu, quand il a signé. Vous recevez une notification quand le client l'ouvre et pouvez voir quelles sections ont retenu son attention. S'il revient sans cesse au tableau des prix, relancez au sujet des options. S'il ne l'a pas ouverte, le problème vient de l'e-mail, pas de la proposition.

**Auditez votre propre proposition avant de l'envoyer**

1. **Lisez uniquement le premier écran**: Nomme-t-elle l'objectif et le résultat du client, ou l'historique de votre studio ?
2. **Parcourez-la en moins d'une minute**: Pouvez-vous dire ce qui est inclus, combien de temps cela prend et ce que cela coûte à partir des seuls intertitres et tableaux ?
3. **Ouvrez-la sur votre téléphone**: Se charge-t-elle vite et se lit-elle sans zoomer ni faire défiler de côté ?
4. **Comparez-la à votre portfolio**: Ressemble-t-elle à un travail que vous signeriez, avec de vrais écrans de projets pertinents ?
5. **Vérifiez le prix et la conclusion**: Y a-t-il des options claires et détaillées, des preuves à côté et une prochaine étape datée ?

## FAQ

### Que doit contenir une proposition de web design ?

Un résumé des résultats, le périmètre sous forme de liste de livrables et d'exclusions, un calendrier avec les points de décision du client, une étude de cas pertinente, des options chiffrées et détaillées, des conditions courtes et une prochaine étape datée.

### Quelle longueur pour une proposition de web design ?

Assez longue pour décider, pas plus. Un court résumé des résultats, une liste de périmètre, un calendrier simple, deux études de cas au maximum, un tableau des prix et une phrase pour la prochaine étape suffisent généralement.

### Une proposition de web design doit-elle afficher les prix d'emblée ?

Affichez-les clairement, après le résumé des résultats et le périmètre, pour que le client comprenne ce que le prix achète. Cacher le prix à la fin ou derrière un appel pousse le client à imaginer le pire.

### Comment relancer une proposition de web design restée sans réponse ?

Relancez rapidement, avec un objet qui nomme le client et le projet et une seule question, par exemple quelle option il préfère. Avec Formlio, vous voyez si la proposition a été ouverte et quelles sections ont été lues, et vous adaptez le moment de la relance.

### Une proposition de web design doit-elle être une pièce jointe ou une page web ?

Une proposition web convient bien au web design : elle s'ouvre rapidement sur n'importe quel appareil, affiche toujours la dernière version et démontre votre réflexion de design dans le format même que vous vendez.

### Comment rédiger une proposition de web design pour un client sans brief clair ?

Organisez d'abord un court appel de découverte et rédigez le résumé des résultats à partir de celui-ci. Si l'objectif reste flou, proposez une phase de découverte payante comme première option, avec le design et le développement chiffrés ensuite.

## Envoyez une proposition de web design qui ressemble à votre travail

Construisez-la à partir de blocs, laissez vos clients choisir leurs options dans un devis interactif, et voyez quand ils l'ouvrent et ce qu'ils lisent.

[Commencer gratuitement](https://pr-102.preview.formlio.com/fr/templates)

## Sources

1. [Gong, 3 costly seller mistakes to avoid](https://www.gong.io/blog/data-shows-these-3-seller-mistakes-are-costing-you-time-and-money)
2. [Chopra-McGowan](https://review.firstround.com/the-most-surefire-way-ive-found-to-win-enterprise-deals)

## Related

- [Ce qui fait gagner une proposition commerciale marketing : construisez-la autour de la décision du client](https://pr-102.preview.formlio.com/fr/blog/proposition-commerciale-marketing-gagnante)
- [Proposition commerciale de design de marque : ce que les designers de marque doivent montrer pour décrocher de nouveaux clients](https://pr-102.preview.formlio.com/fr/blog/proposition-commerciale-branding-convaincre-clients)
- [Pourquoi les propositions commerciales échouent et ce que font différemment les meilleurs closers](https://pr-102.preview.formlio.com/fr/blog/propositions-commerciales-echouent)
- [5 façons de présenter une proposition commerciale qui donne confiance au client](https://pr-102.preview.formlio.com/fr/blog/presenter-proposition-confiance-client)
- [Proposition de design d'intérieur : du moodboard au contrat signé](https://pr-102.preview.formlio.com/fr/blog/proposition-commerciale-design-interieur)
- [Dix conseils essentiels pour créer des propositions commerciales engageantes qui convertissent](https://pr-102.preview.formlio.com/fr/blog/conseils-propositions-commerciales-engageantes-convertissent)