Audit UX/UI & brief de refonte
BTP Mada, plateforme de confiance
Document interne — ACD Management
Juillet 2026 · v1
Verdict d'ensemble
3,4 / 10

Positionnement flou, ton contradictoire, thème WordPress générique, charte v5.0 conçue mais non déployée sur les pages principales.

Un site pensé pour rassurer qui parle comme un site d'annonces.

La charte graphique v5.0 « L'Équilibre Minéral & Terrien » existe, elle est belle, elle est cohérente — mais elle n'est pas branchée. La homepage tourne sur le thème WordPress par défaut (Twenty Twenty-Five), avec emojis en emphase, CTA rouges répétés cinq fois, et une navigation qui promet des sections qui n'existent pas. Le résultat : le lecteur cherche « tiers de confiance » mais lit « bon plan ». Le fond promet une décennale vérifiée ; la forme dit un panneau publicitaire.

Ce document pose un diagnostic en six axes, aligne la lecture concurrentielle sur le vrai enjeu (parler à un client qui cherche de la stabilité), et propose un brief de refonte exploitable en cinq jalons — sans reconstruire le site, en réactivant ce qui existe déjà.

I.

Diagnostic structurel

Vingt-trois observations, condensées en sept dysfonctionnements qui pèsent réellement sur la conversion. Chaque point est classé par gravité perçue par le prospect — pas par difficulté de correction.

La plateforme ne souffre pas d'un manque de contenu, elle souffre d'un manque de retenue.

Les défauts

Critique
La charte v5.0 n'est pas appliquée à la homepage.

Le thème actif est twentytwentyfive, générique WordPress. Le plugin btp-mada-setup définit 730 lignes de CSS scopé .ro-* — palette Rouille Volcanique, Or Artisanal, Béton Volcanique — qui ne se déclenche que sur les shortcodes insérés dans certaines pages. Résultat : deux systèmes visuels coexistent selon la page visitée.

Cause : la charte a été écrite comme un composant, pas comme le socle du thème.

Critique
Le ton se contredit lui-même.

« Tiers de confiance », « décennale vérifiée », « paiement protégé » — mots d'assureur. Emojis 🏗️ 🏠 🔍 🚨 en emphase, boutons ronds saturés, exclamations urgentes — mots de coupon. Le prospect qui cherche un artisan pour 30 000 € de travaux ne lit pas les deux registres avec la même main.

Cause : l'écriture a été validée fonction par fonction, jamais relue d'un bout à l'autre du parcours.

Critique
Le CTA « Déposer un projet » est répété cinq fois.

Header, hero, bloc urgence, section « Vous êtes artisan ? » (par contamination du template), footer. Un CTA répété perd son autorité : au lieu de guider, il insiste. Le seul cas où répéter est utile — long-scroll landing — n'est pas la situation d'une homepage-carrefour à 6 sections.

Cause : ajouts successifs sans arbitrage sur la hiérarchie d'appels.

Majeur
La navigation promet des sections qui n'existent pas.

Le footer liste « Boutique », « Évènements », « Compositions » — sans doute hérités du plugin partagé avec REZ_O. Un lien 404 sur une page qui vend la confiance coûte plus qu'un lien 404 ailleurs.

Cause : mutualisation du plugin rez-o-setup et btp-mada-setup sans nettoyage des menus.

Majeur
Les statistiques de confiance sonnent inventées.

« 120+ artisans · 850+ projets · 98 % satisfaits · 24h délai » aligne quatre chiffres en tête de page, sans source ni contexte. Sur un site qui a moins d'un an, cette précision retourne contre elle-même : soit c'est vrai et il manque le « depuis 2025 », soit c'est un placeholder qui n'a pas été retiré.

Cause : contenu de démonstration laissé en production.

Majeur
Aucun visuel réel — la promesse est textuelle.

Le hero est illustré par un emoji 🏗️. Aucune photographie d'un chantier antillais, d'un artisan, d'un intérieur livré. Une plateforme BTP sans photographie donne l'impression d'un service qui n'a rien encore livré, même si c'est faux.

Cause : la bibliothèque d'images n'a pas été intégrée à l'arbitrage design.

Signal
Le « SOS Dépannage » écrase la promesse principale.

