Étude de cas : site WordPress pour un cabinet d’ingénierie

Introduction

Pour ouvrir la série des études de cas du blog WPGraphik, j’ai choisi un projet récent et particulièrement représentatif de mon approche. Il s’agit de la création complète du site WordPress de Gc2i — Gaudin Conseil Ingénierie Immobilière, un cabinet d’ingénierie du bâtiment basé en Haute-Savoie et intervenant sur l’ensemble du territoire national.

Ce projet mérite d’être détaillé pour deux raisons. Il illustre plusieurs choix méthodologiques et créatifs qui font la différence quand il s’agit de crédibiliser une expertise technique exigeante. De plus, il démontre, chiffres officiels Google à l’appui, ce qu’un site WordPress correctement conçu peut atteindre en matière de performance.

Le client et son contexte

Gc2i est un cabinet spécialisé dans la maîtrise d’œuvre, l’assistance à maîtrise d’ouvrage, l’audit technique et la conformité réglementaire des Établissements Recevant du Public (ERP) et des bâtiments professionnels. Le cabinet intervient pour le compte de maîtres d’ouvrage publics et privés, sur des projets de construction, d’extension et de remodeling, souvent en site occupé.

Au moment de la prise de contact, l’entreprise était en phase de croissance. Son activité avait pris suffisamment d’ampleur pour qu’une présence en ligne devienne stratégique. L’objectif était double : ne plus dépendre uniquement du bouche-à-oreille pour décrocher des projets de plus grande envergure, et donner aux prospects une vitrine à la hauteur de l’expertise du cabinet. Jusqu’alors, Gc2i n’avait aucune présence numérique structurée. C’était donc une création complète, sans héritage technique ni contraintes d’image préexistante.

Le contexte de la mission

Le projet est arrivé par une voie naturelle. Anaël Gaudin, dirigeant du cabinet, est un ancien client web pour qui j’avais déjà réalisé une prestation par le passé. Il m’a recontacté au moment de structurer cette nouvelle étape. Cette continuité de relation est un point que je veux souligner. En effet, elle est révélatrice de la façon dont je travaille. Mes missions ne sont presque jamais des prestations one-shot. Au contraire, elles s’inscrivent dans une relation suivie, où la confiance acquise sur un premier projet ouvre naturellement la porte aux suivants.

Cette préexistence d’une relation a permis un cadrage rapide. Le client savait déjà comment je travaillais, et je connaissais déjà ses exigences. Le périmètre a donc été défini en quelques échanges. Le projet a démarré sans la phase parfois longue de mise en confiance qu’imposent les premières collaborations.

Le défi du projet

L’enjeu principal était clair : crédibiliser une expertise technique pointue auprès d’une clientèle exigeante de maîtres d’ouvrage. Dans le secteur de l’ingénierie du bâtiment, les décisions d’attribution de mission se prennent sur la base de la confiance et de la perception du sérieux. Un site visuellement amateur peut suffire à disqualifier un cabinet techniquement irréprochable.

Mais au-delà de cet objectif global, un défi technique précis s’est imposé dès la phase de cadrage : structurer la présentation des réalisations. Pour un cabinet d’ingénierie, les réalisations passées sont la véritable preuve d’expertise. Il ne suffit pas de les lister. Il faut pouvoir les présenter avec leur contexte, leur typologie, l’intervention réalisée, les enjeux techniques rencontrés. De plus, le client doit pouvoir en ajouter facilement, sans intervention technique extérieure, à mesure que de nouveaux projets sont livrés.

Construire ce système de présentation a été le cœur du projet. C’est aussi ce qui structure aujourd’hui la valeur du site sur le long terme.

Le parti pris design : l’épure monochrome

Le client m’a laissé une liberté créative totale. C’est une situation rare et précieuse, mais aussi exigeante. Sans contraintes, c’est en effet au prestataire d’oser un parti pris fort et de le défendre.

Pourquoi le noir et blanc s’est imposé

Le choix s’est imposé rapidement : un traitement monochrome noir et blanc pour la dominante visuelle du site, ponctué d’un seul accent vert sapin profond comme couleur signature. Plusieurs raisons ont guidé cette décision.

D’abord, le noir et blanc évoque la rigueur. Dans un secteur où la précision technique et la conformité réglementaire sont au cœur du métier, il aurait été incohérent de partir sur un design coloré et chaleureux. L’épure monochrome porte un message implicite : ici, on ne joue pas, on construit avec sérieux.

Ensuite, le noir et blanc met en valeur le travail. Les bâtiments sont des objets qui ont leur propre richesse visuelle : matériaux, lumière, structure. Les présenter en noir et blanc concentre l’attention sur les lignes et les volumes. Aucune surcharge décorative ne vient parasiter le regard.

