Le récit — Chapitre 05
Le cas en détail.
L'enjeu : la cohérence absolue entre ce qu'on promet et ce qu'on montre
Une agence web se vend d'abord par son propre site. Un dirigeant de PME, un artisan, un cabinet sérieux qui cherche à confier sa vitrine ou son outil métier ne lit pas un dossier de quinze pages avant de faire son choix — il atterrit sur trois ou quatre sites d'agences, et il décide en moins d'une minute lequel mérite un appel. Une vitrine d'agence lente ? Mauvais signe. Un design générique avec trois cartes services et un slider de logos ? Pas mémorisable. Un blog vide depuis 2023 ? On passe. Un score SEO médiocre alors qu'on vend du SEO ? Le décalage tue la confiance avant le premier mot.
On a donc traité le site Codemaster comme la plus exigeante de nos missions : celle où la moindre approximation se voit immédiatement. Cette refonte 2026 n'est pas un site vitrine de plus — c'est un manifeste éditorial où chaque page, chaque pixel et chaque ligne de code dit explicitement comment on travaille pour nos clients. Vous êtes en train d'en lire un fragment.
Ce qu'on a livré dans cette refonte
Une direction artistique éditoriale qui sort du moule « site d'agence »
La majorité des sites d'agence ressemblent les uns aux autres : un hero centré bleu marine ou violet, trois cartes services aux icônes plates, un slider de logos clients, un témoignage encadré, un formulaire en bas. Le visiteur ne retient rien — et il ne revient pas.
On a choisi le contre-pied. Le site Codemaster adopte un parti pris éditorial assumé, avec une signature graphique qui n'appartient qu'à nous :
- Une palette signature — bordeaux profond (primary), marine ardoise (secondary) et sauge poudré (accent), posées sur un fond crème papier avec une trame discrète. Les couleurs d'une revue de design imprimée, pas d'un dashboard SaaS générique.
- Une typographie à trois voix — Fraunces (display variable, sérif éditorial) pour les titres, Inter pour la lecture, JetBrains Mono pour les eyebrows et les codes éditoriaux. Caveat en touche manuscrite pour les annotations façon carnet d'atelier.
- Des transitions de page premium — Turbo Drive 8 couplé à la View Transitions API native du navigateur : naviguer d'une page à l'autre déclenche un slide-fade-in du contenu pendant que la navbar et le footer restent immobiles. La sensation tient plus de l'application que du site web traditionnel.
- Des micro-animations GSAP discrètes — un curseur custom sur desktop, un ScrollTrigger qui révèle les sections au bon moment, un hero tracé à la main avec annotations qui se dessinent au chargement. Aucune animation gratuite : chacune sert la lecture, jamais la performance.
Le résultat parle plus fort qu'un argumentaire : le visiteur sent immédiatement qu'il n'est pas chez « encore une agence ». Il est chez un atelier qui taille le code et le design ligne par ligne.
Les 8 expertises de la maison, documentées comme 8 pages métier autonomes
Une agence qui dit faire « tout » fait souvent mal tout — et un prospect attentif le ressent. À l'inverse, lister précisément ses disciplines, en assumer le périmètre, expliquer ce qu'on livre dans chacune et ne pas en promettre plus : c'est ce qui rassure et qui qualifie en amont. On a donc fait de notre savoir-faire un sommaire éditorial complet :
- Sites vitrines artisanaux sur mesure — pour les artisans, professions libérales, cabinets, commerces de proximité qui veulent une présence locale qui décroche des appels, pas une carte de visite numérique poussiéreuse
- Boutique en ligne sur mesure (e-commerce) — Django + Stripe, sans commission de plateforme, sans loyer Shopify perpétuel, avec gestion catalogue, panier, paiement, suivi commandes et back-office propriétaire
- Plateformes éditoriales — magazines, blogs riches, médias spécialisés : CKEditor 5 pour l'écriture, planification de publication, catégories, mots-clés, sitemap dédié et performances SEO au cœur de l'architecture
- Applications métier & CRM — outils sur mesure qui collent au parcours réel de l'entreprise : gestion de clients, contrats, devis, factures, agenda, relances, dashboards d'exploitation — l'inverse exact d'un Salesforce qui ne fait jamais ce qu'on lui demande
- SEO technique & contenu — audit complet, meta tags éditables page par page, structured data schema.org, sitemap dynamique, robots.txt, IndexNow, et un pilotage des Core Web Vitals qui se mesure noir sur blanc
- Automatisations IA — agents sur mesure pour automatiser une tâche métier répétitive : tri de mails entrants, génération d'articles ébauchés, synthèse de documents, qualification de leads — branchés directement dans l'outil du client, pas une SaaS de plus à abonner
- Performance web — un site mesuré, prouvé, rapide. Pas de promesse marketing floue : Lighthouse, Sondo, Core Web Vitals, et un engagement contractuel sur les seuils tenus
- Maintenance évolutive — surveillance continue, mises à jour Django, monitoring, ajout de fonctionnalités au fil de l'eau. Un site qui vit et qui évolue, pas un livrable figé qu'on récupère un jour et qu'on jette trois ans plus tard
Chacune de ces disciplines a sa page dédiée sur le site, avec son angle éditorial, ses preuves, ses cas d'usage. Aucune n'est posée en vrac dans une liste de footer : ce sont 8 pages indexables, 8 portes d'entrée distinctes pour Google et 8 démonstrations d'expertise pour le visiteur.
Une méthode en trois temps assumée publiquement : créer, refondre, maintenir
Beaucoup d'agences vendent uniquement la création — la livraison initiale, le site neuf qu'on déploie un matin avec un communiqué. Mais un site web n'est pas une plaquette : il dérive avec le temps, ses pages vieillissent, ses contenus deviennent obsolètes, ses performances s'érodent, ses concurrents avancent. Promettre seulement la création, c'est laisser le client face à un objet voué à se dégrader.
On assume publiquement les trois temps du cycle complet :
- La création initiale — quand le client part de zéro ou veut un outil métier neuf. Cadrage, direction artistique, production en pur code Django, mise en ligne, formation au back-office
- La refonte — comme celle que vous lisez en ce moment : un site existant qui ne représente plus la maison, qui a vieilli graphiquement ou techniquement, et qu'on reconstruit en gardant le SEO acquis et en élevant le niveau d'exécution
- La maintenance évolutive — la suite logique : on reste partenaire, on surveille, on met à jour, on ajoute des sections, on optimise les Core Web Vitals au fil des mises à jour Google. Un site qui s'améliore tous les mois plutôt que de se figer le jour du go-live
Ce site Codemaster est lui-même la démonstration refonte de cette méthode : la version 2.0 du site (livrée en 2024) avait pris de l'âge graphiquement, ne reflétait plus la palette ni la voix qu'on déploie aujourd'hui. On a tout repris en 2026 — design, contenu, SEO, back-office — sans changer de stack ni de propriétaire. Le visiteur qui arrive sur cette fiche sait donc qu'on ne lui vend pas un concept abstrait : il en regarde le résultat tangible.
Du pur code Django, pas de CMS lourd ni de page builder propriétaire
Le drame silencieux d'un grand nombre de sites d'agence, c'est qu'ils sont posés sur des architectures fragiles : thèmes WordPress empilés de quinze plugins gratuits qui se contredisent, builders Elementor ou Divi qu'on ne peut plus quitter sans tout refaire, configurations bricolées qu'un développeur seul ose toucher. Le jour où une mise à jour de sécurité casse l'éditeur visuel, c'est trois semaines sans site, et une facture imprévue chez un freelance qui débogue à l'aveugle.
Le site Codemaster est livré en pur code Django, sur une architecture monolithique, transparente, sans dépendance exotique :
- Une seule stack Django, lisible, type-hintée — chaque app a un conf.py central où sont rangés ses paramètres, chaque vue a un logger structuré, chaque template a son cache busting (cache invalidé proprement à chaque déploiement)
- Aucun page builder propriétaire — les templates sont des fichiers HTML versionnés dans le repo Git, pas une base de données opaque exportée chaque soir
- WhiteNoise pour les statiques — pas de S3 séparé à payer ni de CDN tiers à configurer pour démarrer. Les assets sont servis par Django directement, avec cache long terme et compression
- Une stack maintenue 10+ ans — Django, PostgreSQL/MySQL, gunicorn, nginx : du standard industriel solide, supporté massivement, transmissible à n'importe quel développeur Python compétent
Concrètement pour le prospect qui nous lit : le code de votre site sera lisible par n'importe quel développeur Django demain. Vous n'êtes prisonnier de personne — y compris de nous. C'est le sens premier de la propriété 100 % qu'on assume.
Un score SEO mesuré à 98 sur 100 par notre propre outil d'audit
Le piège classique d'un site d'agence, c'est de soigner le design mais de bâcler le SEO technique — et de finir invisible sur Google, dépendant uniquement du bouche-à-oreille. Un mauvais semestre, un client en moins, et la machine cale.
On a fait l'inverse. Le site Codemaster passe à 98/100 sur Sondo, l'outil d'audit SEO que nous éditons et utilisons en interne pour tous nos sites en production. Le score n'est pas une promesse marketing à valider plus tard : il est mesuré sur le site live, page par page, et reproductible.
Ce qui produit ce score :
- Meta tags éditables page par page — titles ≤ 60 caractères, descriptions ≤ 160, jamais tronquées dans les résultats Google
- Structured data schema.org JSON-LD complet — Organization, ProfessionalService, WebSite, Article pour chaque billet de blog, Review pour les avis clients. Google comprend précisément ce qu'il indexe
- Un sitemap.xml dynamique étendu par chaque app — main, blog, réalisations, métiers, expertises : chaque ressource indexable est listée avec sa lastmod exacte, mise à jour automatiquement
- IndexNow câblé sur l'apex — Bing et Yandex sont notifiés immédiatement à chaque publication ou modification, plutôt que d'attendre un crawl périodique
- Une hiérarchie sémantique HTML rigoureuse — un seul H1 par page, des H2/H3 enchaînés logiquement, des landmarks ARIA, un skip-link pour l'accessibilité clavier
- Open Graph + Twitter Card par défaut — chaque lien collé sur LinkedIn, WhatsApp ou Slack affiche une miniature soignée avec titre, description et image cohérente, jamais une URL nue
Le message implicite : on ne vend pas du SEO en option ni en abonnement. On l'a intégré dans la fondation, on le mesure publiquement, et on délivre la même rigueur sur chaque site client.
Un portfolio interactif — celui que vous êtes en train de parcourir
La majorité des agences se contentent d'un slider de logos en bas de page d'accueil — illisible, oubliable, et silencieux côté SEO. On a refusé ce raccourci. Le portfolio Codemaster est un espace éditorial à part entière :
- Une fiche complète par projet — introduction qui pose l'enjeu, récit structuré en sous-parties orientées bénéfice client, galerie photos avant-après, métadonnées rangées (technologies, catégories, mots-clés, date de livraison)
- Chaque fiche est une page indexable autonome — Google les trouve, les indexe, et les remonte sur des requêtes que la home seule n'attraperait jamais (« portfolio artisan rénovation Nantes », « exemple SaaS Django », « site avec CRM intégré »)
- Mise en avant par display_order — un système de pin sur les fiches stratégiques : les projets vedettes remontent en tête de liste, les autres se rangent chronologiquement, le tout réglable depuis le back-office en deux clics
- Catégorisation et mots-clés transversaux — un visiteur qui cherche spécifiquement « plateforme éditoriale » trouve directement les cas pertinents, sans parcourir tout le book
- Publication en autonomie depuis le back-office — quand un projet est livré, sa fiche est en ligne le jour même : galerie, texte, tags, méta. Pas d'attente d'une refonte annuelle
Touche méta : la fiche que vous lisez en ce moment a été publiée depuis ce même back-office, comme toutes les autres. Vous tenez la preuve que le mécanisme marche.
Un blog éditorial pour capitaliser l'expertise mois après mois
Les sites qui ne publient jamais perdent silencieusement leurs positions Google, semestre après semestre, au profit de concurrents plus actifs. Une agence qui ne tient pas son blog envoie un signal contradictoire à ses prospects : elle vend du contenu éditorial mais ne s'en applique pas la discipline.
On a câblé un moteur de blog complet, prêt à fonctionner sans aucune dépendance externe : éditeur visuel CKEditor 5, gestion des catégories et mots-clés, statuts brouillon / planifié / publié, image d'en-tête, programmation à une date future, sitemap dédié, et back-office intégré dans le même espace d'administration que les réalisations.
Concrètement : un article rédigé le mardi peut être planifié pour publication le jeudi matin, sans aucune intervention manuelle. Le site publie tout seul à l'heure prévue. C'est ce qu'on déploie chez nos clients blog, et c'est ce qu'on s'applique à nous-mêmes pour faire vivre la maison Codemaster mois après mois.
Un back-office d'exploitation éprouvé au quotidien sur notre propre maison
On parle souvent du back-office comme d'un argument abstrait pour le client : « vous pourrez tout gérer vous-même ». Mais beaucoup de back-offices livrés sont en réalité des outils mal pensés, hérités d'un CMS, où l'on perd vingt minutes à publier une image. Le client renonce, rappelle l'agence, paie un forfait. La boucle est bouclée.
On a refusé ce modèle. Le back-office du site Codemaster est celui-là même qu'on déploie chez tous nos clients, et il est éprouvé sur notre propre maison au quotidien :
- Sidebar de navigation paramétrable par projet (différent pour Codemaster, différent pour un client e-commerce)
- Dashboards admin avec KPI temps réel et flux d'activité (analytics, messages reçus, articles publiés)
- Gestion des articles, des réalisations, des avis clients, des utilisateurs internes — toutes en autonomie
- Boîte de réception des messages de contact avec ouverture en modale, marquage lu/non-lu, suppression et tri non-lus en premier
- Agenda partagé multi-sources (CRM clients, échéances d'hébergement, tâches assignables)
- Système de simulation utilisateur pour le support : un admin peut « devenir » temporairement un utilisateur pour reproduire un bug ou voir ce qu'il voit, sans toucher à son compte
- Journaux d'activité datés par app, par domaine, pour la traçabilité complète
Tout ce que vous lisez sur agencecodemaster.com a été publié depuis ce back-office. C'est notre meilleure démonstration commerciale : si nous publions une réalisation en trois minutes, vous publierez la vôtre en trois minutes aussi.
Une cohérence totale entre ce qu'on promet et ce qu'on livre
Le vrai sujet d'une fiche méta comme celle-ci, c'est la cohérence. Si le site de l'agence n'est pas à la hauteur de ses promesses, le décalage tue la vente avant qu'elle commence. Si le site dépasse ses promesses, la vente se fait toute seule. Tout le projet de cette refonte a été conçu autour de cette idée : que chaque ligne de code, chaque pixel et chaque mot du site Codemaster soit cohérent avec ce qu'on facture aux clients qui nous confient leur projet.
- On dit « pur code Django, pas de plugin lourd » — et chaque page de ce site est servie par Django, sans WordPress, sans Wix, sans page builder caché derrière le rideau
- On dit « propriété 100 %, vous partez quand vous voulez » — et le code de ce site est versionné, lisible, transmissible, identique à ce qu'on remet aux clients
- On dit « SEO inclus, pas en option » — et ce site obtient 98/100 sur Sondo, mesuré, reproductible, public
- On dit « performance, < 1 s » — et c'est ce que vous venez de mesurer en chargeant cette page
- On dit « 8 expertises, pas une de plus » — et chacune a sa page dédiée, son angle éditorial, ses preuves, son sitemap
- On dit « refonte + maintenance, pas juste création » — et ce site est lui-même une refonte 2026 d'une version antérieure, maintenue chaque mois depuis sa mise en ligne
- On dit « back-office autonome, vous ne dépendez de personne » — et tout ce que vous lisez a été publié depuis ce back-office, par nous, en quelques minutes
Ce qu'il faut retenir
Le site Codemaster n'est pas une vitrine de plus dans un secteur où elles se ressemblent. C'est un manifeste éditorial complet : direction artistique signée, typographie soignée, 8 expertises documentées comme 8 démonstrations, portfolio interactif où chaque réalisation respire, blog prêt à capitaliser, back-office d'exploitation éprouvé au jour le jour, score SEO 98/100 mesuré sur notre propre outil d'audit, et une stack Django mature qui tient cinq ans minimum sans surprise.
Quand vous lisez cette fiche, vous ne lisez pas une promesse commerciale. Vous lisez une démonstration grandeur nature : si le site qui vous présente notre travail est cohérent, soigné, rapide, indexé et rangé, vous savez déjà à quoi ressemblera le vôtre une fois livré.
Et c'est exactement ce qu'on construit pour vous — la même qualité d'exécution, déclinée pour votre marque, votre métier et vos prospects.
