Cinq problèmes qui n'en faisaient qu'un.
Avant d'ouvrir un logiciel de design, il a fallu comprendre pourquoi un site appartenant à l'un des premiers fabricants français d'abris de jardin ne convertissait pas, ne rassurait pas, et n'était pas trouvé sur Google.
La réponse n'était pas dans le code.
Elle était dans la stratégie.
Deux audiences aux besoins opposés, un seul site sans stratégie
Les particuliers cherchent à s'inspirer et à comprendre. Les revendeurs veulent accéder vite aux données techniques. Aucune architecture ne servait les deux.
Une image de marque inexistante en ligne
Design générique, sans cohérence visuelle. Le site ne transmettait ni les 25 ans d'expertise, ni la fabrication française, ni la profondeur d'une gamme de 350 références.
Une architecture illisible, des contenus sans valeur
Pages en double, liens cassés, navigation confuse. Les vraies questions des visiteurs (quelle surface avant permis ? quel matériau ?) restaient sans réponse.
Une invisibilité totale sur Google
Aucune optimisation SEO. Titres génériques, descriptions absentes, structure ignorée. Sur les requêtes à fort potentiel du secteur, le site n'existait pas.
Un site. Deux publics. Des attentes radicalement opposées.
C'est le défi central du projet, celui qui a conditionné toutes les décisions d'architecture, de navigation et de hiérarchie de contenu.
Habrita s'adresse simultanément à deux types d'utilisateurs qui ne cherchent pas la même chose et ne se comportent pas de la même façon sur un site web.
S'inspirer, comprendre, comparer. Ils ont des questions concrètes :
quelle taille pour mon jardin ? Ai-je besoin d'un permis ? Quel bois résiste le mieux ?
Ils ont besoin de pédagogie, de rassurance et d'un parcours qui les guide jusqu'à la décision.
Accéder vite et bien. Fiches techniques complètes, notices de montage, références précises.
Ils connaissent les produits, ce dont ils ont besoin, c'est d'efficacité, pas d'explication.
La réponse : une page contact à trois profils distincts
Plutôt qu'un formulaire unique qui tente de satisfaire tout le monde, la page contact présente trois entrées distinctes: Particulier, Professionnel, SAV, avec des formulaires et des adresses email dédiées à chacune.
Le visiteur se reconnaît immédiatement. C'est la même logique de double audience appliquée à un seul composant.
La question n'était pas "comment faire deux sites". C'était "comment faire un seul site où chaque visiteur a l'impression qu'il a été pensé pour lui".
N°1 en Bourgogne. Inconnu sur Google.
Habrita (by Foresta), c'est 25 ans d'existence, deux usines en propre, une fabrication française, 350 références. Une légitimité réelle, reconnue par les professionnels du secteur. Et pourtant, un particulier qui cherche un abri un samedi matin ne voyait rien de tout ça.
La réponse n'est pas dans une page "À propos". Elle est dans chaque détail de l'expérience : la couleur qui évoque la forêt, les chiffres mis en avant dans le hero, les essences de bois nommées et expliquées, la localisation assumée en Bourgogne, l'histoire du Groupe Foresta mise en scène dans la page À propos.
L'information était là. Personne ne la trouvait.
L'ancien site ne manquait pas de contenu. Il manquait d'organisation. Quatre pages quasi identiques traitaient les mêmes questions sur les matériaux. Les démarches administratives étaient réparties sur trois pages sans liens entre elles. Et les réponses aux questions les plus fréquentes n'existaient pas.
Un méga-menu pensé par usage, pas par catégorie produit
La navigation a été intégralement refaite. Le menu principal organise les 8 gammes produit en un dropdown lisible. Un méga-menu dédié aux services et conseils structure les 5 rubriques avec visuels et descriptions. Sur mobile, un offcanvas accordéon remplace la navigation desktop.
Abri bois — présentation · Abri métal — présentation · Abri résine — présentation · Choisir son abri (doublon) · Démarche permis 0–5 m² · Démarche permis 5–20 m² · Démarche permis +20 m²
Quel abri choisir ? — comparatif 3 matériaux, 9 critères, FAQ
Démarches administratives — 1 page, 3 paliers, outil JS interactif
Préparer son terrain — 6 sections, 4 fondations, checklist
Aide au montage — étapes HowTo, schema.org
Quatre axes de transformation
Chaque problème identifié appelait une réponse précise. La stratégie s'est construite autour de quatre axes complémentaires, de la charte graphique jusqu'aux données structurées pour les moteurs IA.
Une identité visuelle qui raconte avant qu'on lise.
La première tentation dans une refonte est de tout repenser. C'est souvent une erreur. Habrita avait une histoire, une expertise réelle, un ancrage en Bourgogne. Le travail n'était pas d'inventer une marque, c'était de rendre visible ce qui existait déjà, dans un langage que le grand public comprend et ressent immédiatement.
Chaque couleur a une raison d'être
Charte Habrita 2025–2026 — Palette & principes
Police unique : Asap, sans-serif
Lisibilité maximale · Chargement rapide · Hiérarchie : H1 weight 300 · H2 sections 600 · H3 composants 700
WCAG AAA — l'accessibilité comme signal de sérieux
Tous les contrastes ont été calculés et validés au niveau AAA des normes WCAG 2.1. Le vert principal atteint un ratio de 7,65:1 sur fond blanc. Les zones de clic sont toutes à 44px minimum. La navigation au clavier est complète, les états de focus visibles sur chaque élément interactif. Un site accessible dit quelque chose sur la marque qui l'a commandé : elle fait attention aux détails.
Des mots qui font le travail du vendeur.
Réécrire les titres, les descriptions, les pages guides et les sous-titres de navigation a été l'un des chantiers les plus structurants. Le copywriting n'est pas une couche décorative appliquée sur un design fini. C'est la colonne vertébrale de toute la stratégie de communication.
La règle : aspiration d'abord, technique ensuite
Bienvenue sur Habrita.com
Découvrez notre catalogue d'abris de jardin
"Votre jardin, tel que vous l'avez imaginé"
"L'abri qui protège vraiment"
"350 références, un seul fabricant"
La structure narrative des pages guides
Chaque page de conseil suit la même logique qu'un bon vendeur : d'abord reformuler la question du visiteur, donner la réponse directe, expliquer pourquoi, proposer l'étape suivante. C'est cette structure qui génère à la fois la satisfaction du visiteur et le signal de qualité reconnu par Google.
Le copywriting d'un site vitrine n'est pas de la décoration textuelle. C'est l'argument commercial mis en forme pour être lu en 8 secondes, compris en 30 et mémorisé en 3 minutes.
Être visible là où se forment les décisions d'achat.
La stratégie de visibilité digitale a été intégrée dès la conception et non pas ajoutée en post-production. Trois niveaux ont été travaillés simultanément, dans la structure même des pages.
SEO — Les fondamentaux bien posés
Un H1 unique par page, hiérarchie Hn cohérente, balises title sous 60 caractères, meta descriptions formulées comme des arguments commerciaux, fil d'Ariane sur toutes les pages, maillage interne structuré autour du parcours d'achat.
AEO: 48 questions-réponses pour capter les extraits enrichis
48 questions-réponses ont été rédigées et intégrées sur 8 pages avec des données schema.org FAQPage. Chaque réponse tient en moins de 50 mots, dans le vocabulaire exact utilisé par les internautes. Objectif : les encadrés "Position 0" de Google, sans clic.
GEO: Être cité par l'intelligence artificielle
Cinq types de données structurées schema.org ont été intégrés : FAQPage, HowTo, Organization, Service, BreadcrumbList. Le contenu est rédigé pour satisfaire deux types de lecteurs simultanément, humain et algorithmique, sans jamais sacrifier l'un à l'autre.
Un texte bien écrit pour un visiteur humain est, presque mécaniquement, un bon texte pour Google. Et en 2026, il commence aussi à être un bon texte pour les moteurs IA. Ce ne sont pas trois exigences différentes mais bien la même décision, prise au bon niveau.
Onze pages. Un seul fil conducteur.
La refonte a produit 11 pages pensées comme les étapes d'un parcours, pas comme une liste de rubriques indépendantes. Chaque page répond à une question précise que se pose un visiteur à un moment précis de son chemin vers l'achat.
La fiche produit : un équilibre entre vitrine et catalogue technique
La fiche produit devait satisfaire deux types de lecteurs simultanément. Le particulier qui veut comprendre ce qu'il achète. Le professionnel qui cherche une référence précise, une dimension, une essence de bois. La solution : une hiérarchie claire: nom du produit, description bénéfice client, puis tableau de données techniques en accès scroll.
Les CGV : du texte brut au document lisible
Les conditions générales de vente sont souvent la page la plus négligée d'un site. Sur Habrita, elles ont été entièrement restructurées : une table des matières sticky de 14 articles avec ancres, des callouts visuels pour les passages critiques, une mise en page claire qui transforme un document juridique en page de confiance.
Un site qui travaille autant que les équipes Habrita.
Au-delà des fichiers livrés, voici les transformations tangibles produites par la refonte.
Celles qu'un visiteur ressent dès la première visite, et celles qui produiront des effets durables sur la visibilité et la conversion.
Les trois leçons du projet
Deux audiences, ça ne veut pas dire deux sites
Ça veut dire une architecture pensée par intention. Quand on part des questions que se posent les visiteurs, les deux publics trouvent leur chemin naturellement, sans friction visible.
Le contenu guide est un investissement, pas une dépense
Les 11 pages rédigées répondent aux questions que les clients posaient par email ou téléphone. Moins de friction avant l'achat, moins de SAV après. Une base qui génère du trafic organique pendant des années.
Le SEO et le copywriting sont le même travail
Un texte qui répond clairement à une vraie question est à la fois bon pour l'utilisateur, bon pour Google, et une bonne source pour les moteurs IA. On ne choisit pas entre les deux.
Ce projet n'était pas un projet de design. C'était un projet de traduction. Traduire 25 ans d'expertise en confiance perceptible dès la première seconde. Traduire deux audiences aux besoins opposés en un seul site qui les sert toutes les deux.
Votre marque a peut-être le même défi.
Une expertise réelle, une offre solide, et un écart inexpliqué entre ce que vous valez et ce que votre site communique. C'est précisément ce type de projet que j'accompagne.
Lancer mon projet OsmosRetour aux réalisations
