Refonte du site mhd-btp.com : pourquoi un technicien BTP en Côte d'Ivoire a besoin d'un support de communication soigné

En 10 jours, mhd-btp.com a changé de visage. Charte basculée du duo anthracite et or vers une palette vert forêt et crème, page d’accueil refondue en hero immersif sur un chantier réel à Bingerville, brochures PDF par projet, navigation simplifiée. Cet article explique pourquoi ce travail compte pour un cabinet de consulting BTP en Côte d’Ivoire, et comment il a été fait sans rien dépenser de plus que les 6,99 USD annuels du domaine.

Précision honnête : je ne suis pas designer ni développeur de métier. Je suis technicien supérieur en BTP. Ce site est un outil que je construis pour mon activité de consulting. Si vous êtes dans la même situation, l’article est aussi un retour d’expérience reproductible.

1. Pourquoi un site pro change la donne pour un consultant BTP

Le marché du consulting BTP en Côte d’Ivoire est dominé par deux canaux : le bouche-à-oreille (réseau personnel, anciens collègues de chantier) et WhatsApp (devis envoyés en PDF, photos de réalisations, échanges directs). Les deux fonctionnent. Mais ils ont une limite : ils ne se voient pas en dehors du cercle qui les active.

Un site web bien fait sert trois fonctions précises :

1. Vitrine permanente : un client potentiel qui tape votre nom sur Google trouve un support pro, structuré, qui présente vos services et vos références sans dépendre d’une recommandation directe.
2. Preuve de sérieux : la qualité de la présentation visuelle envoie un signal sur la qualité du travail livré. Un technicien dont le site est négligé ne rassure pas un maître d’ouvrage qui hésite à confier un chantier.
3. Outil de différenciation : sur un marché où la plupart des concurrents partagent des WhatsApp Status et des templates Canva génériques, un site cohérent et identifiable crée un avantage immédiat.

L’objectif n’est pas d’avoir le plus beau site. L’objectif est d’avoir un site qui parle correctement à un client BTP en Côte d’Ivoire.

2. Les erreurs que je voulais éviter

Avant de poser la nouvelle direction, j’ai regardé une vingtaine de sites de cabinets BTP, de techniciens indépendants et de bureaux d’études en Afrique francophone. Trois erreurs reviennent presque partout :

• Template générique sans personnalité : le même thème WordPress acheté ou téléchargé, avec les mêmes photos de chantiers américains ou européens qui n’ont rien à voir avec la réalité ivoirienne. Le visiteur ne mémorise pas le site.
• Promesses commerciales irréalistes : “Devis en 2 heures”, “Consulting BTP assisté par IA”, “Études garanties sans erreur”. Pour un client expérimenté, ce langage déclenche immédiatement un signal “vendeur trop pressé”. J’ai banni ce vocabulaire de mes pages.
• Surcharge visuelle : effets, animations, popups, chats automatiques, badges de satisfaction inventés. Le visiteur ferme l’onglet avant d’avoir lu la première ligne utile.

La règle que je me suis fixée : chaque élément visible sur le site doit servir le visiteur, pas le décorer.

3. Le choix de la charte vert forêt et crème

L’ancienne version du site reposait sur un duo anthracite et or qui voulait évoquer le sérieux et l’expertise. Le problème : c’est une combinaison utilisée partout (banques, cabinets d’avocats, assurances). Elle ne signale pas le BTP, ne signale pas la Côte d’Ivoire, ne signale pas un consultant terrain.

La nouvelle charte s’appuie sur :

