Gesundheit & Veranstaltungen

Congrès JOD

Ein medizinischer Kongress: Das wissenschaftliche Programm ist das Produkt, die Anmeldung die Kasse.

Jahr
2026
Umsetzung
4 Wochen
Stack
React · Vite · Tailwind · Supabase · Vercel
  • Design
  • Entwicklung
  • Datenbank
  • Anmeldung
  • SEO
Website besuchen(neuer Tab)Über ein ähnliches Projekt sprechen
https://www.congres-jod.org
Startseite der Website Congrès JOD — Gesundheit & Veranstaltungen, erstellt von Kayzen Web
Ausgabe des Kongresses
5.
Anerkennung ganz oben angezeigt
DPC
Lighthouse-SEO
100/100
Die Ausgangslage

Was gelöst werden musste.

Der Kontext

Der Congrès JOD ist die Journée d'Oncologie Digestive (Tag der gastrointestinalen Onkologie) der Hospices Civils de Lyon. Die Ausgabe 2026 ist die fünfte: wissenschaftliches Programm, Referenten aus der Universitätsmedizin, DPC-Anerkennung.

Die Einschränkung

Das Publikum besteht aus Ärztinnen und Ärzten, die in zwei Minuten zwischen zwei Sprechstunden nach drei Kriterien entscheiden: Referenten, Themen und DPC-Anerkennung. Alles andere ist Rauschen. Hinzu kommt eine strikte Terminvorgabe – die Website existiert für ein Datum.

Die Antwort

Das wissenschaftliche Programm steht im Vordergrund, mit namentlich genannten Referenten und ihrer Zugehörigkeit. Die DPC-Anerkennung wird schon auf dem ersten Bildschirm angekündigt, weil von ihr die Kostenübernahme abhängt. Die Anmeldung ist ein kurzer Funnel mit Zusammenfassung und sofortiger Bestätigung.

Gemessen, nicht behauptet

Die Werte bei der Auslieferung.

Lighthouse-Werte der Live-Website. Wir veröffentlichen sie unverändert: Ist einer niedrig, stehen Ursache und Korrekturplan weiter unten, statt verschwiegen zu werden.

PageSpeed
71
Performance: 71 von 100
92
Barrierefreiheit: 92 von 100
100
Best Practices: 100 von 100
100
Suchmaschinenoptimierung: 100 von 100
Design & Art Direction

Jede gestalterische Entscheidung – und ihr Grund.

  1. Das Programm vor dem Event

    Sessions, Uhrzeiten, Referenten und Zugehörigkeiten sind ohne Scrollen erreichbar. Mediziner bewerten einen Kongress nach seinem wissenschaftlichen Komitee, nicht nach seiner Optik.

  2. DPC ganz oben

    Die Anerkennung als DPC (Développement Professionnel Continu, die französische ärztliche Fortbildungspflicht) ist das Kriterium für die Kostenübernahme. Sie in der Fußzeile zu erwähnen, hieße sie zu verstecken.

  3. Institutionelles Register

    HCL-Blau, nüchterne Typografie, keine Spielereien. Ein universitätsmedizinischer Kongress lässt sich nicht mit den Codes einer Tech-Konferenz verkaufen.

Farbpalette des Projekts

  • Klinikblau

    #1B4B78

    Identität

  • Klinikweiß

    #FBFCFD

    Hintergrund

  • Tinte

    #1A1F26

    Text

  • Bestätigungsgrün

    #2E7D5B

    DPC, Bestätigungen

Typografisches System

Überschriften

Outfit 700

Fließtext

Inter 400

Die Uhrzeiten des Programms stehen in Tabellenziffern: Eine verrutschte Zeitspalte macht ein Programm beim Überfliegen unlesbar.

Engineering

Was unter der Haube steckt.

  • React
  • Vite
  • Tailwind
  • Supabase
  • Vercel

  1. Anmeldungen in der Datenbank

    Supabase für die Anmeldungen, mit zeilenbasierten Zugriffsrichtlinien und automatischer Bestätigung. Die Daten von Gesundheitsfachleuten werden mit festgelegter Aufbewahrungsdauer verarbeitet.

  2. Typisiertes Programm

    Sessions, Uhrzeiten, Referenten und Säle in einem einzigen Datensatz, der die Anzeige, das druckbare Programm und das Event-Markup speist.

  3. Eine identifizierte Performance-Baustelle

    71 in der Performance, verursacht durch nicht vereinheitlichte Referentenporträts. Die Korrektur ist trivial und eingeplant – es ist eine Event-Website, deren absolute Priorität das Datum war.

Suchmaschinenoptimierung

Wie die Website gefunden wird.

  1. Fachspezifische Suchanfragen

    „Kongress gastrointestinale Onkologie 2026“, „JOD Lyon“, „DPC Onkologie“. Geringes Volumen, maximale Intention: Jeder Besucher ist ein potenzieller Teilnehmer.

  2. Vollständiges Event-Markup

    Datum, Ort, Veranstalter, Teilnahmeform und Status. Ein datiertes und ausgezeichnetes Event erscheint in eigenen Ergebnisbereichen.

Barrierefreiheit

Für alle nutzbar.

Seit Juni 2025 schreibt der European Accessibility Act (EU-Richtlinie 2019/882) für einen großen Teil der Online-Dienste digitale Barrierefreiheit vor. Wir berücksichtigen sie schon bei der Konzeption, nicht erst im Nachhinein.

  1. Programm per Tastatur lesbar

    Das Programm ist eine semantische Tabelle mit zugeordneten Kopfzellen, kein visuelles Raster. Dadurch ist es mit dem Screenreader navigierbar und sauber druckbar.

Seitenstruktur

Was ausgeliefert wurde.

  • Startseite – Programm und DPC
  • Wissenschaftliches Programm
  • Referenten
  • Anmeldung
  • Praktische Informationen
  • Frühere Ausgaben
Methode

Der Projektablauf.

  1. Rahmen

    Drei Entscheidungskriterien identifiziert: Referenten, Themen, DPC.

  2. Design

    Programm zuerst, institutionelles Register.

  3. Entwicklung

    Typisiertes Programm, Anmeldungen in der Datenbank, Bestätigungen.

  4. Livegang

    Absolute Terminvorgabe, Optimierungen auf nach dem Event verschoben.

Fragen

Was man uns oft fragt.

Weil eine Event-Website ein Datum hat und eine verpasste Frist die Website nutzlos macht, egal wie gut ihr Score ist. Die Optimierung ist identifiziert und eingeplant; vor dem Livegang wurde sie nicht umgesetzt, und das war die richtige Abwägung.

Weitere Referenzen

Zurück zum Portfolio

Derselbe Anspruch, für Ihre Website.

Kostenloses Audit Ihrer aktuellen Website, Angebot innerhalb von 24 Stunden und eine schriftliche Begründung – wie die, die Sie gerade gelesen haben. Zahlung in drei Raten ohne Aufpreis; lokale Förderungen werden vor der Unterschrift geprüft.

Termin vereinbarenPreise ansehen
Teilen