Parlons de votre projet
Parlons de votre projet
Étude de cas · Bureau de conseil en génie climatique

Les maquettes étaient prêtes. Restait à les rendre vivantes.

Pari Froid Solutions est un bureau de conseil indépendant qui réalise des études de faisabilité de pompe à chaleur réversible pour les copropriétés parisiennes. La refonte a été menée à quatre mains : une agence de communication a conçu les maquettes avec son équipe design, nous avons préparé l’architecture et le référencement en amont, intégré les maquettes dans WordPress, signalé ce qui posait problème avant la mise en ligne — puis nous hébergeons et maintenons le site.

Échange offert · 30 minutes en visio · Créneau au choix

Design : agence partenaireArchitecture, SEO, intégration, hébergement, maintenance
pari-froid-solutions.fr
Page d'accueil du nouveau site de Pari Froid Solutions, bureau de conseil en pompe à chaleur pour copropriétés
Le cadre

Deux métiers, un seul site.

Une agence de communication sait construire une marque, choisir une direction artistique et dessiner des écrans. Elle ne passe pas ses journées dans un gabarit WordPress, dans un sitemap ou dans un rapport de positions. C’est exactement la frontière sur laquelle nous intervenons — et ce partage des rôles a été posé avant la première maquette.

Ce que fait l’agence de com’

La marque, la direction artistique, la ligne éditoriale et les maquettes de chaque écran, produites en interne par son équipe design. C’est elle qui tient la cohérence visuelle du projet, ici comme sur les autres supports du client.

Ce que nous faisons

L’arborescence, le plan de mots-clés, l’intégration des maquettes dans WordPress, le balisage, les formulaires, l’hébergement et la maintenance. Autrement dit : tout ce qui transforme une image en site qui fonctionne et qui se trouve.

Ce que personne ne fait à la place de l’autre

Le garde-fou. Quand une maquette crée un problème d’accessibilité, de conversion ou de référencement, il faut quelqu’un pour le dire avant l’intégration, pas après la mise en ligne. C’est une part du contrat, pas une critique du travail de l’autre.

Vous êtes une agence et cherchez un partenaire technique ? Parlons-en.

Réserver un échange de 30 minutes →
Le point de départ

Un site vitrine posé sur un constructeur en ligne.

Avant la refonte, parifroid.fr tournait sur un constructeur de sites clés en main. Sept pages, aucun formulaire, et un référencement laissé aux réglages par défaut : la page d’accueil s’intitulait « Accueil » et n’avait pas de description.

Ancienne page d'accueil de Pari Froid
Avant · accueil

474 mots, un seul intertitre

La page d’accueil tenait en 474 mots et un seul titre de niveau 2. Ses six images n’avaient aucun texte alternatif, et la page ne déclarait ni description, ni balise de partage.

Ancienne page Services de Pari Froid
Avant · services

La page qui vend, sans titre ni formulaire

La page de l’offre principale n’avait pas de titre principal, pas de description, et aucun moyen de demander une étude : une liste à puces, une photo, et un lien vers la page contact.

7pages déclarées dans l’ancien sitemapdont une boutique restée du gabarit d’origine
9fiches produit de démonstration indexables/boutique/SAMPLE-…
1seule page portait une méta-description18 caractères
Glissez la poignée pour comparer
Avant / après

Le même métier, enfin raconté.

À gauche l’ancien site, à droite celui qui part en ligne. L’activité n’a pas changé : ce sont la promesse, la hiérarchie et le chemin vers la demande d’étude qui ont été refaits.

Nouvelle page d'accueil de Pari Froid Solutions Ancienne page d'accueil de Pari Froid AvantAprès
Les deux premiers écrans de la page d’accueil. Le logo et les couleurs de la marque sont conservés : ce qui change, c’est l’ordre de lecture. Une question posée en grand, une promesse en trois lignes, un bouton unique — puis l’approche du bureau d’études juste en dessous.
Notre rôle

Rendre vivantes des images fixes.

