Je dois entendre cette phrase une fois par mois. Elle est parfaitement légitime : quand on a passé des semaines à travailler son identité visuelle, à peaufiner ses écrans dans Figma, on a l'impression sincère que le plus dur est fait. Le design est validé, les couleurs sont posées, chaque section est à sa place. Ce qui reste ressemble à une formalité.
Sauf que non. Et je vais vous montrer pourquoi avec un projet réel, livré cet été : le site de Pédago'Up, le cabinet de conseil en ingénierie pédagogique de Carla Delépée.
Une maquette est une image, pas un site
C'est le point de départ, et il explique tout le reste. Un fichier Figma, aussi abouti soit-il, reste une représentation figée. Elle existe à une seule largeur d'écran, avec du contenu de démonstration, et sans aucun comportement.
Trois questions essentielles n'y trouvent jamais de réponse.
Ce qui se passe entre les tailles d'écran. Une maquette est généralement dessinée en 1440 pixels de large, parfois doublée d'une version mobile. Mais entre les deux, il existe une infinité de largeurs réelles : la tablette en mode portrait, l'ordinateur portable de 13 pouces, la fenêtre à moitié réduite. À chacune, la mise en page doit tenir.
Comment le contenu réel se comporte. Dans la maquette, un témoignage client fait trois lignes bien calibrées. Dans la vraie vie, le client envoie un paragraphe de huit lignes. La grille doit encaisser sans se déformer.
Qui met à jour, et comment. Une maquette ne dit rien de la suite. Or un site vit : on publie un article, on ajoute une référence, on corrige un tarif. Si chaque modification exige un appel au prestataire, le site devient un boulet.
Le cas Pédago'Up : une maquette solide, et pourtant du travail
Carla Delépée est ingénieure pédagogique. Elle accompagne des organismes de formation, des écoles d'ingénieurs et des PME sur la conception de leurs dispositifs. Elle est arrivée avec un dossier sérieux : parcours utilisateur réfléchi, hiérarchie claire, identité graphique cohérente. Rien à redire.
Et c'est justement parce que la maquette était exigeante qu'elle demandait un vrai travail d'intégration. Une maquette approximative, on l'interprète librement. Une maquette précise, il faut la respecter au pixel — et c'est plus difficile.
Traduire 1440 pixels en 375 pixels
Sur le site de Pédago'Up, la section « Notre démarche » présente cinq étapes d'accompagnement, disposées en frise sur grand écran. En version mobile, une frise horizontale de cinq éléments est illisible. Il a fallu décider : on empile verticalement, on conserve la numérotation pour garder la logique de progression, on ajuste la taille des titres, et on supprime certains éléments décoratifs qui n'apportent plus rien sur 375 pixels.
Ce genre d'arbitrage, il y en a des dizaines sur un site. Chacun est une décision, pas une conversion automatique.
Prévoir le contenu qui déborde
Les témoignages de Carla proviennent de vraies clientes : une directrice d'école de la deuxième chance, une responsable d'innovation pédagogique, une fondatrice d'organisme de formation. Leurs textes n'ont pas la même longueur, et il n'était pas question de les tronquer. Les blocs ont donc été construits pour s'adapter à leur contenu, et non l'inverse.
Rendre la cliente autonome
Carla publie des articles de fond sur la reconnaissance des compétences, l'animation de formation, les open badges. C'est son expertise, et c'est aussi ce qui fera vivre son référencement dans le temps. Il fallait donc qu'elle puisse publier seule, sans risque de casser la mise en page.
Concrètement : un gabarit d'article verrouillé, des zones d'édition clairement délimitées, et une prise en main d'une trentaine de minutes. Depuis, elle publie. C'est exactement l'objectif.
Les fondations que personne ne voit, et que Google voit très bien
Voici la partie la plus invisible du travail, et probablement la plus décisive pour la suite.
Une maquette ne dit rien de la structure du code. Or c'est elle qui détermine la façon dont votre site est lu par les moteurs de recherche et par les technologies d'assistance.
- La hiérarchie des titres. Un titre n'est pas « du texte en gros ». C'est un balisage qui indique l'importance et l'imbrication des idées. Mal structuré, il brouille la compréhension de vos pages.
- Les textes alternatifs des images. Chaque visuel porte une description, utile aux personnes non-voyantes comme à l'indexation.
- Le poids des pages. Toutes les images du site ont été converties au format WebP. Un site léger se charge vite, et un site rapide est mieux positionné.
- La conformité du formulaire. Consentement explicite au stockage des données, mentions légales accessibles, protection anti-spam.
- L'accessibilité numérique. Contrastes suffisants, navigation possible au clavier, structure lisible par un lecteur d'écran.
Sur ce dernier point, Carla a été particulièrement exigeante — et elle a raison : l'accessibilité pédagogique fait partie de ses prestations. Un site qui aurait ignoré le sujet aurait été en contradiction avec son propre discours.
Ces éléments ne se voient pas. Ils ne se ressentent qu'en creux, quand ils manquent. Et c'est précisément le sujet du référencement naturel : un site bien construit ne garantit pas la première place, mais un site mal construit vous en écarte durablement.
Livrer n'est pas terminer
Un site WordPress n'est pas un document déposé sur un serveur. C'est un logiciel connecté en permanence à Internet, composé d'un cœur, d'un thème et d'extensions qui évoluent chacun de leur côté.
Sans suivi, la dégradation est silencieuse. Une extension abandonnée par son développeur devient une porte d'entrée. Une mise à jour appliquée sans test casse un affichage. Et le cas le plus fréquent, celui que je rencontre presque à chaque audit : le formulaire de contact qui a cessé d'envoyer les messages, sans que personne ne s'en aperçoive. Combien de demandes perdues ? Impossible à savoir. C'est bien le problème.
J'assure donc le suivi technique de Pédago'Up : mises à jour vérifiées avant application, sauvegardes régulières, surveillance de la sécurité, contrôle des performances et de l'indexation. Vous trouverez le détail de cette prestation sur ma page dédiée à la maintenance de site internet.
Vous avez une maquette, un template ou un site à moitié fini ?
Ce cas de figure est plus courant qu'on ne le croit à Bayeux et dans le Bessin. Vous avez travaillé avec un graphiste local. Vous avez acheté un thème sur une place de marché. Vous avez commencé un site vous-même et vous êtes bloqué à 70 %. Ou un prestataire est parti en laissant les choses en l'état.
Dans tous ces cas, la question n'est pas « faut-il tout recommencer ». Souvent, non : le travail déjà fait a de la valeur, et il serait absurde de le jeter. La question est de savoir ce qui manque pour que l'ensemble devienne un outil fiable.
C'est ce que je fais : reprendre l'existant, l'intégrer proprement, le rendre autonome, et l'entretenir ensuite. Avec un interlocuteur unique, joignable, installé dans le Calvados — ce qui change beaucoup de choses le jour où quelque chose ne fonctionne plus.
Vous pouvez consulter d'autres réalisations ou découvrir l'ensemble de mes prestations web à Bayeux.
Parlons de votre projet
Que vous partiez d'une page blanche, d'une maquette Figma ou d'un site existant à reprendre, le premier échange est le même : comprendre où vous en êtes et ce qui vous manque réellement. Sans jargon et sans engagement.
Contactez-moi pour en discuter — je réponds rapidement, et toujours personnellement.