Les trois couches du problème
Avant de toucher au design, il a fallu comprendre pourquoi un site qui existait depuis deux ans n'avait pas généré un seul euro. La réponse n'était pas dans le code. Elle était dans la stratégie, ou plutôt dans son absence.
Un site pensé par un fabricant, pas par un acheteur
Fiches techniques sans bénéfice client, zéro tunnel de conversion, aucun signal de confiance visible.
Une marque B2B invisible du grand public
25 ans d'expertise capturée par le circuit de distribution. Le client achetait chez Leroy Merlin, pas chez Foresta.
Une réputation héritée d'un réseau tiers
Score Trustpilot de 2,8/5. Majoritairement des avis sur le SAV des revendeurs, pas sur le produit.
Une légitimité réelle mais non démontrée
N°1 en France pour un public professionnel. Inconnu du particulier qui cherche un abri un samedi matin.
Un site pensé par un fabricant. Pas par un acheteur.
Le premier audit était sans appel. Le site existait techniquement. Il avait des pages, des fiches produits, un panier. Mais chaque décision de design avait été prise du point de vue de celui qui fabrique, pas de celui qui achète.
Les titres de produits ressemblaient à des références de catalogue professionnel. Aucune phrase ne répondait à la vraie question d'un particulier : est-ce que ce produit va résoudre mon problème ?
Ce que révèle un titre de produit sur une stratégie entière
Un titre de produit, c'est la première décision de design. Pas graphique : stratégique. Il détermine si l'utilisateur reste ou repart. Il conditionne le référencement naturel. Il dit à Google et aux moteurs IA de quoi parle la page, et pour qui.
"Abri DANUBE Douglas 28mm monopente bac acier" est une réponse à une question que personne ne pose sur Google. Les particuliers cherchent "abri de jardin en bois solide", "carport pour camping-car", "pergola terrasse sans permis". Ils cherchent une solution à une situation concrète, pas une référence fabricant.
Abri DANUBE Douglas 28mm monopente bac acier 3030
Protégez ce qui compte, avec du bois qui dure.
Zéro tunnel de conversion
Un site e-commerce n'est pas une vitrine. C'est un vendeur. Et comme tout bon vendeur, il doit guider : de la découverte à la décision, en levant les doutes au bon moment.
Le site d'origine n'avait pas de tunnel. Les pages catégories listaient des produits sans les contextualiser. Les fiches produits donnaient des dimensions, des poids, des matériaux. Mais elles ne répondaient pas aux vraies questions d'un acheteur face à un produit à 2 000, 3 000 ou 5 000€ : est-ce que je peux me fier à cette marque ? Est-ce que je vais y arriver seul ? Que se passe-t-il si j'ai un problème après livraison ?
Foresta était N°1 en France. Personne ne le savait.
Voilà le paradoxe central du projet. Foresta est le premier fabricant français de construction légère en bois. 25 ans d'existence, des centaines de références, des milliers de structures installées partout en France. Une légitimité réelle, construite dans le temps.
Mais cette légitimité existait dans un monde parallèle : celui des professionnels, des revendeurs, des distributeurs. Dans l'esprit d'un particulier qui cherche un abri de jardin un samedi matin, Foresta n'existait pas.
Le modèle de distribution comme angle mort
Pendant 25 ans, Foresta a vendu via un réseau de distributeurs. Ce modèle fonctionne. Il a fait croître l'entreprise. Mais il crée un effet pervers difficile à corriger : c'est le distributeur qui capte la relation client.
Le client entre chez Leroy Merlin, voit un abri, l'achète. Il repart avec un produit Foresta mais une expérience Leroy Merlin. Si la livraison se passe mal, si une pièce manque, si le SAV est lent — c'est la marque fabricant qui prend l'impact, pas l'enseigne. C'est elle qui récolte l'avis négatif sur Trustpilot.
Passer au B2C, c'est reconstruire une relation de zéro
Vouloir vendre directement aux particuliers est une décision stratégique courageuse. Elle implique de répondre à une question que le modèle B2B n'a jamais eu à se poser : pourquoi un inconnu me ferait-il confiance pour une commande de 3 000€, livraison en plusieurs semaines, montage à sa charge ?
C'est là que commence le vrai travail de design. Pas graphique. Stratégique.
La question n'était pas "comment vendre Foresta". C'était "comment faire en sorte qu'un inconnu, en 3 minutes de navigation, décide qu'il peut nous faire confiance pour 3 000€ et plusieurs semaines d'attente".
2,8 sur 5. Ce que les avis disent et ce qu'ils ne disent pas.
Au démarrage du projet, le score Trustpilot de Foresta était de 2,8 sur 5. Pour un site e-commerce B2C, c'est un frein direct à la conversion. En dessous de 4 étoiles, une part significative des visiteurs quitte une page produit sans acheter.
Mais l'analyse des avis révélait quelque chose d'important : la grande majorité des commentaires négatifs ne concernaient pas le produit. Ils concernaient le SAV des revendeurs. Des délais annoncés par des distributeurs tiers. Des interlocuteurs injoignables dans des circuits où Foresta n'était pas en contact direct avec l'acheteur final.
Le paradoxe de la réputation héritée
Foresta fabriquait un bon produit. Les clients qui avaient eu accès à un service direct exprimaient une satisfaction réelle. Mais en B2C, ce qui compte, c'est la perception avant l'achat. Et la perception, c'est ce que Google affiche quand quelqu'un tape "Foresta avis".
La marque portait la réputation de son réseau de distribution, sans avoir eu les moyens de la contrôler. Ce problème ne se résout pas avec du design. Il se résout avec une stratégie de relation client directe, des réponses publiques aux avis, et la construction d'une nouvelle masse d'avis issus de ventes directes.
Être expert ne suffit pas. Il faut que ça se voie.
Une marque B2B qui passe au B2C fait souvent la même erreur : elle pense que ses 25 ans d'expertise parlent d'eux-mêmes. Ils ne parlent pas. Ils doivent être traduits, mis en scène, rendus tangibles pour quelqu'un qui découvre la marque pour la première fois.
Ce que cherche vraiment un acheteur de structure bois
Les requêtes qui amènent du trafic qualifié sur ce type de produit sont rarement techniques. Elles sont situationnelles et émotionnelles : "comment abriter ma voiture sans permis de construire", "quel abri de jardin pour un budget de 2000€", "carport bois résistant à la neige".
Répondre à ces questions sur les pages catégories, dans les fiches produits, dans une FAQ structurée, c'est à la fois du SEO, de l'AEO pour les moteurs IA comme ChatGPT ou Perplexity, et du design de contenu centré utilisateur.
Ce ne sont pas trois choses différentes. C'est la même décision, prise au bon niveau.
Quatre axes de transformation
Chaque problème identifié appelait une réponse distincte. La stratégie de refonte s'est construite autour de quatre axes complémentaires, de la charte graphique jusqu'à l'architecture du tunnel de vente.
Repositionner la marque sans la réinventer.
La première tentation dans une refonte de ce type est de tout effacer et de repartir de zéro. C'est une erreur. Foresta avait 25 ans d'histoire, une expertise technique réelle, une fabrication française, une certification PEFC. Ce sont des actifs rares dans un marché où beaucoup de concurrents importent et revendent.
Le travail n'était pas d'inventer une marque. C'était de traduire ce qui existait déjà en un langage que le grand public comprend et ressent.
Charte Foresta 2026 : chaque couleur a une raison d'être
Charte Foresta 2026
Charte Foresta 2026 — Palette complète
Tous les ratios sont calculés sur fond blanc (#FFFFFF) · WCAG 2.1
Le vert foncé est la couleur dominante. C'est un vert profond qui évoque la forêt dense, la durabilité, la solidité. Il installe immédiatement un sentiment de sérieux et de nature authentique sans jamais tomber dans le cliché du logo bio. L'or est utilisé en accent : il dit artisanat, savoir-faire, matière naturelle travaillée. Le crème est la couleur de fond : il rappelle le papier craft, la matière brute, le bois brut.
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. Sur fond crème, le vert foncé affiche un ratio de 12,6:1. L'or atteint 7,2:1. Un site qui respecte les normes d'accessibilité les plus exigeantes dit implicitement quelque chose sur la marque qui l'a commandé : elle fait attention aux détails. Elle fait les choses bien, même quand personne ne le voit.
Design System Foresta 2026 — Composants
Typographie
Votre jardin mérite mieux.
H1 — Serif, 22px, vert foncé
Abris de Jardin et Rangement
H2 — Sans, 16px, vert foncé
Le savoir-faire traditionnel du bois pour protéger vos équipements.
Body — 13px, gris secondaire
Boutons
Badges essences
Card produit
Du produit au bénéfice. La décision la plus importante du projet.
Réécrire les titres et les textes du site a été le chantier le plus long et le plus impactant. Le copywriting n'est pas une couche décorative qu'on applique sur un design fini. C'est la colonne vertébrale de toute la stratégie de conversion.
La méthode : aspiration d'abord, technique ensuite
La règle appliquée sur l'ensemble du site était simple à formuler, difficile à tenir : le H1 parle à l'aspiration, le H2 formule le bénéfice concret, la description technique arrive en troisième position.
Carports aluminium et bois — structures de protection
Votre voiture mérite mieux qu'un parking.
SEO, AEO et GEO : trois lectures du même texte
Un texte bien écrit pour un utilisateur humain est, presque mécaniquement, un bon texte pour les moteurs de recherche. Mais en 2025-2026, il faut penser à une troisième audience : les moteurs IA, ChatGPT, Perplexity, Google SGE, qui lisent les pages web pour construire leurs réponses aux questions des utilisateurs.
L'Answer Engine Optimization consiste à structurer le contenu pour qu'il réponde directement à des questions formulées en langage naturel. "Quel carport choisir pour une voiture haute ?", "Faut-il un permis de construire pour un abri de jardin de 15m² ?". Ce sont des questions posées avec une intention d'achat forte. Une marque qui y répond clairement, sur ses propres pages, capte cette intention avant ses concurrents.
Le prix mensuel : une décision copywriting, pas seulement UX
Sur les cards produits, le prix mensuel indicatif est affiché en complément du prix total. Un abri à 3 000€ devient "à partir de 300€/mois". Ce n'est pas une manipulation. C'est une reformulation qui aide l'acheteur à ancrer le produit dans sa réalité budgétaire, notamment dans un contexte où le paiement fractionné est disponible.
La confiance ne se déclare pas. Elle s'installe, couche par couche.
Face à une marque inconnue du grand public, un score Trustpilot de 2,8 et un panier moyen de plusieurs milliers d'euros : la question de la confiance était la plus critique du projet. Elle ne pouvait pas être résolue par un seul élément de design. Elle devait être construite à chaque étape du parcours utilisateur.
Les signaux de réassurance : où et pourquoi
Le premier principe appliqué : un signal de confiance n'a de valeur que s'il apparaît au bon moment, c'est-à-dire au moment où le doute émerge. La mention "Fabricant français depuis 1999" n'appartient pas à la page d'accueil uniquement. Elle doit apparaître sur la fiche produit, au moment où l'acheteur compare et hésite.
La certification PEFC n'est pas un logo à mettre dans le footer : c'est un argument qui répond à une préoccupation réelle sur la provenance du bois et l'impact environnemental. Les monteurs Foresta disponibles sur toute la France métropolitaine répondent à la peur la plus fréquente sur ce type d'achat : "je vais recevoir des centaines de pièces et ne pas savoir quoi en faire".
Signaux de confiance — Parcours client Foresta
SEO / AEO
Cards
Comparaison
Paiement
Réputation
Chaque signal apparaît au moment où le doute émerge — pas avant, pas après. C'est ce qui le rend efficace.
Le checkout WCAG AAA : la conversion comme acte de respect
Le tunnel de paiement a été entièrement redesigné. Trois composants LiteCart remplacés, sans modifier une seule ligne de la logique PHP d'origine, pour garantir une stabilité totale côté serveur tout en transformant l'expérience côté client.
Groupement logique des champs
Coordonnées, adresse, options : la charge cognitive est réduite par une hiérarchisation claire de l'information.
Messages d'erreur actionnables
Chaque erreur indique précisément quoi corriger. Aucune frustration d'un formulaire qui refuse sans expliquer pourquoi.
Protection contre le double clic
Le bouton "Payer" est désactivé au premier clic. Zéro double commande, zéro friction post-achat à gérer.
Paiement fractionné mis en avant
Les options Floa 3x, 4x et 10x sont présentées sans surcoût apparent sur les premières options. Le frein prix est levé avant la page de paiement.
Un abri de jardin n'est pas un achat impulsif. Le tunnel de conversion devait en tenir compte.
Sur les produits à fort engagement, prix élevé, livraison longue, montage à la charge de l'acheteur, le cycle de décision peut durer plusieurs semaines. L'utilisateur visite le site plusieurs fois, compare, hésite, revient. Le rôle du design n'est pas de forcer une décision rapide. C'est de s'assurer que chaque visite laisse une impression positive et rapproche d'un cran de la décision finale.
L'architecture de pages : de l'aspiration à la décision
Pages catégories — "Je cherche une idée"
H2 aspirationnels, visuels en situation, filtres techniques discrets. L'objectif n'est pas de vendre. C'est de donner envie.
Fiches produits — "Je suis intéressé, je veux en savoir plus"
Lever les doutes un par un : qualité, montage, livraison, SAV, prix. Les signaux de réassurance sont les plus denses ici.
Checkout — "J'ai décidé"
Zéro friction supplémentaire. Chaque champ inutile retiré, chaque message clarifié, chaque étape simplifiée est une conversion préservée.
Créer l'événement commercial
Une marque B2C qui veut exister dans l'esprit du grand public ne peut pas se contenter d'un catalogue statique. Elle doit créer des moments commerciaux : des raisons de revenir, de partager, de décider maintenant plutôt que dans trois semaines.
La page ventes privées a été construite comme un événement à part entière : compte à rebours, phases d'accès (vente privée puis ouverture publique), design distinct du catalogue. La page /nouveaute_2026 suit la même logique. Elle positionne Foresta comme une marque qui crée et qui innove, pas seulement un fabricant qui liste des références.
Un site e-commerce ne vend pas des produits. Il accompagne une décision. La différence entre les deux détermine si un visiteur achète ou repart chercher ailleurs.
Ce que les données disent. Sans filtre.
Les projets de refonte sont souvent présentés avec des captures d'écran de maquettes et des témoignages enthousiastes. Rarement avec des chiffres de ventes bruts. Voici les chiffres de ventes bruts.
Ce que 3 mois révèlent sur 24 mois d'inaction
Le site d'origine n'était pas absent de trafic. Il recevait des visites. Des particuliers arrivaient dessus, le parcouraient, et repartaient sans acheter. Pendant 24 mois.
Ce que la refonte a changé, c'est la capacité du site à transformer une intention d'achat en décision d'achat. Le trafic existait. Le potentiel existait. Le produit existait. Ce qui manquait, c'était un design capable de faire le lien entre les trois.
Évolution des ventes — Foresta
Ventes directes en ligne · Trafic organique uniquement · 0€ de publicité
Ce projet n'était pas un projet de design. C'était un projet de traduction.
Traduire 25 ans d'expertise B2B en confiance B2C. Traduire des références catalogue en bénéfices clients. Traduire une légitimité invisible en signaux perceptibles. Traduire des doutes non formulés en réponses anticipées.
Le design au sens graphique du terme était le dernier maillon de cette chaîne. Il n'aurait servi à rien sans le travail stratégique en amont : le diagnostic, l'architecture, le copywriting, les décisions de contenu. Un beau site sur une stratégie bancale reste un site qui ne vend pas.
Les trois leçons du projet
La confiance est un système, pas un élément
Elle se construit par accumulation de signaux cohérents. La couleur, le titre du produit, le badge de certification, le message d'erreur dans le formulaire, la réponse à un avis négatif. Chaque détail compte.
Le copywriting est du design
Pas une discipline adjacente, pas une tâche à déléguer en fin de projet. Les mots structurent la perception avant que l'œil ait eu le temps de lire les formes. Un titre juste fait plus pour la conversion qu'une palette de couleurs sophistiquée.
Le B2C n'est pas une version simplifiée du B2B
C'est un autre métier. Il exige de comprendre des mécanismes d'achat différents, des peurs différentes, des motivations différentes. Une marque qui réussit cette transition apprend à parler à des individus, pas à des acheteurs professionnels.
Un fabricant qui existait depuis 25 ans n'avait pas besoin qu'on invente sa légitimité. Il avait besoin qu'on la rende visible à ceux qui ne le connaissaient pas encore.
Votre marque a peut-être le même problème.
Une expertise réelle, une offre solide et un écart inexpliqué entre ce que vous valez et ce que votre présence en ligne communique. C'est précisément ce type de projet que j'accompagne.
Lancer mon projet OsmosRetour aux réalisations