Une maquette montre un état. Un site en a dix : le formulaire vide, le formulaire en erreur, le menu déplié sur mobile, le titre deux fois trop long, l’article sans image. Intégrer, c’est décider de tous ceux que la maquette ne montre pas.

Intégrer sans trahir

Les maquettes ont été reproduites dans WordPress en HTML et CSS propres au site, sans constructeur de page. Le rendu reste fidèle, et le site est plus léger à charger et plus simple à faire évoluer.

Préparer le référencement avant de dessiner

L’arborescence, les intentions de recherche et le plan de contenu ont été établis en amont. Les maquettes sont ensuite venues habiller une structure déjà pensée pour être trouvée, pas l’inverse.

Conseiller sur l’architecture

Cinq pages, un blog rangé en trois catégories, et une page pilier dédiée à la requête qui compte : la pompe à chaleur en copropriété. Chaque page a une raison d’exister et une place dans le maillage.

Poser les questions de conversion

Où se trouve le premier bouton ? Que demande le formulaire ? Que voit-on sans faire défiler ? Ces arbitrages se discutent pendant les maquettes, quand ils coûtent encore une modification et pas une refonte.

Mettre le frein quand il faut

Chaque écran a été relu avant intégration : titre principal manquant, titre de page trop long pour l’affichage Google, images sans texte alternatif, pages légales à recréer. La liste est remontée avant la bascule, pas découverte après.

Héberger et maintenir

Le site part sur notre hébergement. Mises à jour, sauvegardes et surveillance suivent : l’agence garde la main sur la marque, le client n’a qu’un interlocuteur quand quelque chose ne va pas.

Formulaire de demande d'étude du nouveau site Pari Froid Solutions
Après · demande d’étude

Six champs, et un piège à robots

Prénom, nom, téléphone, e-mail, adresse du projet, description : cinq champs obligatoires, un facultatif. Le formulaire est présent sur trois pages et comporte un champ invisible qui n’attrape que les robots — l’ancien site n’avait aucun formulaire.

Page pilier PAC copropriété du nouveau site
Après · page pilier

Une page pour la requête qui compte

La pompe à chaleur en copropriété méritait sa page, pas un paragraphe sur l’accueil. Elle porte le sujet en entier : ce que c’est, pourquoi à Paris, quelles démarches, quelles aides, et un bouton d’étude à chaque étape.

Page blog du nouveau site, organisée en trois catégories
Après · blog

Trois catégories dès le premier article

PAC en copropriété, comparatifs et questions techniques, réglementations et financement. Les catégories ont été définies avant d’écrire : c’est ce qui évite le blog fourre-tout où plus rien ne se relie au bout de vingt articles.

Bloc des aides financières avec liens vers les sources officielles
Après · réassurance

Cinq aides, cinq sources officielles

MaPrimeRénov’ Copropriété, CEE, éco-PTZ collectif, aides locales, TVA réduite : chaque dispositif renvoie vers le site public qui en fixe les règles. C’est ce qui rend une page citable plutôt que simplement affirmative.

Page par page

La page qui vend, avant et après.

La page Services garde son adresse — c’est son contenu et son rôle qui changent. Elle passe d’une liste de prestations à une page d’offre avec sa promesse, son déroulé en trois volets et son formulaire.

Glissez la poignée pour comparer
Nouvelle page Services de Pari Froid Solutions Ancienne page Services de Pari Froid AvantAprès
/services/ — même adresse, autre page. À gauche, un titre interne qui ne dit pas ce qu’on achète ; à droite, la promesse, le bénéfice, un bouton, puis le détail de l’étude en trois volets et son formulaire en bas de page.
Contenu de la page pilier en trois colonnes
Après · page pilier

Le fond, pas seulement la forme

Fonctionnement de l’équipement, contexte parisien, démarches à suivre : trois colonnes de contenu de fond, illustrées par des schémas plutôt que par des photos de banque d’images.

Bloc FAQ du nouveau site avec six questions en accordéon
Après · FAQ

Les six objections, écrites

