L’écriture de propositions de conception Web est un processus fastidieux et monotone. C’est beaucoup de travail qui, à la fin, peut ne pas faire grand-chose.

Vous, comme la plupart des créatifs, préféreriez probablement passer du temps à travailler plutôt que de pousser des prospects à travers des entonnoirs de vente. Mais si vous ne prenez pas le temps de travailler sur vos propositions, vous et votre entreprise serez dans le pétrin.

En tant que designer qualifié, vous êtes plus que capable de concevoir des sites Web — mais à quel point êtes-vous à l’aise de les vendre? Gagnez-vous autant d’affaires que vous pourriez l’être?

Votre proposition de projet peut être un facteur décisif dans les projets de conception d’atterrissage, il est donc essentiel de maîtriser l’engin. Dans cet article, nous allons vous montrer les huit sections que chaque proposition de conception de site Web doit avoir, et vous donner un modèle gratuit que vous pouvez utiliser pour commencer à gagner plus de travail aujourd’hui.

Allons dans:

• Présentation de votre introduction
• Présentation du problème à résoudre
• Expliquer votre solution
• Donner un aperçu du projet
• Décrire votre processus
• Expliquer les étapes suivantes
• Livrer le coût
• Trucs et astuces pour présenter votre proposition

Vous présenter

Les propositions de projet sont censées aider les clients à comprendre ce qu’ils obtiennent en — ne pas les submerger de détails.

(Exposez votre proposition à l’aide d’InVision à main levée.)

Votre introduction devrait (légèrement) refléter les conversations que vous auriez déjà dû avoir sur les besoins du client. Les informations que vous voudrez peut-être inclure sont les suivantes :

• Nom du client
• Titre du projet (le problème étant résolu)
• Nom et titre de votre point de contact
• Votre nom et titre
• Date de soumission

Voici un exemple de bonne section d’introduction :

Aperçu du problème

Après vous être présenté au prospect, le premier élément qui suit dans une proposition de conception Web réussie est l’aperçu du problème. Le client doit lire ceci et savoir:

• Il y a un problème ou une opportunité pour son entreprise sur laquelle il ne capitalise pas.
• Vous avez une compréhension complète et profonde de leurs problèmes et de leurs besoins.

Comprendre les principaux problèmes auxquels votre client est confronté vous aidera à définir à la fois vos responsabilités et la portée du projet. Cela donne au client une raison de croire en vous et en votre processus.

Les meilleures propositions de conception Web sont celles qui mettent les besoins et les nécessités du client sous les projecteurs et font sentir au prospect que vous pouvez résoudre ses problèmes. Par exemple :

Aperçu de la solution

Après avoir passé du temps à rechercher l’histoire de l’entreprise et à parler aux parties prenantes, vous devez comprendre leur problème et commencer à formuler une solution. Il est de votre responsabilité d’expliquer les avantages commerciaux de votre pratique de conception.

(Consultez le modèle de maturité de conception d’InVision)

En utilisant le langage commercial pour expliquer l’impact positif du design sur leurs problèmes, vous vous positionnerez comme un acteur clé de leur réussite future. Par exemple, vous pouvez démontrer la valeur en expliquant comment le nouveau design peut augmenter les revenus et améliorer leur image de marque.

Astuce: Lorsque vous présentez vos idées et vos solutions potentielles, essayez d’anticiper les conversations que le prospect est susceptible d’avoir au sein de son organisation, dans quelle langue il utilise, et laissez votre section de solutions présenter une plongée en profondeur dans votre connaissance de leur problème. Revenons à notre exemple précédent:

Livrables

C’est là que vous devrez décrire exactement ce que vous livrerez dans le cadre du projet.

C’est une section importante, mais plus pour ce que vous excluez que pour ce que vous incluez. Le fluage de la portée est un problème courant dans la conception de sites Web, en particulier si vous travaillez avec des petites entreprises relativement inexpérimentées, et il ne peut être évité qu’en fixant des objectifs et des attentes clairs.

Par exemple, vous pouvez accepter de leur concevoir un site Web, mais vous réalisez ensuite qu’ils n’ont pas de logo. Que fais-tu? Vous avez besoin d’un logo à mettre sur leur site Web, alors le concevez-vous?

Voici un exemple:

La vue d’ensemble du processus

Une fois que vous avez clairement défini le problème, la solution et les livrables, la section suivante approfondira l’exécution et expliquera comment vous allez créer le site Web et résoudre le problème du client.

Dans cette section, vous voudrez:

• Décrivez les différentes étapes du processus
• Décrivez un calendrier de base, afin que le client sache quand s’attendre à chaque livrable
• Décrivez vos attentes du client afin qu’il sache ce qu’il doit faire et quand aider le projet à rester sur la bonne voie

