Pierre Delattre

Product Design & Design Engineering

Le catalogue MBA affiche plusieurs formations. Un filtre réduit la sélection, puis une fiche Développeur Web et Web Mobile est ouverte. La fiche réunit la présentation, les modalités, le lieu et les informations de certification pour préparer la décision.

MBA Formations

Clarifier les parcours de formation pour aider chaque visiteur à identifier une offre et à prendre contact avec confiance.

Périmètre

Product Design, Design Engineering, Architecture de l’information

Outils utilisés

Figma, Claude Code, Hubspot, Keystatic, Cloudflare

Rendre une offre complexe plus facile à choisir

Comprendre une formation, la relier à sa situation, identifier les possibilités de financement et savoir comment prendre contact : le parcours doit aider à décider sans imposer un catalogue décourageant. Ma contribution ciblée porte sur la clarification des parcours, les pages familles, les fiches formation et les composants, puis sur une extension dédiée à l’acquisition organique.

Contexte MBA : publics B2C et B2B, demandes qualifiées, problèmes et contraintes de conception.

My Business Academy est présenté comme un organisme de formation certifié Qualiopi, destiné aux particuliers en reconversion ou en évolution et aux employeurs ou ressources humaines. Objectif : générer des demandes qualifiées grâce à un site vitrine clair et crédible.

Problèmes identifiés : informations dispersées ou trop denses, financement traité trop tard et parcours concurrents peu guidés. Contraintes : contenu SEO, réassurance pour un nouvel établissement, accès rapide aux informations clés, structure éditoriale durable avec documentation, et accessibilité selon le RGAA avec outils sur le site.

Contexte et contraintes
Quatre frictions, leurs besoins et les réponses produit : densité, financement, preuves et guidage.

Le tableau rapproche chaque friction d’un besoin et d’une réponse produit. Trop d’informations d’un coup → comprendre rapidement → aller à l’essentiel. Financement trop tardif → savoir si le projet est possible → montrer cette information plus tôt. Preuves peu visibles → être rassuré → montrer les preuves au bon moment. Parcours flous → savoir quoi faire ensuite → donner un chemin clair.

Freins à la décision
Besoins, freins et actions de quatre profils : reconversion, salarié, porteur de projet et employeur ou RH.

Reconversion : trouver une formation finançable avec une suite claire ; les obstacles sont la surcharge d’informations et le financement tardif. Actions proposées : voir les formations, vérifier le financement et demander un échange.

Salarié : trouver une formation compatible avec son temps disponible ; le parcours manque de clarté et de repères rapides. Actions proposées : découvrir une formation adaptée et contacter rapidement.

Porteur de projet : obtenir un accompagnement concret et applicable ; il est difficile de comprendre ce qui aidera à avancer. Actions proposées : comprendre l’offre, voir son utilité et poser une question.

Employeur ou RH : vérifier conformité, fiabilité et qualité ; les preuves manquent de visibilité et l’offre paraît générique. Actions proposées : vérifier la conformité et demander un devis.

Situations et besoins des visiteurs

Ce qui a orienté les parcours

L’analyse de six concurrents et de quatre profils (reconversion, salarié en évolution, porteur de projet et employeur ou RH) a orienté le cadrage. Le financement difficile à trouver, la surcharge du catalogue, la faible réassurance et un contact peu contextualisé ont guidé les priorités de conception.

Cadrage MBA : sources, documentation structurée, méthodes, six concurrents et décisions de conception.

Les données d’entrée réunissent sources brutes, documentation existante, contexte métier, ateliers avec les parties prenantes et analyse concurrentielle. La chaîne représentée va des sources à une documentation structurée, puis au contenu publiable et aux supports finaux.

Méthodes : audit des parcours clés, analyse concurrentielle UX et SEO, comparaison des signaux de réassurance, ateliers de cadrage et de priorisation, comparaison de la lisibilité tarifaire. Les six concurrents cités sont AFPA, Wake Up Success, Biopyk Campus, IDMN Formations, Innova Campus et TMK Performances.

Les décisions issues du cadrage sont de rendre l’offre rapidement compréhensible, réduire la friction de prise de contact et installer la confiance tôt dans les parcours.

Un cadrage fondé sur les besoins et les frictions

Partir de l’intention de la personne

Avant d’exposer l’ensemble de l’offre, les portes d’entrée doivent aider chacun à se reconnaître dans un besoin ou une situation. Les principes de conception rapprochent le choix de formation, les informations de financement et l’action suivante pour rendre le parcours plus clair.

Cinq principes MBA : clarté, réassurance, priorité mobile, accessibilité et gouvernance éditoriale.

Cinq principes structurent la conception. Clarté avant densité : montrer l’essentiel d’abord, détailler ensuite, proposer des entrées par intention et alléger les pages. Réassurance continue : présenter Qualiopi et les preuves de confiance avant les moments de contact.

Mobile en priorité : concevoir lecture et action pour smartphone, rendre les contenus plus faciles à parcourir, les appels à l’action plus visibles et les séquences plus courtes. Accessibilité par défaut : prévoir lisibilité, contrastes, structure, navigation fiable et logique RGAA. Gouvernance éditoriale : définir des règles de publication et de cohérence, maintenir l’architecture et réduire la dette éditoriale.

Les principes qui structurent les parcours

Organiser les pages familles autour des besoins

