Aller au contenu
Agence / Web design / B2B

Agence web design B2B : les preuves à exiger avant de signer

Une agence web design B2B conçoit et construit des sites pour des entreprises qui vendent à d'autres entreprises. Le travail porte sur le parcours d'achat, la structure du site, les pages qui portent la preuve, les chemins de conversion qui qualifient la demande, et une passation qui laisse l'équipe marketing autonome. Le cycle d'achat est long et se décide rarement seul : le site doit rassurer avant de convaincre.

  • Un site B2B doit rassurer avant de convaincre : le cycle d'achat est long et implique plusieurs personnes.
  • Jugez une agence sur des preuves plutôt que sur le goût : demandez ce qu'elle a produit, pour qui, et sous quelles contraintes.
  • Le CMS doit correspondre à votre modèle de publication. L'autonomie éditoriale, la structure des contenus, les intégrations et les compétences internes comptent plus que le nom de la plateforme.
  • Sur un site Webflow multi-gabarits, une convention de nommage tenue rend le système plus facile à maintenir et limite les reprises en recette.
  • SEO technique, vitesse et Core Web Vitals font partie du périmètre, pas d'un rattrapage après le lancement.
  • Le prix suit les contraintes plus que le nombre de pages : modèle de contenu, intégrations et chaînes de validation font bouger le devis.

Le goût visuel ne vous apprend presque rien. Deux agences montrent des références aussi séduisantes l'une que l'autre, puis livrent deux projets sans rapport. La question qui tranche : laquelle peut prouver qu'elle a déjà fait le travail que vous achetez ?

Outil gratuit / 5 min / sans engagement

Décrivez votre projet, obtenez une reco + un devis en 5 minutes.

Notre outil de cadrage vous guide pas à pas, recommande la techno adaptée (Webflow, WordPress ou sur-mesure) et génère un cahier des charges avec une fourchette de budget indicative.

build.mad.studio
01Votre briefBesoin, pages, fonctionnalités, style
02La recommandationTechno + alternative argumentée
03Le devis indicatifFourchette + cahier des charges
02 / Les preuves à demander

Quelles preuves demander à une agence ?

Un portfolio se lit passivement, et c'est précisément pour ça qu'il convainc. Lisez-le activement : prenez chaque affirmation que l'agence fait sur elle-même et demandez quel projet la démontre. Voici comment l'exercice fonctionne sur notre propre travail.

« Nous savons travailler dans des systèmes contraints »

Se vérifie sur Dulcolax Italie, livré pour le groupe Sanofi. Nous avons construit un design system à l'intérieur des composants imposés par le CMS interne du groupe et produit les illustrations du site, chaque contenu étant validé par la régulation italienne. En Italie, la vente de médicaments en libre accès est autorisée en ligne : le site devait vendre, pas seulement informer.

« Nous savons faire passer un design system à l'échelle »

Se vérifie sur Visa Concierge APAC, où le design system Visa monde a été intégré dans l'application mobile et la plateforme web, avec les équipes Visa de Singapour.

« Nous savons livrer un produit en production »

Se vérifie sur Blockz, commandé par la blockchain Core : design, branding, développement de la plateforme, smart contracts et déploiement on-chain sur la chaîne Core compatible EVM, sur une stack auditée par un tiers. La plateforme tourne toujours.

La forme compte autant que le fond

Chaque entrée suit la même structure : une affirmation, puis un projet nommé, puis la contrainte qui a rendu la chose difficile. Si un prestataire ne peut pas produire ce troisième élément, l'affirmation n'est que décorative. Quand les preuves fournies se limitent à des exercices de branding ou à des visuels de page d'accueil isolés, le manque est du côté du modèle de livraison, pas du niveau de goût.

Note / Mehdi / Fondateur

Sur un projet régulé, le risque d'erreur se logeait dans le CMS, pas dans le design. Le réflexe utile est de demander qui possède les validations, qui possède le tracking et qui possède la passation. Quand ces réponses restent floues, le projet ralentit en milieu de build.

Mehdi
Mehdi, Fondateur mad.studio
03 / Quand une agence se justifie

Quand une agence web design B2B se justifie-t-elle ?

L'accompagnement prend son sens quand le site doit faire plus que paraître crédible. Le déclencheur est presque toujours concret.

  • Le processus d'achat implique plusieurs interlocuteurs, et personne ne décide seul.
  • Les cas clients et les pages solutions doivent porter l'argument commercial. L'illustrer ne suffit pas.
  • Les formulaires et la prise de rendez-vous alimentent réellement le pipeline.
  • Le marketing veut gagner en autonomie éditoriale sans repasser par un prestataire.
  • Les ventes ont besoin de parcours de qualification plus nets.
  • La refonte doit s'articuler avec le reste de la stack marketing.
build.mad.studio / outil gratuit

Décrivez votre projet, obtenez une reco + un devis en 5 minutes.

  • Techno recommandée
  • Fourchette de budget
  • Cahier des charges
05 / Le périmètre à exiger