Le processus de conception et de création d’un site Web est différent pour chaque client et dépend de nombreux facteurs différents. La pire chose que vous puissiez faire est de manquer une étape spécifique au client dans votre plan et de devoir réinitialiser ses attentes à mi-projet – et perdre inévitablement du temps et de l’argent.

Pour vous aider à éviter cela, voici une liste d’étapes typiques du processus de développement de site Web que vous devriez envisager:

• Recherche (utilisateurs, concurrents, etc.)
• Wireframing
• Sitemaps
• Conceptions initiales plus les révisions
• Développement
• Configuration et configuration du CMS
• Tests et assurance qualité sur les navigateurs et les appareils
• Formation

Voici un exemple de section de processus approfondie:

Le coût

Cette dernière section est souvent l’endroit où une proposition de conception Web est gagnée – ou perdue.

Avant même de commencer à travailler sur votre proposition, demandez à votre client quel est son budget total. Bien que cela puisse être effrayant et que vous puissiez avoir l’impression que vous empiétez sur une ligne, vous ne l’êtes pas. Il n’est pas rare qu’un prospect se dirige vers des offres avec un chiffre prédéterminé en tête.

(Rationalisez le travail de vos clients en utilisant InVision Craft.)

Discuter du budget du prospect au grand jour avant de créer la proposition est un scénario positif pour vous deux. Cette conversation les aidera à élaborer un budget pour le projet, et vous permettra également de savoir si le projet en vaut la peine financièrement pour vous avant de vous atteler au travail acharné d’élaboration d’une proposition.

Alors que vous pourriez être une diseuse de bonne aventure et deviner leur budget, le plus souvent, vous dépasserez et vous sortirez complètement de la course. Ou vous vous sous-estimerez si sévèrement que vous laisserez derrière vous une tonne d’argent.

Une fois que vous avez le budget du client, votre proposition de conception Web doit présenter la ventilation des coûts de manière claire et agréable à votre prospect.

Il est souvent utile de le lier au processus que vous allez suivre (en particulier si vous facturez un taux horaire ou des frais de projet basés sur les heures). Cela permet aux prospects de comprendre très facilement comment les différents aspects du projet se réunissent pour former le coût total.

Voici un exemple:

Vous pouvez utiliser des outils comme InVision Studio, InDesign ou même Photoshop pour modéliser de jolis tableaux de prix comme ceux ci-dessus, ou vous pouvez en créer un plus basique dans Word ou Google Docs si c’est là que vous écrivez votre proposition.

Alternativement, des outils de proposition dédiés comme Qwilr facilitent la création de belles mises en page de tarification comme celle-ci. Vous pouvez même rendre certaines sections ou certains éléments de ligne facultatifs afin que votre prospect puisse choisir s’il souhaite une vente incitative supplémentaire (c’est-à-dire une soumission aux moteurs de recherche), ce qui peut vous aider à faire un peu plus sur chaque projet.

Appel à l’action

Maintenant que toutes les informations sont disponibles, y compris les livrables, le processus et les coûts, il est temps d’inciter le prospect à passer aux prochaines étapes: accepter votre proposition et lancer le projet, t.

Idéalement, vous voudrez leur donner un moyen d’accepter et de signer la proposition immédiatement. Si vous envoyez votre proposition au format PDF, Word ou Google Doc, cela peut être un peu difficile car ils n’ont pas vraiment de fonctionnalités d’acceptation ou de signature intégrées.

Pour résoudre ce problème, vous pouvez effectuer l’une des opérations suivantes:

• Demandez au prospect de vous envoyer un e-mail disant quelque chose comme « Veuillez continuer”
• Lien vers le contrat (ou tout autre accord contraignant) dans un outil comme Docusign, ce qui lui donne la possibilité d’accepter et de signer.

Alternativement, si vous utilisez un outil de proposition dédié, cela permettra à votre prospect d’accepter et de signer la proposition directement de l’intérieur.

Voici un exemple:

Quoi que vous fassiez, ne forcez pas votre client potentiel à imprimer votre proposition, à la signer, à la scanner et à la renvoyer. Cela prend beaucoup de temps, en particulier si quelqu’un n’a pas un accès immédiat à une imprimante, et les recherches montrent que cela augmente considérablement le temps nécessaire pour obtenir la signature des documents.

(De plus, ce n’est pas écologique.)

Conseils bonus

Envoyez votre proposition sous forme de page Web

Si vous envoyez vos propositions dans un format de document tel que PDF, vous risquez de vous tromper. Après tout, le PDF a été inventé dans la même décennie que le Palm Pilot, et je ne peux plus imaginer que vous utilisiez un Palm Pilot.

En envoyant votre proposition sous forme de page Web au lieu d’un PDF, vous bénéficiez des avantages suivants:

