La méthode avant l'outil
Le cadre en cinq temps, comprendre, cadrer, déployer, faire adopter, faire vivre, structure la page d'accueil, les pages de services et les frises, avec une couleur par temps.
Réalisation
Conseil en transformation IT · DSI
BleuLemon
Remplacer un site Webflow de 29 pages par un site bilingue de 116 pages qu'une équipe non technique fait vivre seule, sans perdre la marque ni les positions acquises, et préparer BleuLemon à être lu par les moteurs comme par les assistants IA.
Le contexte
BleuLemon est un cabinet de conseil en transformation IT, installé à Paris et à Lyon, partenaire Atlassian depuis 2008. Plus de 30 collaborateurs accompagnent les DSI du cadrage au déploiement, puis à l'adoption des outils : pilotage et gouvernance, Atlassian, intelligence artificielle, support et maintenance applicative, dans l'industrie et la défense, la banque, la finance et l'assurance, le retail et la distribution, le luxe.
Au départ, un site Webflow de 29 pages et un blog hébergé chez un tiers, sur un sous-domaine. L'audit mené avant la conception, en juillet 2026, a mesuré ce que cette organisation coûtait : 73 % du trafic organique porté par un seul article hébergé hors du domaine, les deux pages qui structurent l'offre à 179 et 172 mots, un balisage structuré invalidé par un espace parasite, et zéro citation de BleuLemon sur 20 réponses d'assistants IA (ChatGPT, Perplexity).
Le brief
La commande tenait en une phrase : un site à la hauteur d'un cabinet qui s'adresse à des DSI, donc techniquement exemplaire, et que l'équipe marketing puisse modifier sans développeur. Les attentes :
- Partir de la donnéeaudit de l'existant, du référencement et de la visibilité dans les assistants IA, cartographie de 359 mots-clés et lecture page par page de 10 sites concurrents avant d'ouvrir la conception.
- Deux langues à égalitéune version anglaise complète, avec des adresses traduites et un hreflang réciproque, pas une traduction automatique posée sur le français.
- Rapatrier le blog17 articles hébergés hors du domaine, à ramener sur le site dans les deux langues, sans casser les adresses que Google connaît.
- Ne rien perdreredirections 301 depuis toutes les anciennes adresses, celles du site Webflow comme celles de chaque article de l'ancien blog, et reprise du suivi d'audience.
- Une équipe autonometrois personnes de BleuLemon, non développeuses, doivent pouvoir changer un texte, une page ou le menu, relire en préproduction et mettre en ligne elles-mêmes.
Le parti pris design
La charte 2026 de BleuLemon appliquée à la lettre : bleu profond, menthe, corail, chartreuse, bleu horizon, et Montserrat pour seule typographie. Le parti pris, résumé par la direction commerciale en une formule, « c'est carré, mais c'est rond » : un site clair, aux rayons mesurés, où la preuve passe avant l'effet.
L'adoption comme promesse
Le message d'accueil, « L'outil est une dépense. C'est vous qui en faites un investissement. », place l'adoption au centre du site, et non le déploiement d'un outil.
Des rubriques qui portent l'offre
Pilotage et gouvernance, Atlassian, intelligence artificielle, secteurs, formations : chaque famille d'offre a ses pages profondes, là où l'ancien site tenait ses deux rubriques en moins de 180 mots.
Une preuve vérifiable
Marques validées par le client, cas clients présentés par secteur, partenariat Atlassian écrit tel que l'annuaire officiel le confirme : chaque affirmation du site tient devant un acheteur qui vérifie.
Le mouvement à sa place
Animations d'entrée réservées aux titres et aux cartes-images, survols travaillés, et tout s'arrête quand le visiteur a réglé son appareil en mouvement réduit.
La technique
- Site 100 % statique assemblé par Astro et hébergé sur Cloudflare Pages : pas de CMS à maintenir, pas de base de données, mise en ligne en moins d'une minute après chaque validation.
- Un fragment HTML ordinaire par page : l'équipe de BleuLemon décrit le changement voulu en français, un agent l'exécute, la préproduction se relit, la mise en ligne tient en deux gestes.
- 116 pages en deux langues, adresses traduites, hreflang réciproque, et un seul nœud Organization partagé par toutes les données structurées : 679 blocs JSON-LD validés, 0 invalide.
- 51 redirections 301 : les anciennes adresses Webflow, les 17 articles de l'ancien blog, et le sous-domaine blog.bleulemon.fr rabattu sur le site.
- Préparé pour les IA : robots.txt qui autorise nommément GPTBot, ClaudeBot, PerplexityBot et OAI-SearchBot, fichiers llms.txt et llms-full.txt régénérés depuis les pages, annotations WebMCP sur les 4 formulaires, clé IndexNow.
- Médias réencodés : vidéo d'accueil de 19,9 Mo à 688 Ko, 14 photos de 25,4 Mo à 1,8 Mo en WebP, un GIF de 8,2 Mo remplacé par un MP4 de 588 Ko.
- En-têtes de sécurité et politique de contenu, bandeau de consentement qui ne dépose rien sans accord, formulaires sans serveur.
- Remis avec le site : l'audit de visibilité, le plan d'acquisition à douze mois et la cartographie de 359 mots-clés, pour que l'équipe pilote la suite elle-même.
Le projet en chiffres
- 116 pages en ligne, 58 en français et 58 en anglais, contre 29 sur l'ancien site
- 17 articles de blog rapatriés sur le domaine et traduits
- 359 mots-clés cartographiés, 10 sites concurrents analysés avant la conception
- 679 blocs de données structurées, 0 invalide
- 51 redirections 301 posées, dont 18 pour l'ancien blog
- Poids de la vidéo d'accueil réduit de 96,5 %
- 4 requêtes en première page de Google héritées de l'ancien blog, toujours en place cinq jours après la mise en ligne (mesuré le 7 septembre 2026)
Autres réalisations
Votre projet mérite le même soin
Un site sur mesure, livré en 7 jours, suivi par une vraie personne.