Le point de départ
Le point de départ
Audioformea s’adresse à une niche, les audioprothésistes, soit environ 7 000 professionnels en France. L’organisme vient de renouveler toute son identité de marque, et souhaite un site à la hauteur de cette nouvelle image, mais aussi équipé d’outils de mesure pour suivre ses performances.
L'équipe nous a fait deux demandes. La première est de pouvoir publier elle-même ses parcours et ses sessions de formation, directement depuis le site. La seconde est de proposer des ressources gratuites (guides, extraits de cours, webinaires) en échange des coordonnées des visiteurs, pour alimenter sa prospection.
Nous avions un troisième enjeu, présent dans toutes nos refontes, qui était de conserver le référencement acquis sur Google lors du changement de site.
Étape 1 : Arborescence et maquettes, en lien avec la graphiste
Nous avons commencé par construire l’arborescence du site, pour guider chaque audioprothésiste vers la formation qui lui correspond, quel que soit le format souhaité.
Nous avons associé au projet la graphiste qui a créée la charte graphique, afin de gagner en cohérence. Elle a participé aux revues de maquettes, et nous avons affiné ensemble les couleurs, la typographie et les espacements pour que le site s’inscrive dans la nouvelle identité.
Toutes les maquettes ont été partagées sur Figma. Plusieurs personnes ont participé au projet côté Audioformea. Chacune a pu commenter directement les éléments concernés, et tous les retours ont été centralisés au même endroit.
Étape 2 : Développement Webflow
Le site a été développé sur Webflow, pour laisser une liberté totale lors du développement et permettre à Audioformea de faire évoluer le site et ses contenus en autonomie.
Un catalogue que l’équipe gère seule
Chaque formation d’Audioformea existe sous forme de sessions, avec une date, un lieu et un format. Nous avons structuré le CMS en collections reliées entre elles : parcours, sessions, formateurs, thématiques, ressources et avis. Quand l’équipe ajoute une session, elle apparaît automatiquement sur la page du parcours, dans le catalogue filtrable par format et par thématique, et dans la liste des prochaines sessions. Chaque session s’ouvre dans une fenêtre qui réunit les dates, le lieu et le formulaire d’inscription.
Des ressources gratuites qui génèrent des contacts
Pour Audioformea, les ressources gratuites sont une première étape avant l’inscription à une formation. Chaque guide, extrait de cours ou webinaire a sa propre page, avec un aperçu du contenu et un formulaire visible dès l’arrivée. La ressource s’affiche dès que le visiteur a laissé son email et son numéro de téléphone. L’équipe peut ensuite lui proposer la formation liée au sujet qui l’intéresse.
Un contact direct avec un conseiller
Certains audioprothésistes préfèrent poser leurs questions de vive voix, notamment sur le financement de leur formation. Un bouton « Appeler un conseiller » est accessible depuis toutes les pages et lance l’appel directement sur mobile.
Étape 3 : Migration et SEO technique
Avant la mise en ligne, nous avons recensé toutes les pages de l’ancien site et redirigé chacune vers sa nouvelle version. Les liens déjà partagés et les pages connues de Google continuent ainsi de fonctionner.
Le jour du lancement, nous avons repéré une copie de l’ancien site, encore accessible à une autre adresse et toujours indexée par Google. Elle a été redirigée vers le nouveau site. Le doublon a disparu des résultats de recherche, et le référencement acquis par l’ancien site profite désormais au nouveau.
Étape 4 : Formation de l’équipe et mise en ligne
Nous avons ouvert l’espace de contenus avant la fin du développement. Après une session de prise en main en visio, l’équipe a commencé à saisir les contenus des formations pendant que nous terminions l’intégration. Elle a ainsi gagné du temps et s’est approprié l’outil avant même le lancement. Des travaux menés en parallèle, qui nous a permis de rester efficaces et de livrer le site dans les délais convenus.
Après une dernière série de tests sur les différents navigateurs et formats d’écran, le site a été mis en ligne à la date du lancement officiel annoncée par Audioformea aux médias professionnels.
Étape 5 : Ajustements après le lancement
Un mois après la mise en ligne, nous avons fait le point avec l’équipe sur les premiers usages du site. Nous avons ajouté une page « Prochaines sessions » qui liste toutes les dates par ordre chronologique, nous avons allégé la fenêtre d’inscription et retravaillé la version mobile.
Nous avons également installé Microsoft Clarity. Cet outil montre comment les visiteurs utilisent le site : où ils cliquent, jusqu’où ils lisent, où ils s’arrêtent. Ces données nous aident à choisir les prochaines améliorations.
Les résultats obtenus
Audioforméea dispose désormais d’un site à l’image de sa nouvelle identité, pensé pour les audioprothésistes et leurs contraintes.
L’équipe publie elle-même ses sessions, ses ressources et ses avis, et son catalogue suit le calendrier réel des formations. Les ressources gratuites et le formulaire d’inscription lui apportent des contacts qualifiés à recontacter. Le changement de site s’est fait sans perte de visibilité, et le trafic comme les conversions sont maintenant mesurés, ce qui n’était pas le cas sur l’ancien site.