• Vert forêt (#2F4A3A) comme couleur principale. Évoque le végétal, la stabilité, la durabilité. Renvoie aussi à un repère visuel local : la lagune Ébrié, les zones boisées de Bingerville, les chantiers qui sortent de terre dans la verdure.
• Crème (#F4EFE6) comme couleur de fond. Plus chaude que le blanc pur, plus reposante à l’œil sur un téléphone en plein soleil ivoirien. Cohérente avec les briques de terre et le sable lagunaire.
• Vert tendre (#B4C7B7) comme couleur d’accent. Sert à signaler les éléments interactifs (boutons, liens, badges) sans saturer la page.

Côté typographie, deux choix :

• Cormorant Garamond pour les titres. Une serif élégante et lisible, héritée des Garamond du XVIe siècle. Apporte un caractère éditorial, à l’opposé des sans-serif passe-partout.
• Inter pour le corps de texte. Sans-serif moderne optimisée pour la lecture écran, gratuite, hébergée localement (pas de Google Fonts qui ralentit le chargement).

4. Le hero immersif sur chantier réel à Bingerville

La page d’accueil ouvre maintenant sur une photo plein écran d’un chantier de l’Institut de cancérologie de Bingerville, projet sur lequel j’ai été chef de chantier pour Val-Afrique entre 2023 et 2025. Pas une photo de stock, pas un rendu 3D : un vrai chantier ivoirien, avec ses échafaudages, sa structure en béton armé, son ciel d’Abidjan.

Par-dessus la photo, un gradient vert atténué assure la lisibilité du titre en grand corps Cormorant Garamond, avec un sous-titre court et deux boutons d’appel : “Voir mes services” et “Me contacter”. Quatre statistiques discrètes en bas du hero rappellent les chiffres clés (années d’expérience, chantiers livrés, références marquantes, calculateurs gratuits mis en ligne).

Le message implicite : ce site est tenu par quelqu’un qui a déjà fait des chantiers en Côte d’Ivoire, pas par un consultant théorique. C’est exactement ce qu’un maître d’ouvrage cherche à vérifier avant de confier un dossier.

5. Les brochures PDF par projet

Nouveau format introduit avec cette refonte : chaque projet phare a sa brochure PDF A4 de trois pages, téléchargeable depuis le site. Chaque brochure suit la même structure :

• Page 1 : photo dominante du projet en pleine page, titre éditorial sur bloc vert, sous-titre.
• Page 2 : le projet en détail (objectif, contexte, livrables, faits importants).
• Page 3 : la vision long terme, citation signée, portrait du consultant, appel à l’action.

L’intérêt de ce format pour un consultant BTP : un client qui hésite ou qui veut présenter votre travail à sa hiérarchie (DG, conseil d’administration, banque) reçoit un document fini, signé, partageable, plutôt qu’un lien web à recliquer. Le PDF circule en pièce jointe d’email, sur WhatsApp, dans une réunion projetée.

Première brochure en ligne : celle du site mhd-btp.com lui-même. C’est cohérent : le site et la brochure se renforcent l’un l’autre. Cinq brochures supplémentaires sont en cours de production sur les autres projets actifs (boutique numérique Selar, calculateurs gratuits, chaîne YouTube @mhd-btp, studio vidéo Remotion, etc.).

6. Les calculateurs BTP gratuits comme preuve métier

Une partie souvent oubliée d’un site de consultant : la preuve du savoir-faire. Dire “je sais faire du métré béton” ne convainc personne. Montrer un outil que vous avez conçu, que n’importe qui peut utiliser gratuitement, qui sort des résultats cohérents avec la pratique chantier ivoirienne : ça convainc.

Les quatre calculateurs gratuits désormais accessibles sur le site :

• Calculateur Béton : métré de 30 ouvrages avec dosages en sacs de ciment 50 kg et brouettes de 50 L.
• Calculateur Ferraillage : estimation aux ratios BAEL et calcul détaillé barre par barre avec formule de Blondel pour escaliers.
• Calculateur Second œuvre : agglos, enduit, chape, carrelage, peinture par pièce.
• Calculateur Électricité : circuits, disjoncteurs, tableau, abonnement CIE selon norme NF C 15-100.

Tous installables en application mobile (PWA) et utilisables hors-ligne après la première visite. Un chef de chantier en zone sans réseau peut estimer un besoin en sacs de ciment et passer commande au dépôt voisin.

7. La stack technique et les coûts

Pour les techniciens BTP qui se demandent combien ça coûte de monter un site comme celui-ci, voici la transparence complète :

Poste	Outil utilisé	Coût annuel
Nom de domaine	Namecheap (mhd-btp.com)	6,99 USD soit ~4 200 FCFA
Hébergement	Vercel (plan Hobby gratuit)	0 FCFA
Email pro	ImprovMX (forwarder gratuit)	0 FCFA
Formulaire contact	FormSubmit (gratuit)	0 FCFA
Gestion de version	GitHub (repo privé gratuit)	0 FCFA
Framework	Astro 5 (open source)	0 FCFA
Style	Tailwind CSS 4 (open source)	0 FCFA
Total		~4 200 FCFA / an

Pas d’agence, pas d’abonnement WordPress mensuel, pas d’extension premium. Le seul investissement est le temps d’apprentissage : Git, Markdown, HTML/CSS de base, dashboard Vercel. Ce temps, je l’ai investi en parallèle de mes formations Autodesk et IA. Il est rentabilisé à chaque nouvelle modification puisque je publie moi-même sans intermédiaire.

8. Ce qui reste à faire

Une refonte n’est jamais terminée. Les prochaines étapes prévues :

• Audit visuel page par page sur les pages secondaires (calculateurs, blog, galerie, devis, services, mentions légales, page 404) pour traquer les incohérences de charte après la bascule de palette.
• Refresh de l’image Open Graph (vignette qui s’affiche quand le site est partagé sur LinkedIn ou WhatsApp), encore dans l’ancienne charte anthracite et or.
• Cinq brochures supplémentaires par projet, après réception des photos de chantier de mes archives.
• Article blog dédié calculateurs avec démonstration vidéo intégrée.

Conclusion : un site n’est pas un projet, c’est un outil de travail

La vraie leçon de cette refonte : un site n’est jamais “fini”. C’est un outil qui évolue au rythme de l’activité. Le rôle d’un consultant BTP n’est pas de devenir webmaster, c’est de savoir piloter son support de communication comme il pilote un chantier : avec une vision claire, des arbitrages tranchés, et un suivi régulier.

Si vous êtes technicien BTP en Côte d’Ivoire et que vous hésitez à mettre votre activité en ligne : commencez petit, choisissez une charte qui vous ressemble, montrez vos vrais chantiers. Le reste suit.

Pour un échange sur votre projet ou une mission de consulting (plans, devis estimatif, suivi de chantier), le formulaire de contact est ouvert.