Un bandeau rouge urgence en fin de scroll suggère une plateforme de dépannage. Or la vraie mission est la mise en relation planifiée (avec devis, secrétariat, tiers-payant). Le SOS mérite d'exister — pas de dominer.

Cause : réutilisation d'un composant fort sans hiérarchisation dans la page.

II.

Ce qui fait « populaire »

« Populaire » n'est pas une injure, c'est un registre. Un site populaire s'adresse à un lecteur qu'on suppose pressé, distrait, à convaincre en trois secondes. Il crie, il colorie, il coche. Un site premium suppose au contraire un lecteur qui prend le temps de lire — parce que la décision est plus lourde. Voici les six signaux qui basculent la perception d'un site vers l'un ou l'autre.

Les six bascules

  • Densité chromatique. Populaire : deux couleurs primaires saturées se disputent l'attention (orange + jaune ici). Premium : une seule couleur d'accent, tenue, et beaucoup de neutre.
  • Rondeur des angles. Populaire : boutons pilules, radius ≥ 16 px. Premium : radius ≤ 4 px, ou pas de radius du tout.
  • Ombres portées. Populaire : ombres douces épaisses derrière chaque carte, effet « papier flottant ». Premium : filets 1 px, séparateurs discrets, pas d'ombre décorative.
  • Ponctuation graphique. Populaire : emojis dans les titres, icônes en couleur remplie, pastilles rondes. Premium : petites capitales, chiffres tabulaires, filets.
  • Typographie. Populaire : une seule sans-serif, poids gras partout, tailles élevées. Premium : un serif éditorial en display, un sans-serif en corps, contrastes de graisse maîtrisés.
  • Écriture. Populaire : phrases nominales, points d'exclamation, « ! », « → », « ✔ ». Premium : phrases complètes, verbes précis, aucun signe de ponctuation superflu.
La démarcation ne vient pas d'un choix — elle vient de six choix consistants. Un seul défaut suffit à faire basculer.

Preuve par la comparaison

Actuel · registre populaire
🏠 Trouvez le bon artisan !

BTP Mada connecte particuliers & pros certifiés en Martinique 🚀

Déposer un projet Trouver un artisan
120+Artisans 850+Projets 98%Satisfaits
Proposé · registre professionnel

Mise en relation · Martinique

Le bon artisan, par la voie sûre.

Décennale contrôlée, devis encadré, paiement séquestré chez un tiers de confiance.

Décrire mon projet Réponse < 48 h · devis gratuit

Même contenu, même promesse. Ce qui change : la retenue chromatique, la respiration verticale, un seul CTA écrit comme un lien (pas un cri), et la métrique ramenée à ce qui est vérifiable et utile au prospect (48 h).

III.

Lecture des concurrents

Le paysage français de la mise en relation BTP se répartit en deux ligues : les agrégateurs de masse (Travaux.com, Habitatpresto, Ootravaux) qui cherchent le volume par SEO longue traîne et brand orange saturé ; et les marques de confiance adossées à un groupe (IZI by EDF, Effy) qui vendent la tranquillité par la caution institutionnelle.

BTP Mada, aujourd'hui, imite le premier groupe et vise le second. C'est le hiatus.

Critère Habitatpresto IZI by EDF BTP Mada actuel BTP Mada visé
Registre Populaire Institutionnel Populaire, involontaire Institutionnel régional
Accent chromatique Orange vif Bleu EDF Rouille + Or, saturés Rouille tenue, unique
Typographie Sans-serif générique Sans-serif institutionnel Sans-serif WP par défaut Serif éditorial + sans
Preuve sociale Trustpilot, 30 000 avis Note EDF, conseiller nommé Chiffres non sourcés Avis vérifiés + décennale visible
Angle éditorial « Devis gratuits » « Prix justes, conseil objectif » « Tiers de confiance » + emojis « Tiers de confiance » assumé
Ancrage territoire Aucun Aucun Martinique mentionnée Martinique portée
Densité par écran ●●●● ●● ●●●●● ●●
L'atout que ni Habitatpresto ni IZI ne peuvent copier : l'ancrage antillais. C'est la matière première du positionnement premium, pas un slogan à ajouter.