Enfin, le noir et blanc différencie. La majorité des sites du secteur de l’ingénierie utilisent des palettes colorées chargées, censées rassurer ou dynamiser. Faire le choix inverse permettait à Gc2i de se positionner immédiatement comme un acteur à part. Plus exigeant visuellement, donc plus crédible.

Le moment clé : le choix des photos

Le moment clé du projet a été le choix des photos d’illustration. Trouver un équilibre entre photos noir et blanc et photos couleur a demandé plusieurs allers-retours. Les photos en noir et blanc ancrent l’identité épurée sur la page d’accueil et les zones de présentation. Les photos couleur, elles, montrent les projets dans leur réalité sur les pages de réalisations.

Ce dosage n’est pas anodin. C’est lui qui donne au site son équilibre final entre identité forte et lisibilité opérationnelle.

Les choix techniques au service de la performance

Sur le plan technique, le site repose sur deux briques principales. Elles ont été choisies pour leur sobriété, leur durabilité et surtout leur performance.

Visual Portfolio pour les réalisations

Visual Portfolio structure l’ensemble du système de présentation des réalisations. Ce plugin a été retenu pour sa flexibilité de mise en page et sa capacité à filtrer les projets selon plusieurs critères. Son intégration native avec Gutenberg est également un atout. Chaque réalisation peut ainsi être documentée avec son contexte, ses photos, sa typologie d’intervention, et apparaître dans des grilles dynamiques sur la page dédiée. Surtout, ce plugin est connu pour sa légèreté et son code propre, contrairement à beaucoup de plugins de portfolio qui chargent des dizaines de fichiers à chaque page.

Spectra et Gutenberg natif pour le reste du site

Spectra et les blocs Gutenberg natifs assurent la construction du reste du site, sans constructeur de page lourd. Ce choix est un marqueur fort de mon approche professionnelle.

Recourir à un page builder comme Elementor ou Divi simplifie certains aspects du développement. Cependant, le coût caché est immense : code souvent alourdi par centaines de kilo-octets, dépendance à un outil propriétaire, performance dégradée jusqu’à la moitié du score possible, risques majeurs en cas d’évolution du plugin. À l’inverse, miser sur Gutenberg natif et sur des blocs additionnels légers comme Spectra garantit un site rapide, du code propre, et surtout une grande pérennité. Le client n’est pas pris en otage par un outil tiers. Il pourra faire évoluer son site dans dix ans sans avoir à le refaire intégralement.

Cette philosophie technique n’est pas la plus rapide à mettre en œuvre, mais c’est celle qui produit les meilleurs résultats mesurables.

La performance comme exigence non négociable

Voici le sujet qui me passionne le plus, et celui sur lequel je me distingue le plus nettement de la majorité des prestataires WordPress.

Un site WordPress, par défaut, n’est pas rapide. Il devient rapide grâce à des choix techniques précis et à une connaissance fine de l’outil. La plupart des sites WordPress que vous croisez en navigation affichent des scores de performance médiocres. La raison est simple : ils ont été construits sans cette exigence.

Les scores Google PageSpeed du site Gc2i

Pour ce projet, l’analyse Google PageSpeed Insights officielle, réalisée à la livraison, donne les résultats suivants.

Sur ordinateur (desktop)

Sur mobile

Les Core Web Vitals au vert

Les Core Web Vitals sont les métriques officiellement utilisées par Google pour le classement. Pour ce projet, elles sont également au vert :

• Largest Contentful Paint (LCP) : 1,1 seconde sur desktop (le seuil Google « bon » est inférieur à 2,5 s)
• First Contentful Paint (FCP) : 0,8 seconde sur desktop (excellent)
• Cumulative Layout Shift (CLS) : 0,003 sur desktop, 0,001 sur mobile (le seuil « bon » est inférieur à 0,1)
• Total Blocking Time : 170 ms sur desktop, 0 ms sur mobile

Ces chiffres ne sont pas anecdotiques. Trois scores parfaits à 100/100, des Core Web Vitals au vert : c’est le niveau d’excellence technique qu’un site WordPress doit viser. La grande majorité des sites n’y parviennent jamais.

Pourquoi ces résultats ne sont pas le fruit du hasard

Ces résultats sont la conséquence directe de chacun des choix décrits plus haut. Pas de constructeur de page lourd, plugins choisis pour leur sobriété, blocs Gutenberg natifs autant que possible, optimisation des images en amont, structure de code propre. Il n’y a pas de magie technique. Juste une discipline rigoureuse et une connaissance approfondie de l’écosystème WordPress, acquise au fil des années et formalisée par ma certification professionnelle.

Ce que ces scores changent pour Gc2i

