bon à savoir

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet consectetur.

Lorem ipsum dolor sit amet consectetur. Aliquam orci sagittis dignissim sapien praesent donec.

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Ajouter

Lorem ipsum

Lorem ipsum

Médéré × Gemeos

Médéré est un organisme de formation continue DPC pour les professionnels de santé, fondé par un médecin en 2019. Face à une croissance rapide, la plateforme avait besoin d'un site plus lisible, mieux structuré et capable de convertir autant qu'il référence.

A
A
A

UI design, Webflow et SEO pour le premier organisme DPC digital de France

Médéré est un organisme de Développement Professionnel Continu (DPC) fondé en 2019 par un médecin. En moins de cinq ans, la plateforme a réuni plus de 30 000 professionnels de santé autour d'un catalogue de 116 formations en ligne. Face à une croissance rapide, le site existant ne tenait plus la charge ni ne reflétait l'ambition de la marque.

Gemeos a piloté la refonte complète : direction artistique adaptée aux codes du secteur santé, UI design centré sur l'expérience des praticiens, développement Webflow avec un CMS catalogue sur-mesure, et stratégie SEO/GEO intégrée dès le démarrage.

Industrie

Services

A
A
A

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.

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.

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.

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é.

Look&Feel

Sommaire

Réactivité, Créativité, Super contact

Harry Sitbon

CEO @Medere

A
A
A

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.

Sommaire

Réactivité, Créativité, Super contact

Harry Sitbon

CEO @Medere

A
A
A

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.

Sommaire

Réactivité, Créativité, Super contact

Harry Sitbon

CEO @Medere

A
A
A

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.

Sommaire

Réactivité, Créativité, Super contact

Harry Sitbon

CEO @Medere

NOS dernières réalisations

+240 entreprises
accompagnées

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

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

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

Alexandre

Max

Enora

Bryan

Cannelle

Tiphaine

Vous allez :heart: notre collaboration...