Que doit couvrir le périmètre d'un site B2B sérieux ?

Un périmètre clair découpe le projet en phases, de la découverte à la passation, avec des livrables nommés à chacune. La production graphique n'est qu'une partie du travail. Relisez chaque proposition à l'aune de cette liste et notez ce qui manque.

01 / Découverte

Découverte et alignement des parties prenantes

Cette phase pose le cas d'usage business avant la moindre mise en page. Sur Visa Concierge, le plus dur a été d'aligner de nombreux interlocuteurs autour d'un seul système et d'un seul parcours cible, bien au-delà de la cohérence visuelle.

Livrable : hypothèses d'ICP écrites, cartographie des interlocuteurs, objectifs du projet et définition de ce qui compte comme conversion.

02 / Architecture

Architecture de l'information et modèle de contenu

C'est ici qu'on décide où vit la preuve, où se placent les formulaires, et quelles pages soutiennent la recherche et la conversion. Pages solutions qui expliquent le cas d'usage, cas clients qui apportent la preuve, formulaires et prises de rendez-vous qui qualifient la demande, plan de redirections quand le site déménage.

Livrable : arborescence, modèle de contenu, rôle assigné à chaque type de page et chemins de conversion qui les relient.

03 / UX et interface

UX et design d'interface

Tokens, composants et règles de réutilisation tiennent la cohérence sur un site multi-pages. Sur un site Webflow, une convention de nommage tenue rend le système plus facile à maintenir et limite les reprises en recette.

Livrable : wireframes, bibliothèque de composants, états responsive et prototypes interactifs là où un parcours doit être testé avant le build.

04 / Build et recette

Build et recette

Les environnements contraints se traitent ici aussi. Sur Dulcolax Italie, le projet a été livré dans le CMS interne de Sanofi avec chaque contenu validé par la régulation italienne, ce qui n'a rien d'une étape finale générique.

Livrable : implémentation CMS, intégrations CRM et marketing, analytics et suivi d'événements, puis recette sur navigateurs, points de rupture et formulaires avant le lancement.

05 / Passation

Passation

L'autonomie éditoriale après le lancement est soit inscrite au périmètre, soit inexistante. Il n'y a pas d'entre-deux.

Livrable : accès à tous les comptes et dépôts, documentation écrite, session de formation pour les personnes qui publieront et un responsable nommé pour le design system et le modèle de contenu.

Note / Mehdi / Fondateur

Sur les sites B2B, j'ai vu des équipes traiter la page d'accueil comme l'actif principal et laisser les pages solutions à l'état d'ébauche. Le résultat, c'est une passation faible vers les commerciaux. Mon réflexe est de cartographier le parcours de décision d'abord, puis de dessiner les pages qui y répondent.

Mehdi
Mehdi, Fondateur mad.studio
06 / CMS, SEO et budget

Ce qui appartient au périmètre, et ce qui fait bouger le prix

Deux sujets se retrouvent souvent traités en rattrapage alors qu'ils relèvent du cadrage : le choix du socle de publication et la performance technique.

À inscrire au périmètre dès le départ

  • Le CMS choisi pour votre modèle de publication réel : autonomie éditoriale, structure des contenus, intégrations et compétences internes comptent plus que le nom de la plateforme
  • SEO technique, vitesse de page et Core Web Vitals, mesurés et non promis
  • Le plan de tracking et d'intégrations, écrit avant le build et non après le lancement
  • Le plan de redirections quand le site déménage
  • Un responsable nommé pour le design system et pour le modèle de contenu

Ce qui fait bouger le devis

  • Le prix suit les contraintes plus que le nombre de pages
  • Le modèle de contenu : plus il est riche, plus il se conçoit au lieu de s'improviser
  • Les intégrations avec le CRM et la stack marketing existante
  • La longueur de la chaîne de validation, qui pèse souvent plus lourd que la liste des pages
  • Demandez à chaque candidat de chiffrer la même liste de pages, les mêmes intégrations et la même chaîne de validation, sinon les devis ne sont pas comparables
07 / La grille de comparaison

Comment comparer des agences web design B2B

La plupart des shortlists se décident sur l'allure d'un portfolio, c'est-à-dire sur la seule chose que toutes les agences ont déjà optimisée. Méthode plus fiable : demander à chaque prestataire une pièce précise derrière chaque affirmation, puis comparer ce qui arrive réellement.

À évaluerPreuve à demanderSignal d'alerte
Compréhension du B2B Un projet au parcours d'achat comparable, ou un brief comparable L'équipe ne parle que de style visuel
Stratégie Définition de l'ICP, parcours d'achat, arborescence, logique de conversion La conversation démarre sur des concepts de page d'accueil
Contenus Un modèle de contenu et un responsable nommé pour chaque texte « Envoyez-nous la copy quand elle sera prête »
UX Flows, wireframes, chemins de décision La présentation saute directement à une UI finie
Preuve La structure d'un cas client : contexte, contrainte, livrable, résultat Des logos présentés sans contexte de projet
Conversion Des actions qualifiées définies par écrit La discussion sur les CTA s'arrête aux boutons
Design system Composants, états et les règles qui gouvernent la réutilisation Des écrans Figma isolés
Build Des exemples en production que vous pouvez ouvrir et inspecter Des concepts sans implémentation derrière
CRM et analytics Un plan de tracking et d'intégrations écrit avant le build Analytics ajouté après le lancement
Passation Accès au CMS, formation, documentation Une dépendance permanente à l'agence