Pour le client, ces scores ne sont pas qu’un trophée technique. Ils ont des conséquences directes :

• Meilleur référencement Google, car la performance est un critère officiel de classement
• Taux de rebond réduit, car les visiteurs ne quittent pas le site frustrés par des temps de chargement
• Image professionnelle renforcée, car la fluidité de navigation traduit le sérieux du cabinet
• Pérennité technique, car un site sobre et bien construit vieillit mieux qu’un site empilé de fonctionnalités

Une prestation web et design intégrée

La prestation a couvert l’intégralité du projet web et design. Concrètement : conception du design du site, création WordPress complète, intégration du logo et des codes graphiques existants, rédaction des contenus, sourcing et traitement photographique, optimisation SEO de base.

Ce format intégré, avec un interlocuteur unique sur l’ensemble du périmètre, présente plusieurs avantages décisifs sur des prestations en silo.

D’abord, la cohérence est garantie. Quand design web et contenus sont pensés par la même personne, il n’y a aucune zone grise entre prestataires. Les choix typographiques, chromatiques et iconographiques se répondent naturellement. Ils sont nés d’une vision unique.

Ensuite, le client n’a qu’un seul contact. Plutôt que de devoir coordonner un designer, un développeur, un rédacteur et un photographe, il dialogue avec une seule personne qui orchestre l’ensemble. Le gain de temps et de simplicité est considérable, surtout pour un dirigeant qui n’a ni le temps ni l’envie de gérer plusieurs prestataires.

Enfin, la vision est globale. Chaque décision est prise en considérant ses implications sur l’ensemble du projet. Un choix typographique tient compte de son impact à l’écran. Un parti pris photo tient compte de son rendu en page d’accueil et en page réalisation. Une formulation de contenu tient compte du SEO autant que de l’image de marque.

Un délai resserré tenu sans compromis

Le projet a été livré en moins de deux mois, périmètre complet inclus. Pour un projet de cette envergure et avec ce niveau d’exigence technique, c’est un délai resserré. Il n’a été possible qu’à trois conditions.

D’abord, la confiance préexistante du client a permis un cadrage initial rapide. La phase d’ajustement qui ralentit habituellement les premiers projets a pu être évitée.

Ensuite, la liberté créative laissée a évité les allers-retours de validation sur des choix non assumés. Anaël Gaudin a fait le choix politique, en début de projet, de me déléguer la direction artistique et stratégique. Cela ne veut pas dire qu’il a tout accepté sans réfléchir. En revanche, chaque arbitrage a été tranché vite, sur la base d’arguments précis, plutôt que noyé dans des comités de validation.

Enfin, la méthode de travail éprouvée a fait le reste. Cadrage par étapes claires, validations agiles à chaque livrable, anticipation des besoins techniques en amont pour éviter les blocages.

Ce qu’il faut retenir

Au-delà du cas particulier de Gc2i, ce projet illustre quelques principes que je tiens à mettre en avant.

La performance n’est pas une option, c’est un livrable. Un site WordPress qui ne plafonne pas à des scores PageSpeed médiocres n’existe pas par hasard. C’est le résultat de choix techniques précis et d’une discipline méthodologique. C’est ce qui distingue un site bricolé d’un site professionnel, et c’est mesurable objectivement.

Oser un parti pris design fort, surtout dans un secteur qui n’en a pas l’habitude. Le confort consiste à ressembler aux concurrents pour ne déranger personne. La crédibilité consiste à se distinguer pour être reconnu. Dans le secteur de l’ingénierie comme dans beaucoup d’autres, un visuel qui sort de la moyenne est un atout commercial réel.

Structurer correctement les briques de contenu évolutives. Un site qui présente des réalisations doit être pensé dès le départ comme un système, pas comme une collection de pages statiques. Le client doit pouvoir l’enrichir lui-même, sans dépendre d’un prestataire technique pour chaque ajout.

Privilégier les solutions natives et sobres. Préférer Gutenberg et des blocs légers à un page builder lourd, c’est faire le choix de la performance et de la pérennité contre la facilité de court terme. C’est un investissement qui paie sur la durée de vie du site.

Travailler en prestation intégrée avec un interlocuteur unique. L’intégration des compétences design et techniques dans une même prestation n’est pas qu’un confort pour le client. C’est aussi ce qui produit les sites les plus cohérents, les plus performants et les plus efficaces.

Vous pouvez découvrir le résultat final sur gc2i.fr. Et si vous avez un projet de site WordPress pour votre activité professionnelle, et si vous attendez un niveau d’exigence technique au moins équivalent à celui présenté ici, je serais ravi d’en discuter avec vous. Découvrez mon approche complète sur ma page Création de site web.