• Réactivité : Les pages Web sont réactives, ce qui signifie qu’elles ont fière allure sur tous les ordinateurs de bureau, tablettes et appareils mobiles. La majorité des e-mails étant ouverts sur des appareils mobiles ces jours-ci, vous vous assurez que vos prospects ont une excellente expérience avec votre proposition.
• Sécurité: Les pages Web peuvent non seulement être protégées par mot de passe, mais vous pouvez également ajouter des limites de temps qui garantissent que vos propositions ne peuvent pas être consultées après une certaine date, ainsi que des limites de vue, de sorte qu’elles ne peuvent être consultées qu’un certain nombre de fois. Vous pouvez même demander aux prospects de se connecter à l’aide de leur adresse e-mail professionnelle avant de consulter la page pour vous assurer que seules les bonnes personnes la voient.
• Interactivité: Les pages Web peuvent contenir du contenu interactif comme de la vidéo, de l’audio, des cartes, des formulaires, des feuilles de calcul, des prototypes InVision et plus encore. Vous pouvez même ajouter des éléments tels que des calculatrices de prix qui permettent aux prospects de voir à quoi ressemblerait la tarification lorsqu’ils ajouteront cette vente incitative supplémentaire.
• Trackabilité : Chaque interaction de vos prospects avec une page Web peut être suivie, afin que vous puissiez voir quand ils consultent votre proposition, pendant combien de temps, quel contenu ils consultent, d’où ils viennent, etc.
• Accessibilité: Parce que les pages Web utilisent un balisage HTML clair, les outils d’accessibilité tels que les lecteurs d’écran sont capables de déterminer quel contenu se trouve sur la page — ce qui signifie que les 50 millions d’Américains handicapés n’auront aucun mal à accéder à vos propositions et documents (et vous ne tomberez pas à l’encontre de l’Office des droits civils).
• Editabilité: Contrairement à un PDF, les pages Web peuvent être modifiées à tout moment, même après l’avoir envoyé au prospect. Donc, si vous découvrez que vous avez fait une faute de frappe, vous pouvez rapidement la modifier avant que quiconque ne s’en rende compte.

Des outils tels que Qwilr facilitent la création de vos propositions et autres documents de vente et de marketing sous forme de pages Web. Vous utilisez l’interface WYSIWYG pour ajouter du texte, des photos, des vidéos, des prototypes et plus encore à votre proposition et lorsque vous avez terminé, vous envoyez simplement un lien par e-mail à votre client potentiel au lieu de joindre un PDF.

Commencez avec un modèle

Tout comme les kits d’interface utilisateur et les thèmes CMS vous donnent une longueur d’avance sur la conception et la construction de sites, il existe d’excellents modèles de proposition de conception de sites Web, comme celui-ci de Qwilr, qui peuvent vous donner une longueur d’avance sur la création d’une excellente proposition.

Ils sont livrés avec du contenu pré-écrit comme les sections mentionnées ci-dessus, de belles images, des tableaux de prix et plus encore et peuvent réduire considérablement le temps nécessaire pour créer et envoyer des propositions.

(Consultez le modèle de proposition ici.)

Recyclez votre meilleur contenu

Il est probable que vous écriviez de nombreuses propositions de conception de sites Web au cours de votre carrière, et cela n’a aucun sens de partir de zéro à chaque fois.

Je vous recommande donc de faire une ou plusieurs des opérations suivantes:

• Enregistrez les propositions que vous aimez dans un endroit dédié: Si vous avez créé une proposition que vous jugez particulièrement bonne, enregistrez-la dans un endroit dédié plutôt que de la laisser au fond de votre Google Drive ou Dropbox désorganisé. De cette façon, lorsque vous avez besoin de créer une autre proposition, vous pouvez facilement y revenir, faire quelques modifications et l’envoyer.
• Enregistrez des sections que vous ne modifiez pas beaucoup: Certaines sections des propositions de conception de sites Web ne changent pas beaucoup d’une proposition à l’autre. Des choses comme « À propos de nous » et ‘Notre équipe » sont d’excellents exemples, et même la section « Coûts » peut souvent être assez similaire si vous réalisez des types de projets similaires encore et encore. Alors faites un peu d’un fichier de balayage (même si c’est juste dans un document Google Doc ou Word Doc) où vous déposez une partie de ce contenu réutilisable, puis vous pouvez facilement le copier et le coller dans de nouvelles propositions à l’avenir.

Clouer la proposition

Écrire des propositions de conception Web gagnantes peut être une perte de temps et de ressources, cela ne fait aucun doute. Mais si vous commencez à réfléchir à vos propositions comme si vous étiez un utilisateur final et à optimiser l’expérience utilisateur réelle de votre prospection commerciale, vous pouvez transformer vos efforts en un canal de vente solide.

Avec un peu de temps et d’ingéniosité, la refonte de vos propositions de conception Web peut améliorer considérablement votre taux de fermeture. Réorganisez vos documents aujourd’hui avec les sections dont nous avons parlé ci-dessus et commencez à conclure des transactions! Pour prendre une longueur d’avance, voici un lien vers un modèle de proposition de conception de site Web gratuit.