La situation de départ
Un centre de formation en esthétique certifié Qualiopi, près d'Avignon, dont la visibilité tenait à Instagram et au bouche-à-oreille. Une candidate qui cherche « formation extension de cils Avignon » ne le trouvait pas, et sa première question, celle du financement, n'avait de réponse nulle part.
Ce qui a été livré
Un site qui répond aux deux seules questions d'une candidate : qu'est-ce que j'apprends exactement, et qui paie. Une fiche par formation avec son code officiel, une page qui compare les six dispositifs de financement, la certification Qualiopi expliquée, et des articles de fond sourcés vers Légifrance et le FAFCEA. Le tout pré-rendu, sans base de données ni back-office à maintenir.
Ce que ça change
Le projet vu par ceux qui s'en servent tous les jours.
01
Trouvable là où les élèves cherchent
La ville figure dans le texte visible, pas seulement dans les balises. L'adresse est citée à l'identique sur les dix-neuf pages, et le centre est décrit à Google comme un établissement local : horaires, coordonnées, zone desservie.
02
La question du financement traitée en face
Six dispositifs comparés, avec les codes officiels des formations concernées. C'est la première chose qu'on demande au téléphone ; elle n'occupe plus la conversation.
03
Rien à maintenir pour rester en ligne
Pas de base de données, pas de back-office, pas d'abonnement mensuel à un outil. Le site tourne en pages pré-calculées : il n'y a rien qui puisse tomber en panne un dimanche soir.
Les écrans, un par un
Chaque capture reste en place le temps qu'on lise ce qu'elle démontre, et chacune est doublée de sa version sur téléphone.
01 / 03
La fiche formation
La seule page qui doit convertir. Prix affiché, code de certification, durée, compétences visées, débouchés, et un lien vers le référentiel officiel pour qui veut vérifier. Deux boutons : poser une question tout de suite, ou demander le programme détaillé.
Côté technique
Balisée en `Course` avec sa session, son offre et le titre professionnel préparé. Un tarif encore inconnu n'est pas envoyé à Google : la fonction de garde l'écarte plutôt que d'inventer.
Sur téléphone
L'encadré des informations pratiques passe sous le contenu au lieu de disparaître, et les deux boutons restent atteignables au pouce.
02 / 03
Le financement, en face
C'est la question qui bloque tout, elle a donc sa page entière. Les dispositifs mobilisables, la prise en charge possible, le paiement en plusieurs fois, et l'accompagnement pour monter le dossier, parce que personne ne sait le faire seul.
Côté technique
FAQ balisée en `FAQPage` dont le texte envoyé à Google vient du même tableau source que le texte affiché. Ils ne peuvent pas diverger.
Sur téléphone
Le bloc de synthèse passe sous l'accroche : sur téléphone, on lit la promesse avant le détail.
03 / 03
La certification, montrée
Qualiopi est ce qui rend les formations finançables, donc ce qui décide de l'inscription. Le certificat est affiché en entier, avec son numéro, l'organisme certificateur et sa date de validité, et s'ouvre en PDF d'un clic.
Côté technique
Le titre est déclaré en `EducationalOccupationalCredential` sur la fiche d'identité de l'établissement, avec son numéro et son certificateur.
Sur téléphone
Le certificat se lit en pleine largeur sous le texte, plutôt que réduit à côté.
Le reste du site
Cliquez pour agrandir : une interface dense ne se lit pas en timbre-poste.
Le même site, sur un téléphone
Pas une version allégée : les mêmes pages, le même contenu, les mêmes chemins. La majorité des visites se fait depuis un téléphone.
Les choix, et pourquoi
Chaque décision porte sa raison, puis ce qui casserait sans elle.
01
Les données structurées refusent de mentir
Deux garde-fous dans le code. Un tarif encore inconnu n'est pas balisé : une fonction écarte les valeurs de gabarit au lieu de les envoyer à Google. Et la note affichée sur le site, qui vient de Google lui-même, n'est délibérément pas rebalisée en `aggregateRating`.
Sans ça : Baliser soi-même une note tierce ou un prix fictif, c'est s'exposer à une action manuelle. On perd alors bien plus que ce qu'on espérait gagner.
02
Le référencement local avant tout le reste
Pour un centre de cette taille, c'est le seul levier réaliste : personne ne bat les gros organismes sur « formation esthétique », mais « extension de cils près d'Avignon » se gagne. D'où le lieu dans le texte lu par les humains, une citation d'adresse identique partout, et un balisage qui co-type le centre comme établissement local.
Sans ça : Une ville présente uniquement dans les balises invisibles ne pèse rien. Google lit ce que lisent les visiteurs.
03
Une formation est déclarée comme une formation
Chaque fiche est balisée en `Course`, avec sa session, son offre, sa charge de travail en format normalisé et le titre professionnel qu'elle prépare, codes officiels à l'appui. C'est ce qui permet à une fiche d'apparaître autrement qu'en résultat bleu ordinaire.
Sans ça : Sans ce balisage, une page de formation est une page comme une autre, et elle se bat à armes égales avec des annuaires.
04
La FAQ balisée dit exactement ce que la page affiche
Le texte envoyé à Google et le texte lu par la visiteuse viennent du même tableau source. Ils ne peuvent pas diverger, même après une correction faite dans l'urgence.
Sans ça : Un contenu balisé différent du contenu visible est traité comme une dissimulation, et c'est le genre de faute qu'on découvre six mois plus tard.
05
Pas de CMS pour dix-neuf pages
Le contenu vit dans le code, versionné et relu comme le reste. Toutes les routes sont pré-calculées à la construction : aucune base à interroger, aucune extension à mettre à jour, rien à sauvegarder.
Sans ça : Un CMS sur un site de cette taille ajoute une dépendance, une surface d'attaque et une facture mensuelle, pour un gain nul.
06
Lisible, y compris quand on lit mal
Contrastes vérifiés au niveau AA, formulaire à étiquettes réelles et messages annoncés aux lecteurs d'écran, lien d'évitement, page d'accessibilité publiée. Le public visé est majoritairement sur téléphone, souvent en extérieur.
Sans ça : Un texte gris clair sur fond crème passe très bien sur l'écran du concepteur, et devient illisible au soleil sur un téléphone.
- Notre rôle
- Conception, rédaction, développement, référencement
- Nature
- Site web
- Technologies
- Next.js 16
- TypeScript
- Tailwind CSS v4
- React Hook Form + Zod
- Resend
- JSON-LD Course / FAQPage
Dites-nous ce que vous cherchez à construire.
Nous écrire sur WhatsAppLes autres réalisations
Bahia Renov Pro
Logiciel métier · Espagne
Les chantiers se pilotaient au tableur partagé et au téléphone. Trois personnes saisissaient les mêmes informations, et chaque dossier d'aide devait repartir chez le délégataire avec les bons papiers, dans le bon ordre, sous peine d'être rejeté.
Voir l'étude de cas
Terres de Villas
Immobilier de prestige · France
Une agence naissante sur un marché où la crédibilité se joue avant le premier rendez-vous. Face à des enseignes installées depuis vingt ans, il fallait paraître établie dès le premier jour, et exister en anglais sans doubler le travail de saisie.
Voir l'étude de cas
SAVY
Finances personnelles · Produit du studio
Tenir un budget à plusieurs se fait au tableur partagé, ou pas du tout. Chacun avance une dépense, personne ne sait où en est le mois, et la conversation revient toujours au même endroit : qui a payé quoi.
Voir l'étude de cas