Contexte
Noqode conçoit des sites B2B et les fait évoluer avec ses clients dans la durée. Notre propre site, noqode.fr, était développé sur Webflow depuis la création de l'agence. Sa refonte de 2026 en avait fait notre principal outil commercial.
En quelques mois, il a pris de l'ampleur. Il compte aujourd'hui 476 pages en français et en anglais, dont 186 articles, 128 fiches outils et 32 études de cas. S'y ajoutent un chatbot, un audit AEO gratuit et les formulaires par lesquels nos prospects nous contactent.
Le reste de notre écosystème tournait déjà sur Vercel, du portail client à l'audit AEO en passant par le chatbot. Le site restait la dernière brique isolée. Le 2 novembre 2026, nous avons lancé sa migration vers Astro, avec Sanity comme CMS headless et un hébergement sur Vercel. Le nouveau site est en ligne depuis le 10 novembre au soir.
Cette étude de cas s'adresse aux entreprises qui envisagent de changer la technologie de leur site sans perdre leur référencement, ou de le relier à leurs outils commerciaux.
« Notre site devait montrer le niveau de ce que nous livrons. En le migrant vers Astro et Sanity, nous avons gardé tout le contenu et tout le référencement, avec des pages trois fois plus légères. Les demandes arrivent désormais triées dans Attio et mes réponses m'attendent en brouillon dans Gmail, avec mes disponibilités déjà proposées. Nous appliquons la même méthode aux entreprises qui veulent changer de technologie sans repartir de zéro. »
Enjeux
Le premier enjeu tenait au référencement. Le site était bien installé dans Google, avec 775 clics et près de 1,4 million d'impressions sur les quatre semaines précédant la bascule. Changer de technologie ne devait modifier aucun titre, aucune balise canonique ni aucun lien entre les versions française et anglaise. Les 36 redirections déjà en place et les anciennes adresses de la première version du site devaient continuer de fonctionner.
Le deuxième enjeu concernait la vitesse. Sur mobile, l'accueil pesait 8,5 Mo et demandait 102 requêtes. Le jour de la bascule, PageSpeed Insights y mesurait un affichage du plus grand élément en 10 secondes. Pour une agence qui livre des sites performants, cet écart devait être corrigé.
Le troisième enjeu touchait aux demandes entrantes. Sur Webflow, chaque formulaire arrivait par e-mail et devait être reporté à la main dans Attio, notre CRM. L'analyse des 62 demandes reçues en un an a montré qu'environ deux sur trois ne venaient pas de prospects. On y trouvait de la prospection de prestataires, du spam et des candidatures au milieu des vrais projets.
Enfin, la migration devait rester invisible. Le visiteur devait retrouver le même site avec les mêmes animations et les mêmes parcours. L'équipe devait pouvoir continuer à publier pendant les travaux, puis gérer le contenu sans dépendre d'un développeur.
Objectifs
Nous avons fixé quatre objectifs avant la première ligne de code. Chacun avait un critère de réussite vérifié avant la mise en ligne.
1. Retrouver chaque page à l'identique, pour les visiteurs comme pour Google
Le site live servait de référence absolue, avant les maquettes Figma et avant l'export de Webflow. Chaque page devait garder son adresse, ses textes, ses balises SEO et ses animations. Aucun texte n'a été réécrit pendant la migration. Chaque idée d'amélioration était notée à part, dans un registre soumis à Amaury de Luca.
2. Alléger les pages et accélérer l'affichage sur mobile
Le gain devait se mesurer sur les mêmes pages, dans les mêmes conditions, avant et après la bascule. PageSpeed Insights servait de référence pour l'accueil et Lighthouse pour seize pages représentatives du site. La priorité allait au mobile, où l'écart était le plus net.
3. Faire arriver chaque vrai lead dans Attio, prêt à traiter
Une demande qualifiée devait créer la personne, l'entreprise et l'opportunité dans le CRM, avec sa source et la provenance de la visite. La réponse devait être préparée pour qu'Amaury n'ait plus qu'à la relire. Les autres messages devaient être écartés sans risque de perdre un vrai projet.
4. Rendre le contenu éditable dans un CMS structuré
Articles, fiches outils, études de cas, FAQ et sections de pages devaient devenir des contenus typés dans Sanity. Chacun reste relié à sa version anglaise. Une publication dans le Studio suffit à mettre le site à jour, sans passer par un développeur.
Solutions
Le projet a suivi la méthode que nous appliquons aux migrations de nos clients, avec un audit complet avant tout développement.
Faire du site live la référence absolue
L'audit a commencé par un relevé exhaustif du site Webflow. Il a couvert 503 adresses parcourues, 480 pages rendues dans un navigateur et 142 pages capturées à quatre largeurs d'écran. Les 185 comportements du site, des menus aux animations, ont été inventoriés un par un. L'export du CMS a livré 1 016 contenus en deux langues. Les 2 044 médias ont été rapatriés hors du CDN de Webflow.
Les idées d'amélioration relevées en chemin n'ont jamais été appliquées d'office. Elles ont été rassemblées dans 35 propositions qu'Amaury a tranchées une à une avant la mise en ligne.
Structurer le contenu dans Sanity
Le contenu vit désormais dans un Studio Sanity en français, organisé en 21 types de documents et 25 sections de pages. Chaque contenu est relié à sa traduction, soit 497 paires entre le français et l'anglais.
L'import a été contrôlé champ par champ. Les 1 024 textes riches sont identiques au caractère près. Les 3 081 liens pointent vers les mêmes destinations, sans écart inexpliqué avec Webflow.
Reconstruire chaque page en Astro, section par section
Chaque section du site est devenue un composant Astro. Les 476 pages sont générées à l'avance puis servies depuis le réseau de Vercel. Un outil de comparaison a confronté le nouveau site au live sur 2 783 sections. Le texte visible et les titres sont identiques sur tous les gabarits.
Le référencement a fait l'objet du même contrôle. Titres, descriptions, balises canoniques, liens de langue et données structurées sont identiques au live sur les 479 pages comparées, tout comme le plan du site et le fichier llms.txt. Les 36 redirections sont reprises et le site ne compte aucun lien interne cassé.
Développer avec Claude Code sous la direction de Noqode
La migration a été développée avec Claude Code, l'agent de développement d'Anthropic, sous la direction d'Amaury de Luca. L'agent n'avait qu'un accès en lecture seule à Webflow. Le journal des décisions techniques en comptait 57 à la mise en ligne.
Amaury a validé le site page par page sur une version de prévisualisation, jusqu'à ce que les 59 points de la recette soient conformes. Cette façon de travailler s'inscrit dans nos workflows IA de production, où l'équipe garde la décision.
Brancher les formulaires sur Attio, Gmail et Cal.com
Chaque demande passe d'abord par un tri qui combine des règles et l'avis de Claude. Testé sur l'historique des 62 demandes, il écarte 88 % des messages hors sujet sans perdre un seul vrai lead. Dans le doute, une demande est toujours traitée comme un lead.
Un vrai lead crée la personne, l'entreprise et l'opportunité dans Attio, avec la source déclarée et la provenance de la visite, qu'il s'agisse de Google, d'un moteur IA ou d'une campagne. Amaury reçoit une notification avec trois réponses préparées dans son ton. La réponse choisie arrive en brouillon dans son Gmail, avec des créneaux lus dans son agenda. Il l'envoie lui-même après relecture.
Sans réponse du prospect, une relance part de la boîte d'Amaury trois jours ouvrés plus tard, puis une seconde à huit jours, dans le même fil. Elles s'arrêtent dès que le prospect répond. Une réservation sur Cal.com fait avancer l'opportunité dans le CRM. L'audit AEO alimente lui aussi Attio.
Basculer en moins d'une heure
Le 10 novembre, les contenus Webflow ont été gelés à 19 h 56. Les derniers articles publiés depuis le début du projet ont été importés, puis le site a été publié sur Vercel et vérifié sur son adresse provisoire. Le changement de DNS a mis le nouveau site en ligne à 20 h 48. Les formulaires sont passés en réel à 21 h 06.
Le retour en arrière vers Webflow restait possible en cinq minutes et n'a pas été nécessaire.
Impact / Résultats
Le nouveau noqode.fr est en ligne depuis le 10 novembre 2026. Le lendemain, Vercel ne relevait aucune erreur sur 24 heures. Les 86 pages contrôlées à nouveau étaient identiques au site Webflow.
Un accueil plus rapide, mesuré par PageSpeed Insights
Sur l'accueil, le score de performance mobile passe de 60 à 72 et l'affichage du plus grand élément de 10,0 à 5,6 secondes. Le temps de blocage tombe de 160 millisecondes à zéro. Sur ordinateur, le score passe de 83 à 98 et l'accessibilité de 89 à 100.
PageSpeed Insights évalue aussi la navigation agentique, qui mesure la capacité d'un agent IA à parcourir le site. Elle passe de 2 à 3 critères sur 3, un résultat en phase avec notre travail de référencement et de visibilité dans les IA.
Des pages trois fois plus légères sur l'ensemble du site
Pour juger le site entier, les deux versions ont été mesurées avec Lighthouse sur 16 pages représentatives, dans les mêmes conditions. Les médianes progressent sur tous les indicateurs.
- Le poids d'une page passe de 2,7 Mo à 0,8 Mo, soit 70 % de moins.
- Le score de performance passe de 60 à 75 sur mobile et de 81 à 97 sur ordinateur.
- Le premier affichage sur mobile passe de 3,3 à 2,3 secondes.
- Le temps de blocage sur mobile passe de 305 à 109 millisecondes.
L'accueil passe de 8,5 Mo à 0,9 Mo. Certaines pages gagnent davantage, comme l'étude de cas Christine qui passe de 9,8 Mo à 0,6 Mo.
Un référencement transmis sans rupture
Tout ce que Google et les moteurs IA lisaient sur l'ancien site se retrouve à l'identique sur le nouveau, des titres aux données structurées. Le plan du site a été renvoyé à la Search Console et à Bing dès le lendemain de la bascule.
Des demandes triées et prêtes à traiter
Amaury ne recopie plus aucune demande. Les vrais leads arrivent dans Attio avec leur budget, leur langue et leur source. La réponse est prête dans Gmail. La prospection et le spam ne créent plus d'opportunité fictive, et les indicateurs commerciaux restent fiables.
Une équipe autonome sur son contenu
Une publication dans le Studio Sanity met le site à jour en quelques minutes, sans intervention technique. Le lendemain de la bascule, 129 liens internes et plusieurs dizaines de contenus ont ainsi été corrigés, relus puis republiés.
La même méthode pour les sites de nos clients
Nous appliquons cette méthode quand un site doit changer de fondations. Elle a déjà servi à la migration de Framboise Consulting, passée de WordPress à Webflow avec 65 redirections et aucune perte de visibilité.
Le choix de la technologie suit le projet. Webflow reste un bon choix pour beaucoup de sites. Astro et Sanity prennent le relais quand le site doit gérer un gros volume de contenu, se relier aux outils métier ou gagner en performance. Pour en parler, réservez un échange avec notre équipe.