Ce qu'on retient des meilleurs

  • Habitatpresto : le socle de preuve (« 21 ans d'expertise », « 300 000 particuliers », note Trustpilot visible dès le hero). BTP Mada peut faire pareil sans mentir : ancienneté du fondateur, agréments réels, décennales scannées.
  • IZI by EDF : le triptyque « Contactez-nous · Nous vous accompagnons · Démarrons vos travaux » et la figure du conseiller nommé et joignable. BTP Mada a déjà l'équivalent (secrétariat externalisé) mais ne le personnifie pas.
  • Personne ne le fait : la carte territoire. Une carte de la Martinique par communes couvertes, avec le corps de métier disponible dans chaque, occuperait un espace éditorial que les mastodontes hexagonaux ne peuvent pas remplir.
IV.

Design system rectifié

La charte v5.0 tenait déjà un cap juste — pierre volcanique, chaux, terre — mais elle a été saturée pour "faire chaud". On l'assèche. On garde le vocabulaire (rouille, or, béton, chaux), on tempère les valeurs, on réduit le nombre d'accents visibles simultanément à un seul.

Palette rectifiée

Chaux Sable #F0EBDF
Basalte #1B1917
Sienne calcinée #8C3B24
Laiton patiné #8B6E2F
Ardoise chaude #6A6459
Filet #D6CFC0

Écart avec l'existant : la rouille passe de #C85A32 (rouille vive) à #8C3B24 (sienne calcinée) — moins saturée, plus grave. L'or de #D9A74A à #8B6E2F — un laiton patiné, réservé aux médailles et aux graphes. On perd 25 % de saturation moyenne. On gagne en autorité.

Typographie

Le bon artisan, par la voie sûre.
Décennale contrôlée, devis encadré, paiement séquestré chez un tiers de confiance en Martinique depuis 2025.
Mise en relation · Fort-de-France · agréé
  • Display : Charter, Iowan Old Style, Palatino — famille serif à l'installation garantie sur macOS/Windows/Linux modernes. Chargement zéro, rendu impeccable. Réservée aux titres et aux moments d'appui.
  • Corps : pile système (-apple-system, Segoe UI, Roboto). Neutre, familier, techniquement irréprochable — c'est la voix, pas le personnage.
  • Chiffres : font-variant-numeric: tabular-nums partout où ils s'alignent (statistiques, tableaux, prix). Détail invisible qui distingue un site sérieux d'un site bricolé.
  • Labels : petites capitales, letter-spacing 0.16em, corps 11 px. Remplacent les icônes emoji sur les rubriques de section.

Composants — les cinq règles dures

  • Un seul accent visible à la fois. Sienne pour l'action principale. Le laiton n'apparaît que pour marquer une distinction (mention RGE, badge décennale) — jamais comme couleur de bouton.
  • Rayons de bordure ≤ 4 px. Les pilules disparaissent. Un bouton est un rectangle avec une marge intérieure généreuse.
  • Aucune ombre décorative. Un filet 1 px #D6CFC0 remplace toutes les ombres portées entre cartes. Ombre autorisée uniquement pour la modale et le menu déroulant.
  • Aucun emoji dans le contenu de marque. Les rubriques « Comment ça marche », « Corps de métier », « Urgence » gagnent une petite capitale et un chiffre romain, pas une image d'agrafe.
  • Une photographie par section, ou aucune. Photos noir et blanc chaleureux ou couleur désaturée, format 3:2, sujet toujours en contexte antillais (case créole, chantier tôle, bougainvilliers en arrière-plan). Zéro banque d'image nordique.

Iconographie

Remplacer les emojis par un jeu d'icônes trait 1,5 px, ouverte, jamais remplie — bibliothèque Lucide ou dessinée sur mesure (huit pictogrammes suffisent : maçon, plombier, électricien, peintre, menuisier, couvreur, secrétariat, paiement). Aucun cercle de couleur derrière l'icône.

V.

Parcours utilisateurs

Le site sert trois publics avec des attentes divergentes : le particulier qui prépare un chantier, l'artisan qui candidate, le donneur d'ordre BtoB (syndic, promoteur, collectivité) qui n'existe pas encore dans la structure actuelle. Trois entrées, trois grammaires — mais un seul design system.

Particulier — parcours "Décrire mon projet"

01 Nature Rénovation, extension, dépannage. Choix unique, prégénéré depuis la home selon la carte cliquée.
02 Périmètre Corps de métier concernés — cases à cocher, illustrées par les icônes du jeu maison, pas d'emoji.
03 Contexte Commune, type de bien, budget approximatif (facultatif mais utile), délai souhaité.
04 Contact Nom, téléphone WhatsApp, e-mail. RGPD explicite. Aucun compte à créer à ce stade.
05 Suite Message honnête : « Un secrétariat vous rappelle sous 48 h ouvrées ». Récap imprimable en PDF.

L'assistant existant est trop chargé, trop coloré, trop long. Le raccourcir à cinq écrans nets, avec un fil d'ariane discret en tête et un seul bouton par écran, transforme la sensation d'entretien téléphonique en formulaire de courtage — le registre attendu.

Artisan — parcours "Devenir partenaire"

01 Éligibilité SIRET, décennale, RGE. Le site vérifie sur les bases publiques avant même de proposer un dossier.
02 Zone & métiers Communes couvertes, plafond de kilomètres, corps de métier détaillés, disponibilité en semaine.
03 Vitrine Trois chantiers avec photo et court descriptif. Formation obligatoire à la charte photo.
04 Contrat CGU spécifiques, commission, mode de règlement, engagement de délai de réponse.
05 Mise en ligne Validation manuelle par l'équipe. Fiche publiée avec badge de niveau (Standard / Vérifié / Emblème).

BtoB — parcours à créer

Syndics, agences immobilières, promoteurs et bailleurs sociaux ne sont pas dans le site actuel. Ils représentent pourtant le contrat récurrent qui stabilise le chiffre d'affaires et le positionnement premium. Un onglet « Comptes professionnels » avec un formulaire court (structure, volume estimé, référent), traité en direct par le fondateur, positionne immédiatement la plateforme au-dessus de la ligue des agrégateurs.

VI.

Feuille de route

Cinq jalons — pas cinq mois. La refonte visuelle et le nettoyage éditorial peuvent tenir en deux semaines de travail dédié, sans reconstruire le site, en s'appuyant sur la charte existante et sur le thème enfant qui manque aujourd'hui.

§ 1 · J+2
Assainir avant d'embellir Purger le menu des sections fantômes (Boutique, Évènements, Compositions). Retirer les statistiques non sourcées. Corriger la contradiction "SOS" versus "mise en relation planifiée" dans la home.
0,5 jour
§ 2 · J+5
Bâtir le thème enfant Créer un thème enfant de twentytwentyfive, y importer et rectifier la charte v5.0 (palette assagie, filets, radius ≤ 4 px, typographie Charter/system-ui). Basculer les pages Accueil, Annuaire, Déposer, Partenaire dessus.
2 jours
§ 3 · J+8
Refonte de la homepage Hero réécrit ("Le bon artisan, par la voie sûre"), 1 CTA principal, section "Comment ça marche" en triptyque sans emoji, corps de métier sur icônes trait, section "Le tiers de confiance" avec les vraies preuves (décennales scannées, secrétariat identifié), pied de page réduit.
2 jours
§ 4 · J+11
Photographier le vrai Shooting court (1 journée) : trois chantiers antillais réels, deux portraits d'artisans partenaires, le secrétariat en situation. Traitement colorimétrique unifié (désaturé, +2 ° chaud). Aucune image de banque, jamais.
2 jours
§ 5 · J+14
Ouvrir l'onglet BtoB Nouvelle page "Comptes professionnels" avec un formulaire court, traitement direct par le fondateur, engagement de rappel sous 24 h ouvrées. Positionne la plateforme dans un couloir que Habitatpresto et IZI ne visent pas.
1 jour
Ce plan ne coûte ni refonte technique, ni changement de CMS. Il coûte des décisions tenues.

Ce qui ne bougera pas

Le backend WordPress reste, le container Docker reste, l'annuaire artisan reste, le formulaire de dépôt reste — dans sa logique. Ce qu'on change, ce sont : la charte appliquée, la voix éditoriale, la hiérarchie des CTA, la photographie, et l'ouverture BtoB. Le squelette est bon ; c'est la voix qui parle mal.