Étude de cas · Agate IT

Refonte d'un cabinet de conseil IT de WordPress à Next.js.

Transformation digitale d'un cabinet de conseil IT français à 9,1 M€ de chiffre d'affaires et 85 consultants. Refonte totale du site vitrine, création d'un back-office sur mesure et intégration d'automatisations par intelligence artificielle en interne — avec, à la clé, +180 % de trafic organique dans les trois mois après la mise en ligne.

+180 %

Trafic organique en 3 mois

100 % client

Propriété du code

Consultants équipés

9,1 M€

Chiffre d'affaires client

En résumé

Agate IT est un cabinet de conseil IT français de 85 consultants (9,1 M€ de chiffre d'affaires) dont le site tournait sous WordPress. ADN IA a mené la refonte complète : migration vers Next.js, direction artistique alignée sur un positionnement grands comptes, back-office sur mesure pour les consultants et automatisations par intelligence artificielle en interne. Résultat : le trafic organique a progressé de 180 % dans les trois mois qui ont suivi la mise en ligne.

Étude de cas publiée le 15 mars 2026 · Mise à jour le 12 juillet 2026· Publiée avec l'accord de Agate IT

Contexte

Le client et sa problématique

Agate IT est un cabinet de conseil IT français qui accompagne les directions techniques de grandes entreprises dans leurs projets de transformation numérique, cloud et cybersécurité. Avec 85 consultants et 9,1 M€ de chiffre d'affaires, l'entreprise s'adresse à des clients grands comptes qui attendent un haut niveau de rigueur, de sécurité et de maturité technique.

Depuis plusieurs années, Agate IT s'appuyait sur un site vitrine développé sous WordPress. Cette solution historique montrait clairement ses limites : temps de chargement trop élevés, interface datée, aucune cohérence avec la stratégie de marque, et surtout absence totale d'outils internes pour les collaborateurs. La maintenance technique devenait coûteuse et la sécurité restait en retrait des standards de 2026.

La direction souhaitait une refonte complète qui remplisse trois objectifs simultanément : moderniser l'image de marque, améliorer drastiquement le référencement naturel sur les mots-clés métier (« cabinet de conseil IT », « ESN Paris », « conseil transformation numérique », « accompagnement DSI »), et doter chaque consultant d'un espace de travail personnalisé connecté à des automatisations par intelligence artificielle.

C'est ce chantier que nous avons livré de bout en bout : refonte visuelle, migration technique complète, back-office sur mesure et intégration IA, avec une équipe dédiée et un interlocuteur unique.

Avant / Après

La transformation en un coup d'œil

Glissez le curseur pour comparer l'ancien site et la version refaite par ADN IA.

Après

Avant

Objectifs

Ce que le client voulait atteindre

Moderniser l'image de marque et le positionnement haut de gamme du cabinet auprès des DSI de grandes entreprises.

Améliorer significativement les performances techniques (Core Web Vitals) et le référencement SEO sur les requêtes métier.

Migrer l'ensemble de la stack technique de WordPress vers Next.js, TypeScript et hébergement cloud moderne.

Créer un espace administrateur sur mesure, avec authentification sécurisée et accès personnalisé par collaborateur.

Intégrer des automatisations par intelligence artificielle pour accélérer les tâches internes à forte valeur ajoutée.

Notre approche

Ce que nous avons conçu, développé et livré

Refonte du site vitrine

Direction artistique premium alignée sur le positionnement haut de gamme du cabinet.
Architecture éditoriale complète : pages Services, Expertises, Références, Carrières, Blog, Contact.
Design system cohérent basé sur Tailwind CSS et des composants shadcn/ui personnalisés.
Animations discrètes et performantes via Motion, sans nuire aux Core Web Vitals.
Accessibilité AA : contrastes, navigation clavier, sémantique ARIA, lecteurs d'écran.

Migration technique WordPress → Next.js

Migration complète de WordPress vers Next.js 16 (App Router, Partial Prerendering).
Stack TypeScript strict, Tailwind CSS, Prisma ORM et base PostgreSQL managée.
Hébergement Vercel Edge avec CDN mondial, rolling deployments et previews de branche.
Sécurisation renforcée : en-têtes HTTP, CSP, HTTPS obligatoire, protection anti-brute-force.
Conformité RGPD : hébergement européen, mentions légales, politique de confidentialité, bandeau cookies paramétrable.

SEO technique avancé

Structure Hn optimisée et balisage sémantique sur chaque page clé.
JSON-LD Schema.org : Organization, Service, Person, BreadcrumbList, FAQPage.
Sitemap XML dynamique et fichier robots.txt paramétré pour les IA génératives.
Maillage interne dense entre pages Services, Secteurs et Références.
Optimisation des Core Web Vitals (LCP, INP, CLS) et ratio image/poids maîtrisé.

Back-office administrateur sur mesure

Authentification sécurisée avec rôles, permissions et journal d'audit.
Espace dédié à chaque consultant : missions en cours, fiches clients, documents partagés.
Tableau de bord RH : absences, formations, certifications, indicateurs individuels.
Module de gestion commerciale : pipeline, devis, suivi de signature, facturation.
Interface responsive optimisée pour un usage au bureau comme en mission.

Automatisations par intelligence artificielle

Génération assistée de propositions commerciales à partir d'un brief client structuré.
Résumé automatique de comptes-rendus de réunion et extraction de plans d'action.
Qualification automatique des leads entrants du site et enrichissement de fiche.
Assistant IA interne connecté à la base documentaire du cabinet.
Garde-fous, journalisation et conformité RGPD intégrés dans chaque automatisation.

Décisions techniques

Les arbitrages qui ont fait la différence

Une étude de cas sans le « pourquoi » n'est qu'une plaquette. Voici les choix structurants du projet Agate IT, et ce qu'ils changent concrètement pour le client.

Quitter WordPress plutôt que l'optimiser

WordPress motorise plus de 40 % des sites du web (W3Techs, 2025) et reste un excellent choix pour un site éditorial simple — nous le disons sans détour. Le problème d'Agate IT n'était pas WordPress en soi : c'était l'écart entre l'outil et le besoin. Le cabinet voulait un site public exigeant, un back-office métier utilisé par 85 personnes et des automatisations IA — trois briques qu'une installation WordPress ne porte qu'à coups d'extensions empilées, chacune ajoutant sa dette de maintenance et sa surface d'attaque. Repartir sur Next.js a permis de tenir le site vitrine et l'application interne dans une seule base de code, un seul déploiement, un seul modèle de sécurité.

Migrer sans sacrifier le référencement acquis

Une refonte mal menée fait perdre en quelques semaines des années de référencement. Le plan de migration a donc été traité comme un livrable à part entière : cartographie des URL existantes, redirections 301 systématiques vers leurs équivalents, conservation des contenus qui performaient, nouveau sitemap XML soumis dès la mise en ligne et surveillance de l'indexation dans les jours suivants. C'est la condition pour que le gain de performance technique se transforme en gain de trafic — et non en chute suivie d'une lente remontée.

Faire des Core Web Vitals un critère de livraison

Google publie des seuils explicites pour les signaux Web Vitals : LCP ≤ 2,5 s, INP ≤ 200 ms, CLS ≤ 0,1. Nous nous imposons une marge en interne (LCP < 1,8 s, INP < 200 ms, CLS < 0,05) et nous refusons de livrer tant qu'elle n'est pas tenue, sur mobile comme sur ordinateur. Concrètement : rendu serveur, images dimensionnées et servies en formats modernes, polices chargées sans décalage, animations qui ne bloquent pas le thread principal. Ce socle de performance est l'un des leviers derrière la progression de trafic organique constatée après la mise en ligne.

Un back-office sur mesure plutôt qu'un intranet du marché

Un outil générique aurait imposé ses processus au cabinet ; ici, c'est l'inverse. Le back-office reprend le vocabulaire et les étapes réelles d'Agate IT — missions, fiches clients, documents, absences, certifications, pipeline commercial — dans une interface unique, avec authentification, rôles et journal d'audit. Les 85 consultants n'ont ni un outil de plus à apprendre, ni une licence par utilisateur à renouveler chaque année : l'application appartient au cabinet, exactement comme son site.

Brancher l'IA là où elle fait gagner du temps, pas partout

Nous n'avons pas « mis de l'IA » dans le produit pour l'affichage. Quatre usages ont été retenus parce qu'ils portaient sur des tâches répétitives à forte valeur : rédaction assistée de propositions commerciales à partir d'un brief structuré, résumé de comptes-rendus de réunion, qualification des leads entrants, assistant interne connecté à la base documentaire. Chaque automatisation est encadrée — garde-fous sur les données envoyées aux modèles, journalisation des appels, conformité RGPD, validation humaine avant tout envoi client. Une IA qui produit un document faux et signé coûte plus cher que le temps qu'elle fait gagner.

Résultats

Les livrables et l'impact obtenu

+180 % de trafic organique dans les trois mois suivant la mise en ligne — effet combiné de la migration Next.js, des Core Web Vitals au vert et du balisage sémantique refondu.

Stack moderne, sécurisée, performante et économique à maintenir, alignée sur les standards techniques 2026.

Site vitrine nettement plus rapide qu'une installation WordPress équivalente, grâce au couple Next.js Partial Prerendering + Vercel Edge.

Back-office utilisé quotidiennement par l'ensemble des 85 consultants, avec adoption immédiate.

Base technique évolutive : les briques livrées (design system, authentification, base de données, intégrations IA) accélèrent la réalisation des futurs modules.

Image de marque rehaussée, mieux alignée sur le niveau d'exigence des grandes entreprises clientes du cabinet.

Stack technique

Les technologies que nous avons utilisées

Next.js 16React 19TypeScriptTailwind CSSshadcn/uiMotionPrisma ORMPostgreSQLBetter AuthVercel EdgeVercel AI SDKOpenAI / Anthropic APIs

FAQ projet

Vos questions sur ce projet

Périmètre, méthode, résultats, publication : les réponses concrètes sur la réalisation Agate IT.

Comment s'est déroulée la refonte du site d'Agate IT ?

En quatre temps : cadrage, direction artistique, migration WordPress → Next.js, puis back-office et mise en ligne. Le projet a avancé sans accroc pour deux raisons précises : le périmètre a été gelé dès le cadrage, et une équipe dédiée travaillait avec un interlocuteur unique côté client — ce qui a fluidifié chaque validation. Sur une refonte sur-mesure, c'est toujours là que se joue le planning, bien plus que dans la technique. Le calendrier, lui, est arrêté au devis une fois le périmètre défini, avec des jalons validés ensemble.

D'où viennent les +180 % de trafic organique en 3 mois ?

De la combinaison de plusieurs chantiers menés ensemble : Core Web Vitals au vert après la sortie de WordPress, balisage sémantique et JSON-LD refondus, architecture éditoriale par expertise et maillage interne dense. Aucune campagne publicitaire n'explique ce chiffre : c'est du référencement naturel, mesuré sur les trois mois suivant la mise en ligne et communiqué par le client.

Le périmètre se limitait-il au site vitrine ?

Non. Le projet couvrait trois volets : le site vitrine public (image de marque, SEO), un back-office sur mesure utilisé par les 85 consultants du cabinet (missions, RH, pipeline commercial) et des automatisations par intelligence artificielle internes (propositions commerciales assistées, résumés de réunions, qualification de leads). C'est ce triptyque qui fait de cette refonte un projet de transformation, pas un simple relooking.

Cette étude de cas est-elle publiée avec l'accord d'Agate IT ?

Oui. Chaque étude de cas nominative que nous publions l'est avec l'accord explicite du client, sur la base de chiffres qu'il nous a communiqués. Le site est en ligne et vérifiable à l'adresse www.agate-it.fr — vous pouvez juger le résultat par vous-même.

Que se passe-t-il après la livraison d'un projet comme celui-ci ?

Six mois de suivi post-lancement sont inclus : correction de bugs, surveillance des performances et support. Le code vit sur le dépôt GitHub du client dès le premier commit, le domaine et l'hébergement sont à son nom — zéro dépendance envers nous. Agate IT peut confier la suite à son équipe interne ou nous solliciter pour les modules suivants, au choix.

Pour aller plus loin

Les expertises mobilisées sur ce projet

Les prestations et les ressources qui correspondent à ce que vous venez de lire — utile si votre situation ressemble à celle de Agate IT.

Agence Next.js

Migration WordPress → Next.js : la prestation au cœur de ce projet.

Découvrir

Solutions sur mesure

Back-office, espaces collaborateurs, outils métier développés à vos spécifications.

Découvrir

Intelligence artificielle

Automatisations IA internes : le volet qui équipe les 85 consultants.

Découvrir

Référencement SEO / SEA

Le SEO technique inclus dans chaque livraison — ici, +180 % de trafic en 3 mois.

Découvrir

Guide de la refonte

Migration, redirections 301, SEO préservé : la méthode expliquée pas à pas.

Découvrir

Expertise SEO & GEO

Comprendre les leviers derrière les +180 % de trafic organique.

Découvrir

Autre étude de cas · Entreprise de maçonnerie et rénovation

Renov' Construction — Création sur mesure

Création complète du site d'une entreprise de maçonnerie sans présence en ligne. Design artisan premium, SEO local et tunnel de demande de devis prêts à générer du flux commercial.

Lire l'étude

Un projet similaire en tête ?

Discutons de votre contexte, de vos objectifs et du meilleur moyen d'y arriver. Premier échange gratuit, réponse sous 24 h.