Skip to content

Recommend Gemeos to your network and earn a commission

Discover our referral program
Let’s talk?

Médéré: website redesign for a CPD training provider

Médéré offers continuing professional development courses to practitioners and caregivers. To present its catalog and make enrollment easier, the organization needed a clearer website.

Gemeos handled the art direction, UI, Webflow development and SEO, as a web agency for continuing medical education.

Médéré homepage: “Train with the best experts in dental surgery” headline and portraits of healthcare workers

A CPD catalog that is easy for healthcare professionals to use

Médéré offers continuing professional development courses to doctors and other practitioners. As its catalog grew, finding a course had to become simpler, especially by specialty, while keeping the guarantees of seriousness expected in the medical sector. The website had to help busy professionals identify the courses that match their practice and understand how to enroll.

Gemeos evolved the art direction and the catalog interfaces around these concrete uses. The Webflow build includes CMS templates and filters to manage the different courses without editing each page by hand. The SEO/GEO strategy supports this content organization to make the training information practitioners look for easier to find.

Industry
Education
Healthcare
Services
Artistic Direction
UX/UI Design
Development
SEO
Three Médéré homepage variants: “Train with the best health experts, easily” with portraits of doctors

Art Direction

A visual world that builds trust without feeling intimidating

The healthcare sector demands instant credibility. Médéré’s existing visual direction had the right foundation, a light palette, polished typography, but it lost consistency as the site grew. Gemeos reworked the visual system to make it rigorous and scalable: a rebuilt typographic hierarchy, consistent use of accent colors, and a unified treatment for training cards and testimonial blocks. The goal was to create a professional, reassuring result, worthy of the benchmark trainers Médéré brings together, without ever sacrificing the readability of the educational content.

  1. Warm & Playful

    A clean, reassuring sans-serif typeface pairs with colorful blocks and highlights that make the design feel dynamic and approachable. Warm colors channel Medere’s energy and enthusiasm. White blocks on a beige background break up the rhythm and create a warm, engaging visual world. Solid color sections pace the page and invite readers in, while a deeper green accent reinforces credibility. Rounded corners across every element echo the logo and strengthen the brand’s welcoming feel.

  2. Authentic & Textured

    A typographic duo, two complementary typefaces, creates the right balance between authenticity and professionalism. Solid color fields get a grain effect that adds depth and warmth. The blocks play with different shapes for a more playful, varied design. A beige background with white blocks creates a soft, inviting visual world. A deeper blue or green accent punctuates the whole system and reinforces credibility. Rounded corners keep the look aligned with the logo identity.

  3. Medical & Minimalist

    A more restrained, institutional direction led by blue, the color of medicine par excellence, and a symbol of trust and innovation. A versatile sans-serif typeface keeps things readable and credible. The modern, minimalist style signals precision, expertise, and reliability. A more classic direction that reassures demanding medical professionals and positions Medere as a serious player in the healthcare space.

Médéré homepage mockup: headline “Train with the best health experts”, photos and colored blocks
Concept 1
Médéré training catalog mockup: specialty filter tabs and DPC course cards on a yellow background

UI Design

Interfaces designed for doctors who don’t have time to waste

The training catalog is the heart of the site. That’s where conversion happens. Gemeos redesigned every template around the real-world needs of a practitioner looking for DPC training. Each training page puts the key details front and center, duration, format, specialty, expert speaker, ANDPC eligibility, with a visual hierarchy that naturally drives users to sign up.

Three new page structures were designed for the blog, list hub, article template, and author page, to showcase Médéré’s editorial expertise and strengthen its industry credibility. On the homepage, a typewriter animation speaks directly to each medical specialty, instantly anchoring the offer’s relevance for visitors in the first few seconds.

