Aller au contenu

Euphron Institut Website

Euphron Institut2026Web

Euphron Institut Website

Refonte du site d’Euphron Institut, organisme de formation aux métiers du sport : un site statique qui remplace un WordPress générique, conçu autour d’une contrainte inhabituelle — ne jamais promettre une formation qui n’est pas encore habilitée.

Client
Euphron Institut
Année
2026
Discipline
Web
Livrable
Design web — Refonte de site institutionnel — 2026
Conception, design et développement
Antoine Leclercq
Commanditaire
Euphron Institut, Levallois-Perret
Site statique Astro, mis en ligne le 7 août 2026
Euphron Institut Website — 1
Euphron Institut Website — 2
Euphron Institut Website — 3
Euphron Institut Website — 4
Euphron Institut Website — 5
Euphron Institut Website — 6
Euphron Institut Website — 7

01 / 07

Étude de cas

Euphron Institut est un organisme de formation professionnelle aux métiers du sport, installé à Levallois-Perret, dont la baseline est « Notre métier, le sport ». Son ancien site était un WordPress construit avec Elementor, au contenu en partie générique. La refonte a été menée de la conception au développement et mise en ligne le 7 août 2026.

Une contrainte qui a structuré tout le site

Les formations d’Euphron sont à des stades d’habilitation différents. Certaines sont en cours de structuration, sous réserve d’habilitation par la DRAJES Île-de-France ; d’autres ne sont encore qu’en préparation. Un organisme de formation ne peut pas annoncer un diplôme qu’il n’est pas encore autorisé à délivrer.

Cette contrainte réglementaire, plutôt que d’être traitée comme une gêne à masquer, est devenue le principe d’architecture du site. Chaque fiche de parcours affiche un encadré de statut explicite — « Projet en cours de structuration, sous réserve d’habilitation par la DRAJES Île-de-France. Seule la manifestation d’intérêt est ouverte à ce stade. » Le visiteur sait exactement où il met les pieds.

Se projeter sans rien promettre

La page d’accueil comporte une section « Les métiers qui vous attirent » : huit étiquettes — coach sportif, éducateur sportif, instructeur fitness, coach boxe et arts martiaux, professeur de yoga et pilates, personal trainer, dirigeant associatif — et une dernière, en jaune, qui dit « Je ne sais pas encore ».

Cette section est délibérément distincte de « Nos parcours ». Un clic sur un métier ne mène pas à une fiche de formation mais au formulaire de contact. La note laissée dans le composant est sans ambiguïté sur l’intention :

Bloc de projection, distinct de « Nos parcours ». Un clic sur un métier mène au contact : il sert à se projeter et à être orienté, jamais à annoncer qu’Euphron propose déjà chaque spécialité.

— Commentaire du composant d’orientation

La nuance est fine mais décisive. Elle permet au site de parler à quelqu’un qui se cherche — sans transformer cette conversation en promesse commerciale que l’organisme ne pourrait pas tenir. L’entrée « Je ne sais pas encore » est traitée comme les autres, avec sa propre couleur : ne pas savoir n’est pas une impasse, c’est un point de départ.

Deux publics, deux portes

Un organisme de formation ne s’adresse pas qu’à ses futurs élèves. Il parle aussi aux prescripteurs — France Travail, les Missions Locales, les collectivités — qui orientent des publics vers lui. Ce sont deux besoins sans rapport : l’un cherche un parcours pour soi, l’autre un interlocuteur pour les personnes qu’il accompagne.

Le site les sépare explicitement. La section finale, « Votre prochaine étape commence ici ! », propose deux cartes côte à côte : « Je veux me former » pour les candidats, « J’oriente un public » pour les prescripteurs et partenaires, chacune menant à un canal distinct. La même logique est reprise sur la page de contact.

Direction artistique

L’accueil s’ouvre sur un très grand titre en Boldonse, « Notre métier, le sport », en surimpression d’une photographie plein cadre, ponctué de l’étoile de la marque. Le reste du site alterne trois registres : le crème en fond de lecture, le jaune signal en aplats pleine largeur pour les moments d’action, et le noir pour les données de contexte.

Ce jaune n’est pas un fond décoratif : il marque les endroits où l’on choisit quelque chose. Les cartes de parcours, les boutons, la section de conversion finale. La charte le formule comme un « toucher rare » — sur le site, il est fréquent mais jamais gratuit.

Les chiffres de contexte sont traités à part, en jaune sur noir, avec leurs sources affichées sous chacun :

78 % des diplômés d’un BPJEPS occupaient un emploi rémunéré moins d’un an après l’obtention de leur diplôme.

— Donnée de contexte affichée sur le site, source INJEP

Un site que le client fait vivre

Le site est construit avec Astro et ne dépend d’aucune base de données : chaque build produit un dossier de fichiers statiques. Il est livré avec une interface d’administration à l’adresse /admin, adossée à une authentification GitHub, qui permet à l’équipe de modifier les fiches de parcours et les réglages sans passer par un développeur.

Le contenu est pensé pour résister aux manipulations. Une formation supprimée ou repassée en brouillon ne casse rien : le métier qui y renvoyait bascule automatiquement vers la liste des parcours. C’est le genre de garde-fou qui décide si un site est encore à jour deux ans après sa livraison.

Projet suivantEuphron Institut