Santé & Événementiel

Congrès JOD

Un congrès médical : le programme scientifique est le produit, l'inscription en est la caisse.

Année
2026
Conception
4 semaines
Stack
React · Vite · Tailwind · Supabase · Vercel
  • Design
  • Développement
  • Base de données
  • Inscription
  • SEO
https://www.congres-jod.org
Page d'accueil du site Congrès JOD — Santé & Événementiel, réalisé par Kayzen Web
édition du congrès
5ᵉ
validation affichée en tête
DPC
SEO Lighthouse
100/100
Le point de départ

Ce qu'il fallait résoudre.

Le contexte

Le Congrès JOD est la Journée d'Oncologie Digestive organisée par les Hospices Civils de Lyon. L'édition 2026 est la cinquième : programme scientifique, intervenants hospitalo-universitaires, validation DPC.

La contrainte

Le public est composé de praticiens qui décident en deux minutes, entre deux consultations, sur trois critères : les intervenants, les thèmes, et la validation DPC. Tout le reste est du bruit. À cela s'ajoute une contrainte de calendrier stricte — le site existe pour une date.

La réponse

Le programme scientifique est mis au premier plan, avec les intervenants nommés et leur affiliation. La validation DPC est annoncée dès le premier écran parce qu'elle conditionne la prise en charge. L'inscription est un tunnel court, avec récapitulatif et confirmation immédiate.

Mesuré, pas déclaré

Les scores relevés à la livraison.

Scores Lighthouse du site en production. Nous les publions tels quels : quand l'un d'eux est bas, sa cause et son plan de correction sont écrits plus bas plutôt que passés sous silence.

PageSpeed
71
Performance : 71 sur 100
92
Accessibilité : 92 sur 100
100
Bonnes pratiques : 100 sur 100
100
Référencement : 100 sur 100
Design & direction artistique

Chaque parti pris, et sa raison.

  1. Le programme avant l'événement

    Sessions, horaires, intervenants et affiliations sont accessibles sans défilement. Un praticien évalue un congrès sur son comité scientifique, pas sur son visuel.

  2. DPC affiché en tête

    La validation du Développement Professionnel Continu est le critère de prise en charge. La mentionner en pied de page reviendrait à la cacher.

  3. Registre institutionnel

    Bleu HCL, typographie sobre, aucune fantaisie. Un congrès hospitalo-universitaire ne se vend pas avec des codes de conférence tech.

Palette du projet

  • Bleu hospitalier

    #1B4B78

    Identité

  • Blanc clinique

    #FBFCFD

    Fond

  • Encre

    #1A1F26

    Texte

  • Vert validation

    #2E7D5B

    DPC, confirmations

Système typographique

Titrage

Outfit 700

Texte courant

Inter 400

Les horaires du programme sont en chiffres tabulaires : une colonne d'horaires désalignée rend un programme illisible en diagonale.

Ingénierie

Ce qu'il y a sous le capot.

  • React
  • Vite
  • Tailwind
  • Supabase
  • Vercel
  1. Inscriptions en base

    Supabase pour les inscriptions, avec politiques d'accès par ligne et confirmation automatique. Les données de professionnels de santé sont traitées avec durée de conservation définie.

  2. Programme typé

    Sessions, horaires, intervenants et salles dans un jeu de données unique, qui alimente l'affichage, le programme imprimable et le balisage Event.

  3. Un chantier de performance identifié

    71 en performance, dû aux portraits d'intervenants non normalisés. Le correctif est trivial et planifié — c'est un site événementiel dont la priorité absolue était la date.

Référencement

Comment le site se rend trouvable.

  1. Requêtes de spécialité

    « Congrès oncologie digestive 2026 », « JOD Lyon », « DPC oncologie ». Volume faible, intention maximale : chaque visiteur est un inscrit potentiel.

  2. Balisage Event complet

    Date, lieu, organisateur, mode de participation et statut. Un événement daté et balisé apparaît dans des surfaces de résultats spécifiques.

Accessibilité

Utilisable par tout le monde.

Depuis juin 2025, l'European Accessibility Act impose l'accessibilité numérique à une large part des services en ligne. Nous la traitons à la conception, pas en rattrapage.

  1. Programme lisible au clavier

    Le programme est un tableau sémantique avec en-têtes associés, et non une grille visuelle. C'est ce qui le rend navigable au lecteur d'écran et imprimable proprement.

Arborescence

Ce qui a été livré.

  • Accueil — programme et DPC
  • Programme scientifique
  • Intervenants
  • Inscription
  • Informations pratiques
  • Éditions précédentes
Méthode

Le déroulé du projet.

  1. Cadrage

    Trois critères de décision identifiés : intervenants, thèmes, DPC.

  2. Design

    Programme en tête, registre institutionnel.

  3. Développement

    Programme typé, inscriptions en base, confirmations.

  4. Mise en ligne

    Contrainte de date absolue, optimisations reportées après l'événement.

Questions

Ce qu'on nous demande souvent.

Parce qu'un site événementiel a une date et que rater la date rend le site inutile, quel que soit son score. Le chantier d'optimisation est identifié et planifié ; il ne l'a pas été avant la mise en ligne, et c'était le bon arbitrage.

Le même niveau d'exigence, pour votre site.

Audit gratuit de votre site actuel, devis sous 24 h et un raisonnement écrit — comme celui que vous venez de lire. Paiement en trois fois sans frais, aides locales vérifiées avant signature.

Partager