Mini-site commercial : 3 règles pour une proposition lisible à l’écran

Passer d’une proposition PDF à un mini-site commercial ne consiste pas à découper un document en pages web. Un mini-site se lit autrement : par fragments, sur des écrans de toutes tailles, souvent sans personne pour en présenter le contenu. Voici trois règles de conception pour que votre offre reste claire et convaincante, quel que soit le lecteur.

À retenir en 30 secondes

Un mini-site commercial se lit de façon non linéaire : chaque lecteur va directement à ce qui le concerne.
Les informations décisives doivent apparaître en haut de chaque écran, sous des titres qui répondent aux questions de l’acheteur.
Des paragraphes courts, des blocs visuels et une mise en page adaptée au mobile rendent l’offre compréhensible sans explication orale.
Une vidéo courte, une carte ou un simulateur prouvent mieux qu’un long paragraphe descriptif.
Les statistiques de consultation indiquent ce que les lecteurs ont réellement regardé, et donc ce qu’il faut améliorer.

Pourquoi un mini-site ne s’écrit pas comme un PDF

Un PDF impose un ordre de lecture : on le parcourt de la première à la dernière page. Un mini-site laisse le lecteur choisir son chemin. Cette différence change la manière de rédiger :

La navigation. Dans un PDF, le lecteur fait défiler un document linéaire. Dans un mini-site, il passe d’une section à l’autre par des menus, des onglets ou des liens.
L’espace. Le PDF tend à accumuler des blocs de texte denses pour tenir dans un nombre de pages. Le mini-site permet d’aérer le propos et de renvoyer le détail vers des sous-pages ou des annexes.
L’affichage. Un PDF garde la même mise en page, qu’il soit lu sur un grand écran ou sur un téléphone. Un mini-site bien conçu s’adapte à l’écran du lecteur.

Pour la définition complète et les modes de diffusion, consultez notre article « Qu’est-ce qu’une proposition commerciale digitale ».

Règle 1 : hiérarchiser les contenus pour une lecture non linéaire

Dans un PDF, le sommaire est utile. Dans un mini-site commercial, il devient le cœur de l’expérience. Le directeur financier cherche le prix, le directeur technique la méthodologie, l’acheteur les garanties. Chacun doit trouver sa réponse en quelques secondes.

Quatre principes structurent une bonne hiérarchie :

L’essentiel en haut. Placez l’information décisive en tête de chaque écran, avant le détail. La page d’accueil résume l’offre en quelques lignes, à la manière d’une synthèse décisionnelle. [lien interne : article synthèse décisionnelle]
Des titres qui répondent. Formulez vos intertitres comme des réponses aux questions de l’acheteur (« Un chantier livré en 14 semaines ») plutôt que comme des rubriques (« Planning »).
Un langage direct. Préférez un ton simple et orienté bénéfices client à un jargon technique. Les listes à puces aident à synthétiser les arguments.
Des liens entre sections. Reliez les sections qui se répondent, par exemple de la méthodologie vers les références associées, pour que le lecteur circule sans revenir au menu.

Règle 2 : rendre chaque écran lisible, sur tous les appareils

Contrairement à une soutenance orale, le prospect est souvent seul face à votre offre. Vous ne maîtrisez ni son appareil, ni la taille de son écran, ni le moment où il la lit. Un membre du comité de décision la consultera peut-être sur son téléphone, entre deux réunions. Votre mini-site doit donc être compréhensible immédiatement, sans explication.

Pour y parvenir :

Aérez. Un paragraphe par idée, quelques lignes au plus. Si un sujet demande de la profondeur, renvoyez vers une sous-page ou une annexe téléchargeable, comme une fiche technique ou une plaquette.
Structurez en blocs. Le format « carte » (un titre, un résumé court, un lien pour en savoir plus) rend un écran lisible d’un coup d’œil.
Guidez le regard. Des pictogrammes aux couleurs de votre charte et des boutons d’action visibles indiquent au lecteur où cliquer et quoi faire ensuite.
Choisissez une typographie d’écran. Une police sans empattement, une taille confortable et un contraste suffisant facilitent la lecture, y compris sur mobile.
Testez sur smartphone. Avant d’envoyer l’offre, parcourez-la sur un téléphone. Ce qui est lisible sur un grand écran ne l’est pas toujours sur un petit.

Règle 3 : prouver par les médias plutôt que décrire

Le principal atout du format web est sa capacité à montrer ce qu’un texte se contente d’expliquer. À condition que chaque média apporte une preuve, et pas seulement du mouvement.

La vidéo. Elle simplifie un processus complexe, présente l’équipe projet ou montre un chantier en accéléré. Limitez-la à deux minutes, et privilégiez un contenu lié à l’offre plutôt qu’un film institutionnel.
La carte. Elle situe en un regard les sites d’intervention, les agences ou les moyens mobilisés.
Les contenus interactifs. Le web permet d’intégrer un simulateur de budget ou de retour sur investissement, ou encore un plan 3D pour projeter le client dans ses futurs locaux. Réservez-les aux offres où ils répondent à une vraie question de l’acheteur.
Les photos de réalisations et les témoignages. Une référence illustrée convainc davantage qu’une liste de chantiers.

Concevoir pour chaque profil de lecteur

Un comité de décision réunit des lecteurs aux attentes différentes : acheteur, directeur technique, DSI, direction générale. En concevant votre mini-site, imaginez le parcours de chacun : par où entre-t-il, que cherche-t-il, en combien de clics le trouve-t-il ?

Après l’envoi, les statistiques de consultation vous disent si ces parcours fonctionnent. Une section peu consultée est peut-être mal placée ou mal titrée. Une section très lue mérite peut-être d’être enrichie dans les offres suivantes. Le mini-site devient ainsi un support que l’on améliore d’une offre à l’autre.

Et si le client exige un PDF ?

Le format attendu dépend du contexte. Pour une proposition commerciale hors marché public, le mini-site peut devenir le support principal, avec une version PDF téléchargeable pour l’archivage.

Dans un appel d’offres, le format du dossier déposé est généralement imposé par le règlement de consultation. Le mini-site ne remplace pas le document : il le complète. Un lien ou un QR code inséré dans le mémoire technique renvoie l’évaluateur vers des preuves qu’un document figé ne peut pas montrer. Vérifiez toujours que le règlement accepte les contenus externes et qu’ils seront pris en compte dans la notation.

Un mini-site se conçoit pour son lecteur

Hiérarchiser, rendre lisible, prouver : ces trois règles partent du même principe. Un mini-site commercial réussi est pensé du point de vue de celui qui le lit, sur son écran, à son rythme.

XaitWebProposal permet de construire ce type de mini-site à partir d’un questionnaire guidé, sans compétences de développement web, dans un modèle aux couleurs de l’entreprise.