All mockups were delivered in Figma, organized by components so the Médéré team can easily take ownership and evolve them over time.

  • Médéré: training search modal with specialty filters and DPC course cards
  • Médéré training search interface: medical specialty filters, search bar and course cards
  • Medere review card: “92% of practitioners recommend our training courses,” +30k avatars, Trustpilot 4.4
  • Médéré homepage desktop and mobile mockups: “Train with the best experts in dental surgery” headline
  • Medere enrollment card: crossed-out €684 price, 100% covered, DPC course details and Sign up for the course button
  • Médéré training card: "Repérer et prendre en charge les symptômes associés au COVID long", 8 hours
  • Médéré long COVID training page with a “Merci pour vos informations” thank-you modal and two buttons
Laptop showing the Médéré training catalog with filters by topic and medical specialty

Webflow Development

A structured CMS built to manage 116 training programs without a developer

The main technical challenge: managing a catalog of 116 training programs with dynamic filters by specialty, a custom sorting system, category result counters, and a smooth browsing experience, all without a dedicated back end or external tech stack.

Gemeos architected the entire solution in Webflow, combining multi-reference CMS Collections with Finsweet Attributes for filtering and pagination.

ComponentTechnical Solution
Training catalog filtersFinsweet CMS Filter, multi-criteria filtering by specialty
Category countersCustom JS, dynamic display of the number of training programs by specialty
Catalog sortingCustom JS, combined sort (upcoming sessions first + descending price)
Blog paginationFinsweet CMS Load, progressive article loading
Homepage animationCustom JS typewriter, dynamic address by medical specialty
Homepage FAQCustom JS accordion, aria-expanded accessibility, CSS transitions
City dropdown (header)CMS toggle + dynamic JS, Paris / Lyon, scalable without code
Médéré Meetings pagesCMS template by city, /les-rencontres-medere-lyon

The URL structure follows an SEO-native logic from the root (/formations/kinesitherapeute, /formations/medecin-generaliste), making it easier for search engines to crawl and for users to navigate. The header includes a dynamic dropdown system for Médéré Meetings cities, connected to the CMS: the team can add a new date or a new city on their own, with zero technical support.

  • Phone held by a caregiver showing the Médéré site: “30,000+ health professionals,” 4.7/5 rating and reviews
  • Medere training search on a desktop monitor: specialty filters and long COVID training course cards
  • Laptop showing the Médéré training catalog with filters by topic and specialty, next to a stethoscope
  • Médéré website on a laptop: "human-sized training organization" section with team photo and key figures
  • Smartphone in a white coat pocket showing the Médéré mobile site: dental surgery training courses
Médéré blog mockups: article with table of contents, “DPC training?” box and table, author pages with articles

SEO / GEO

Structuring content for search engines and LLMs

Médéré’s SEO strategy rests on two complementary pillars: capturing qualified traffic from healthcare professionals looking for DPC training, and becoming a trusted source cited by conversational AI.

Architecture and internal linking

The site’s URL structure was designed to mirror the exact semantics of industry searches (/formations/chirurgien-dentiste, /formations/psychiatre). Each specialty page targets a specific search intent, with title tags and meta descriptions optimized for organic click-through rate. The editorial blog publishes content built around high-intent long-tail queries: DPC guides, procedure billing, and taxes for private-practice doctors.

Structured data

Schema.org markup was implemented to classify training programs (Course, EducationalOrganization), FAQs (FAQPage), and reviews (AggregateRating). These tags help search engines display rich snippets, ratings, common questions, directly in the SERPs, boosting visibility without relying on rank alone.

GEO optimization (Generative Engine Optimization)

LLMs (ChatGPT, Perplexity, Gemini) have become a direct discovery channel for healthcare professionals looking for information about DPC. To make sure Médéré gets cited in answers to those queries, the content was structured so AI can easily extract and attribute it:

  • Clear, standalone definitions of sector-specific terms (DPC, ANDPC, three-year requirement, Qualiopi)
  • A structured FAQ with complete, sourced answers
  • Specialty pages built as reference resources, not just sales-driven landing pages
  • Fact-based content brought to the front (ANDPC approval number, verifiable stats, trainer names with official titles)

This approach helps Médéré show up in generated answers when a practitioner asks an AI assistant a question about their DPC training.

Our latest projects

+250 companies supported

Websites designed and developed with

See all projects

You're going to working with us, guaranteed

Ready to launch your business?

get a quote

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