Aller au contenu

Recommandez Gemeos à votre réseau et touchez une commission

Découvrir notre système d’apport d’affaires
On en discute ?

Médéré : refonte web d'un organisme de formation DPC

Médéré propose des formations de développement professionnel continu aux praticiens et soignants. Pour présenter son catalogue et faciliter les inscriptions, l'organisme avait besoin d'un site plus lisible.

Gemeos a assuré la direction artistique, l'UI, le développement Webflow et le SEO, comme agence web pour la formation médicale continue.

Page d’accueil Médéré : « Formez-vous avec les meilleurs experts en chirurgie-dentaire » et portraits de soignants

Un catalogue DPC accessible aux professionnels de santé

Médéré propose des formations de développement professionnel continu aux médecins et autres praticiens. La croissance de son catalogue exigeait de rendre la recherche d'une formation plus simple, notamment par spécialité, tout en conservant les garanties de sérieux attendues dans le secteur médical. Le site devait aider des professionnels disposant de peu de temps à identifier les formations qui correspondent à leur pratique et à comprendre les modalités d'inscription.

Gemeos a fait évoluer la direction artistique et les interfaces du catalogue autour de ces usages concrets. Le développement Webflow comprend des gabarits CMS et des filtres pour gérer les différentes formations, sans imposer une modification manuelle de chaque page. La stratégie SEO/GEO accompagne cette organisation des contenus afin de rendre plus accessibles les informations de formation recherchées par les praticiens.

Industrie
Éducation
Santé
Services
DA
UX/UI Design
Intégration
SEO
Trois variantes de page d’accueil Médéré : « Formez-vous avec les meilleurs experts en santé », portraits de médecins

Direction Artistique

Un univers visuel qui inspire confiance sans intimider

Le secteur de la santé impose une exigence de crédibilité immédiate. La DA existante de Médéré avait les bonnes bases, palette claire, typographies soignées, mais manquait de cohérence à mesure que le site s'étoffait. Gemeos a retravaillé le système visuel pour le rendre rigoureux et scalable : hiérarchie typographique refondée, usage cohérent des couleurs d'accent, traitement uniforme des cards formations et des blocs de témoignages. L'objectif était de produire un rendu professionnel et rassurant, à la hauteur des formateurs de référence que Médéré réunit, sans jamais écraser la lisibilité du contenu pédagogique.

  1. Chaleureux & Ludique

    Typographie sans empattement lisible et rassurante, associée à des blocs colorés et surlignages qui rendent le design dynamique et sympathique. Les couleurs chaudes transmettent l'énergie et l'enthousiasme de Medere. Des blocs blancs sur fond beige cassent le rythme et créent un univers chaleureux et engageant. Les aplats de couleur rythment la page et incitent à la lecture, avec un vert plus soutenu en accent pour asseoir la crédibilité. Les bords arrondis sur tous les éléments reprennent les codes du logo et renforcent la dimension accueillante de la marque.

  2. Authentique & Texturé

    Un duo typographique, deux polices complémentaires, pour un équilibre entre authenticité et professionnalisme. Les aplats de couleur sont enrichis d'un effet grain qui apporte profondeur et chaleur. Les blocs jouent avec différentes formes pour un design plus ludique et varié. Le fond beige avec blocs blancs crée un univers doux et engageant. Un accent bleu ou vert plus soutenu vient ponctuer l'ensemble pour renforcer la crédibilité. Les bords arrondis maintiennent la cohérence avec l'identité du logo.

  3. Médical & Minimaliste

    Un parti pris plus sobre et institutionnel dominé par le bleu, couleur de la médecine par excellence, symbole de confiance et d'innovation. La typographie sans empattement polyvalente assure lisibilité et crédibilité. Le style moderne et minimaliste suggère précision, savoir-faire et fiabilité. Une direction plus classique qui rassure les profils médicaux exigeants et positionne Medere comme un acteur sérieux du secteur santé.

Maquette de la page d’accueil Médéré : titre « Formez-vous avec les meilleurs experts en santé », photos et blocs colorés
Concept 1
Maquette du catalogue de formations Médéré : filtres par spécialité et cartes de formations DPC sur fond jaune

UI Design

Des interfaces pensées pour des médecins qui n'ont pas le temps

Le catalogue de formations est le cœur du site : c'est là que se joue la conversion. Gemeos a redesigné l'ensemble des templates en partant des cas d'usage réels d'un praticien en recherche de formation DPC. Chaque page formation affiche en priorité les informations décisives, durée, format, spécialité, intervenant expert, éligibilité ANDPC, avec une hiérarchie visuelle qui guide naturellement vers l'inscription.

Trois nouvelles structures de pages ont été conçues pour le blog (hub liste, template article, page auteur), afin de valoriser l'expertise éditoriale de Médéré et renforcer sa crédibilité sectorielle. Sur la homepage, une animation typewriter adresse directement chaque spécialité médicale, ancrant dès les premières secondes la pertinence de l'offre pour le visiteur.