Un portfolio vous dit ce qu'une agence sait rendre séduisant. Les preuves ci-dessus vous disent si elle sait livrer le système qui tient derrière.

Outil / 60 secondes / sans engagement

Quel périmètre pour votre site B2B ?

Trois questions pour situer le besoin : vitrine crédible, refonte structurée ou dispositif d'acquisition relié au CRM.

Étape 1 / 1
Votre projet
Agence pertinente

Dès que plusieurs interlocuteurs décident, que les cas clients doivent porter l'argument et que les formulaires alimentent le pipeline, l'accompagnement se justifie.

Une équipe qui ne traite que le visuel manquera l'enchaînement entre la preuve, la structure des contenus et les chemins de conversion. C'est cet enchaînement qui fait la différence six mois après.

08 / Témoignages

Témoignages

Le cadrage a permis de trancher les parcours avant d'ouvrir Figma. On a gagné plusieurs semaines de boucles de validation.

Claire B. Head of Product, SaaS B2B

La passation a été le vrai livrable : composants nommés, règles d'usage écrites. Notre équipe a repris la main sans nous rappeler.

Antoine V. CTO, Edtech
09 / Vos réserves

Trois réflexes qui coûtent cher

« Les deux portfolios sont superbes, on choisira au feeling »

Le portfolio est la seule chose que toutes les agences ont déjà optimisée. Prenez chaque affirmation et demandez le projet qui la démontre, puis la contrainte qui a rendu la chose difficile. Sans ce troisième élément, l'affirmation est décorative.

« La page d'accueil, c'est ce qui compte »

Sur un site B2B, c'est le raccourci le plus fréquent. Les pages solutions restent à l'état d'ébauche, et la passation vers les commerciaux s'en ressent immédiatement. Cartographiez le parcours de décision d'abord, puis dessinez les pages qui y répondent.

« L'analytics, on le branchera après le lancement »

C'est le signal d'alerte le plus fiable de la grille. Le plan de tracking et d'intégrations s'écrit avant le build, avec un responsable nommé. Branché après, il mesure ce qui est déjà figé au lieu d'informer les décisions.

10 / FAQ

Questions fréquentes

Une agence qui conçoit et construit des sites pour des entreprises vendant à d'autres entreprises. Le travail couvre le parcours d'achat, la structure du site, les pages qui portent la preuve, les chemins de conversion qui qualifient la demande, et une passation qui laisse l'équipe marketing autonome.
En demandant à chacune une pièce précise derrière chaque affirmation, puis en comparant ce qui arrive vraiment. La liste tient en dix points : un projet au parcours d'achat comparable, une définition d'ICP, un modèle de contenu, des wireframes, la structure d'un cas client, des actions qualifiées définies par écrit, un design system avec ses règles, un site en production que vous pouvez inspecter, un plan de tracking écrit avant le build, et les modalités de passation.
Dès que plusieurs interlocuteurs décident, que les cas clients et pages solutions doivent porter l'argument, ou que les formulaires alimentent le pipeline. Beaucoup moins sur une vitrine courte à contenu statique, sans flux de leads à soutenir.
Celui qui correspond à votre modèle de publication réel. L'autonomie éditoriale attendue, la structure des contenus, les intégrations nécessaires et les compétences de votre équipe pèsent davantage que le nom de la plateforme.
Les contraintes plus que le nombre de pages : la richesse du modèle de contenu, les intégrations avec le CRM et la stack marketing, et la longueur de la chaîne de validation. Faites chiffrer à chaque candidat la même liste de pages, les mêmes intégrations et la même chaîne de validation.
Oui. SEO technique, vitesse de page et Core Web Vitals appartiennent au périmètre du projet, pas à un rattrapage après le lancement. Il en va de même pour le plan de redirections quand le site déménage.
11 / À propos de l'auteur

À propos de l'auteur

Auteur / Mehdi / Rédacteur

Chaque preuve suit la même structure : une affirmation, un projet nommé, la contrainte qui a rendu la chose difficile. C'est la grille que j'applique à notre propre travail, et celle que je vous invite à nous appliquer.

Mehdi
Mehdi, Rédacteur mad.studio
12 / Pages associées

Pages associées

Pour prolonger la lecture, voici les pages les plus utiles selon votre besoin.

Parler de votre projet B2B

Un échange court suffit à cartographier le parcours de décision et à situer le périmètre. C'est ce cadrage qui rend les propositions comparables, quel que soit le prestataire retenu ensuite.

Réponse sous 24h. Échange 30 min. Sans engagement.