Le bruit, l’autorisation en copropriété, le coût, l’esthétique haussmannienne, l’impact climatique, la canicule. Les questions qui reviennent en rendez-vous sont traitées sur le site, avec des ordres de grandeur chiffrés.

Le SEO en amont

Le référencement se joue avant la première maquette.

C’est la partie invisible du projet, et celle qui se rattrape le plus mal. Quand l’arborescence est figée par les maquettes, ajouter une page pilier ou réorganiser un blog revient à redessiner — donc à repayer.

Décider de l’arborescence, puis dessiner

Cinq pages, un blog en trois catégories, une page pilier : la carte du site a été arrêtée avant que l’agence ne dessine les écrans. Chaque maquette correspond ensuite à un gabarit réel et à une intention de recherche identifiée.

Conserver les chemins, même en changeant de domaine

Le site part sur une nouvelle adresse. Les chemins des quatre pages qui comptent — l’accueil, les services, la page à propos et le contact — sont repris à l’identique : chaque ancienne URL a donc un équivalent exact vers lequel être redirigée. C’est ce qui évite de repartir de zéro sur des pages qui avaient déjà un historique.

Sortir proprement l’héritage du constructeur

L’ancien gabarit avait laissé une boutique et neuf fiches produit de démonstration dans le sitemap. Elles disparaissent avec la refonte : leur sort doit être décidé le jour de la bascule, pas constaté trois mois plus tard dans la Search Console.

Écrire des titres et des descriptions, page par page

Chacune des six pages du nouveau site a son titre et sa méta-description rédigés — l’ancien site n’en comptait qu’une seule, longue de dix-huit caractères. C’est le travail le moins spectaculaire d’une refonte, et celui qui se voit le plus vite dans les résultats.

Baliser pour les moteurs et pour les IA

Fiche d’organisation et site web déclarés en données structurées, balise canonique, métadonnées de partage sur chaque page. L’ancien site n’avait aucune balise de partage : les liens envoyés par e-mail ou sur les réseaux sortaient nus. C’est aussi ce qui rend un site lisible par les assistants IA.

Sourcer ce qui est affirmé

Les cinq dispositifs d’aide cités renvoient vers les sites publics qui les définissent. Sur un sujet où les montants changent chaque année, citer la source vaut mieux que recopier un chiffre qui sera faux dans six mois.

7adresses de l’ancien sitemap testées une par une avant la bascule6 pages + 1 boutique
4chemins repris à l’identique sur le nouveau domaine/ · /services/ · /a-propos-de-nous/ · /contact/
3à traiter le jour de la mise en ligne, liste à l’appuiboutique et pages légales
Les chiffres

Ce qui se mesure des deux côtés.

Relevés le même jour, dans le même navigateur, sur l’ancien site et sur la version qui part en ligne. Rien n’est estimé.

0% de contenu en plus sur l’accueil474 → 865 mots
0intertitres sur l’accueil, contre 1une page qui se parcourt
0champs dans le formulaire d’étudeaucun formulaire auparavant
0adresses conservées à l’identiquesur les 7 de l’ancien sitemap
MesureAncien siteNouveau site
Titre de la page d’accueil« Accueil » (7 caractères)90 caractères
Méta-description sur l’accueilabsente147 caractères
Pages portant une méta-description1 sur 76 sur 6
Intertitres sur la page d’accueil1 h2, 2 h37 h2, 9 h3
Mots sur la page d’accueil474865
Images sans texte alternatif sur l’accueil6 sur 64 sur 15
Balises de partage (Open Graph)06
Blocs de données structurées12
Formulaire de demande d’étudeaucun6 champs, sur 3 pages
Articles de blog05, en 3 catégories
Liens vers des sources officielles05
Fiches de démonstration indexables90

Relevés le 25 septembre 2026 sur les deux versions, via les outils du navigateur et les sitemaps publiés. Le titre de la page d’accueil reste long : c’est l’un des points remontés avant la bascule, avec l’alternative textuelle des quatre images de l’accueil.

Pour votre projet

Ce que ce duo dit du vôtre.