L'ensemble des maquettes a été livré sur Figma, avec une organisation par composants permettant à l'équipe Médéré de s'en saisir facilement pour les évolutions futures.

  • Médéré : fenêtre de recherche de formations avec filtres par spécialité et cartes de formations DPC
  • Page « Rechercher une formation » de Medere : filtres par spécialité médicale et cartes de formations en classe virtuelle
  • Bloc d’avis Medere : « 92% des praticiens recommandent nos formations », avatars +30k et TrustScore 4.4 Trustpilot
  • Page d’accueil Médéré sur desktop et mobile : « Formez-vous avec les meilleurs experts en chirurgie-dentaire »
  • Page catalogue des formations Médéré : titre « Découvrez les formations Médéré », filtres par spécialité et cartes
  • Encart d’inscription d’une formation Médéré : prix barré, 100% pris en charge, durée 8h et bouton d’inscription
  • Carte de formation Médéré : « Repérer et prendre en charge les symptômes associés au COVID long », 8 heures
  • Page formation Médéré avec une pop-up de confirmation « Merci pour vos informations » et bouton vers les formations
Ordinateur portable affichant le catalogue des formations Médéré avec filtres par thématique et par spécialité

Dev Webflow

Un CMS structuré pour piloter 116 formations sans développeur

Le défi technique principal : gérer un catalogue de 116 formations avec des filtres dynamiques par spécialité, un système de tri personnalisé, des compteurs de résultats par catégorie, et une expérience de navigation fluide, le tout sans back-end dédié ni stack technique externe.

Gemeos a architecturé la solution entièrement dans Webflow, en combinant des Collections CMS multi-référence et les Finsweet Attributes pour le filtrage et la pagination.

ComposantSolution technique
Filtres catalogue formationsFinsweet CMS Filter, filtrage multi-critères par spécialité
Compteurs par catégorieCustom JS, affichage dynamique du nombre de formations par spécialité
Tri catalogueCustom JS, sort combiné (sessions à venir en priorité + prix décroissant)
Pagination blogFinsweet CMS Load, chargement progressif des articles
Animation homepageCustom JS typewriter, adresse dynamique par spécialité médicale
FAQ homepageJS accordion custom, accessibilité aria-expanded, transitions CSS
Dropdown villes (header)CMS toggle + JS dynamique, Paris / Lyon, extensible sans code
Pages Rencontres MédéréTemplate CMS par ville, /les-rencontres-medere-lyon

L'architecture d'URL suit une logique SEO-native dès la racine (/formations/kinesitherapeute, /formations/medecin-generaliste), ce qui facilite autant le crawl des moteurs que la navigation des utilisateurs. Le header intègre un système de dropdown dynamique pour les villes des Rencontres Médéré, relié au CMS : l'équipe peut ajouter une nouvelle date ou une nouvelle ville en autonomie totale, sans intervention technique.

  • Smartphone tenu par un soignant affichant le site Médéré : « 30 000+ professionnels de santé », note 4.7/5 et avis
  • Recherche de formations Medere sur un écran de bureau : filtres par spécialité et cartes de formations COVID long
  • Laptop affichant le catalogue de formations Médéré avec filtres par thématique et spécialité, près d’un stéthoscope
  • Site Médéré sur un ordinateur portable : section « organisme de formation à taille humaine », photo d’équipe et chiffres clés
  • Smartphone dans la poche d’une blouse médicale affichant le site mobile Médéré : formations en chirurgie dentaire
Maquettes du blog Médéré : article avec sommaire, encart « formation DPC ? » et tableau, pages auteur avec articles

SEO / GEO

Structurer le contenu pour les moteurs de recherche et pour les LLM

La stratégie SEO de Médéré repose sur deux axes complémentaires : capter le trafic qualifié des professionnels de santé qui cherchent une formation DPC, et s'imposer comme une source de référence citée par les intelligences artificielles conversationnelles.

Architecture et maillage

L'URL structure du site a été pensée pour refléter la sémantique exacte des requêtes métier (/formations/chirurgien-dentiste, /formations/psychiatre). Chaque page de spécialité cible une intention de recherche précise, avec des balises title et meta description optimisées pour le taux de clic organique. Le blog éditorial produit du contenu positionné sur des requêtes longue traîne à forte intention : guides DPC, cotation des actes, fiscalité du médecin libéral.

Données structurées

Des schémas Schema.org ont été implémentés pour typer les formations (Course, EducationalOrganization), les FAQ (FAQPage) et les avis (AggregateRating). Ces balises permettent aux moteurs d'afficher des rich snippets, notation, questions fréquentes, directement dans les SERPs, augmentant la visibilité sans dépendre du rang.

Optimisation GEO (Generative Engine Optimization)

Les LLM (ChatGPT, Perplexity, Gemini) sont devenus un canal de découverte direct pour les professionnels de santé qui cherchent des informations sur le DPC. Pour que Médéré soit cité en réponse à ces requêtes, le contenu a été structuré pour être facilement extractible et attribuable par une IA :

  • Définitions claires et autonomes des termes sectoriels (DPC, ANDPC, obligation triennale, Qualiopi)
  • FAQ structurée avec des réponses complètes et sourcées
  • Pages de spécialité construites comme des ressources de référence, pas seulement des landing pages commerciales
  • Contenu factuel mis en avant (numéro d'agrément ANDPC, statistiques vérifiables, nom des formateurs avec leurs titres officiels)

Cette approche permet à Médéré d'apparaître dans les réponses générées lorsqu'un praticien pose une question sur sa formation DPC à un assistant IA.

Nos dernières réalisations

+250 entreprises accompagnées

Des sites designés et développés avec

Voir tous les projets

Vous allez notre collaboration, c’est garanti

Prêt à faire décoller votre activité ?

demander un devis

Let’s f*****G GO !!