Les pages familles relient les intentions des visiteurs aux formations pertinentes. Elles structurent le passage de l’accueil à la fiche formation et donnent un premier niveau de comparaison. L’architecture sert de fil conducteur : identifier son besoin, comprendre l’offre, puis choisir la suite du parcours.

Arborescence MBA : formations, financement, organisme, contact et pages légales.

L’accueil se divise en cinq branches. Formations : familles Commerce et Vente, Management, Insertion Formation et Français Langue Étrangère. Financement : CPF, OPCO, autres dispositifs et modalités ou éligibilité.

Organisme : présentation, certification Qualiopi, preuves et indicateurs. Contact, devis et demandes d’informations : formulaire et demande de devis. Pages légales et qualité : mentions légales, confidentialité, conditions générales et accessibilité.

Architecture des parcours de formation
Page famille de formations

La page Commerce et Vente rassemble les formations de cette famille dans une liste de cartes pour comparer l’offre avant d’ouvrir une fiche.

Page famille de formations

Faire du financement une information de décision

Le financement compte dès le choix d’une formation. Le placer au bon moment du parcours aide le visiteur à évaluer la faisabilité de son projet avant la prise de contact. La fiche rapproche cette information du contenu de la formation et des éléments de réassurance.

L’écran initial présente six dispositifs en trois colonnes : CPF, OPCO, AIF, alternance, Transitions Pro et AGEFIPH. Le profil Demandeur d’emploi est sélectionné ; quatre résultats restent disposés en une rangée de trois puis une carte. La carte AIF reçoit un effet de survol puis de pression. Elle ouvre une page dédiée à l’Aide individuelle à la formation et à ses conditions. La scène se réduit avant de revenir à l’écran initial.

Identifier les dispositifs selon sa situation

Une fiche formation qui prépare la prise de contact

La fiche formation doit permettre de comprendre ce que l’on va apprendre, vérifier les conditions et savoir comment avancer. Les contenus, les appels à l’action et les composants sont pensés dans cette continuité : accompagner la décision, puis faciliter le contact avec l’organisme. Les informations recueillies alimentent ensuite le CRM, la notification à l’équipe et un rapport automatisé sur les financements, les contrats possibles et les prochaines sessions.

Présentation de la formation

La fiche Assistant commercial organise le programme, la certification et les informations utiles à la candidature autour de la présentation de la formation.

Présentation de la formation
Prise de contact, CRM, notification à l’équipe puis rapport sur les financements, contrats et sessions.

Le parcours comporte quatre étapes successives : prise de contact, enregistrement dans le CRM, notification à l’équipe puis génération d’un rapport automatisé. Ce rapport rassemble les financements mobilisables, les contrats possibles dont l’alternance et les prochaines sessions envisageables.

De la prise de contact au rapport automatisé

Présenter les informations dans leur contexte

La fiche réunit les informations essentielles pour situer la formation, vérifier ses modalités et engager la suite du parcours.

Fiche formation MBA présentée sur un ordinateur portable

La fiche de formation MBA est affichée dans un mockup d’ordinateur portable. L’image illustre le rendu desktop en situation ; les informations de la fiche sont également expliquées dans la section précédente.

Comprendre la formation avant de s’engager

Relier les contenus à la fiche publique

Les champs Format & planning de Keystatic (Back-office) structurent les informations utiles à la décision. Leur publication alimente la fiche formation avec des repères cohérents sur la durée, le rythme et les prochaines sessions.

La liste des formations dans Keystatic ouvre Développeur Web et Web Mobile. La navigation parcourt les informations générales, la certification avec niveau 5 et code RNCP37674, puis Format & planning : durée de 730 heures, rythme présentiel et distanciel synchrone, entrée après entretien et champ de prochaine session. La fiche publique reprend la durée, le rythme, les modalités continue ou alternance, le lieu, le délai d’accès et une session à annoncer. La démonstration retourne à la liste.

Des champs de planning au rendu public
Landing page dédiée à une intention

Cette page d’entrée relie une intention professionnelle à une formation pertinente et propose une suite vers l’offre de formation.

Landing page dédiée à une intention
Trois recherches locales fictives : négociateur technico-commercial, management et formation continue FLE à Lille.

Trois exemples fictifs de requêtes locales illustrent les intentions ciblées : « Négociateur technico-commercial Lille », « Formation management Lille » et « Formation continue FLE Lille ». Chaque requête occupe une carte distincte avec une icône de recherche.

Exemples de requêtes locales ciblées
Article ou index du blog

La page de blog organise les contenus éditoriaux comme portes d’entrée vers les informations et les parcours de formation.

Article ou index du blog

Prolonger les parcours par l’acquisition organique

En fin de mission, le périmètre s’est étendu à des landing pages, des pages géolocalisées et un blog simple. Ces portes d’entrée répondent à des recherches ciblées et rejoignent les parcours de formation. L’objectif est de capter un trafic qualifié et de l’amener vers une offre pertinente. Des données structurées décrivent les formations, les articles et les fils d’Ariane pour faciliter leur compréhension par les moteurs de recherche et préparer les contenus aux résultats enrichis Google (rich snippets).

Préparer le suivi des parcours et de l’acquisition

Le suivi repose sur Analytics et un plan de taggage pour mesurer les parcours sur le site, les interactions avec les formations et les prises de contact. Le tracking des campagnes mailing relie les messages aux visites et aux actions réalisées sur le site, afin de suivre les points d’entrée et les conversions.