Le secteur est particulier, la répartition ne l’est pas. Quatre principes s’appliquent à tout projet où le design et la technique ne sont pas dans la même équipe.

Principe 1

Une maquette n’est pas un site

Elle montre un état parfait : le bon texte, la bonne longueur, la bonne image. Le site doit tenir avec un titre deux fois plus long, un formulaire en erreur et un article sans visuel. Ces cas se décident à l’intégration.

Ce qui compte : prévoir les états que la maquette ne montre pas.

Principe 2

L’arborescence se décide avant les écrans

Une page pilier ajoutée après coup n’a plus de gabarit, plus de place dans le menu et plus de budget. Le plan du site doit précéder la première maquette, pas la commenter.

Ce qui compte : la carte d’abord, le dessin ensuite.

Principe 3

Le garde-fou fait partie du contrat

Dire qu’un écran pose un problème de conversion ou de référencement n’est pas un jugement esthétique. Encore faut-il que quelqu’un soit mandaté pour le dire, et assez tôt pour que la correction reste une retouche.

Ce qui compte : signaler avant, pas constater après.

Principe 4

Intégration, hébergement, maintenance : un seul interlocuteur

Quand ces trois métiers sont répartis sur trois prestataires, chaque incident commence par une enquête pour savoir qui doit le traiter. Les réunir raccourcit la chaîne et fixe la responsabilité.

Ce qui compte : un seul numéro quand ça coince.

Des maquettes prêtes et personne pour les intégrer proprement ?

Réserver un échange de 30 minutes →
Questions fréquentes

Les questions posées avant chaque intégration.

Peut-on vous confier uniquement l’intégration WordPress de nos maquettes ?+

Oui, c’est exactement le cadre de ce projet. L’agence garde la marque, la direction artistique et la relation client ; nous prenons l’arborescence, le référencement, l’intégration et l’infrastructure. Le client bénéficie des deux métiers sans avoir à arbitrer entre eux.

Que se passe-t-il si une maquette pose un problème de conversion ou de SEO ?+

Nous le signalons avant d’intégrer, avec la raison et une proposition. La décision revient à l’agence et au client : notre rôle est de faire en sorte que le choix soit éclairé, pas de l’imposer. Sur cette refonte, cela a donné une liste de points corrigés avant la mise en ligne.

Utilisez-vous un constructeur de page comme Elementor ou Divi ?+

Non, sauf demande explicite. Les maquettes sont intégrées en HTML et CSS écrits pour le site, dans le thème. Le rendu est plus fidèle, la page plus légère, et le site ne dépend pas d’une extension dont la mise à jour peut casser la mise en page.

Le référencement peut-il vraiment se préparer avant les maquettes ?+

C’est même le seul bon moment. L’arborescence, les intentions de recherche et le plan de contenu déterminent quelles pages existent et ce qu’elles doivent dire. Après les maquettes, ajouter une page pilier ou réorganiser un blog revient à redessiner.

Qui garde la relation client quand vous travaillez avec une agence ?+

L’agence, dans ce type de montage. Nous intervenons en sous-traitance technique et SEO, avec ou sans contact direct selon ce qu’elle préfère. La seule exception est l’hébergement : quand le site tourne chez nous, il faut un chemin court pour les incidents.

L’hébergement et la maintenance sont-ils obligatoires ?+

Non. Ils sont simplement plus simples quand la même équipe a intégré le site : on connaît le thème, les gabarits et les dépendances. Sur ce projet, la mise en ligne, les mises à jour et les sauvegardes sont de notre côté.

30 minutes, en visio

Voyons ce que vos maquettes donneraient en ligne.

Choisissez directement votre créneau dans le calendrier.

  • Lecture de vos maquettes et de l’arborescence prévue
  • Les points de conversion et de SEO à trancher avant l’intégration
  • Confirmation immédiate par email
T
Tanguy, cofondateur de SEO DesignVotre interlocuteur, expert du référencement depuis plus de 15 ans

Ce contenu est fourni par Calendly, qui peut déposer des cookies sur votre navigateur.

Gérer mes cookies