Sanità ed eventi

Congrès JOD

Un congresso medico: il programma scientifico è il prodotto, l'iscrizione ne è la cassa.

Anno
2026
Progettazione
4 settimane
Stack
React · Vite · Tailwind · Supabase · Vercel
  • Design
  • Sviluppo
  • Database
  • Iscrizione
  • SEO
https://www.congres-jod.org
Home page del sito Congrès JOD — Sanità ed eventi, realizzato da Kayzen Web
edizione del congresso
5ª
accreditamento in apertura
DPC
SEO Lighthouse
100/100
Il punto di partenza

Cosa c'era da risolvere.

Il contesto

Il Congrès JOD è la Journée d'Oncologie Digestive (giornata di oncologia digestiva) organizzata dagli Hospices Civils de Lyon. L'edizione 2026 è la quinta: programma scientifico, relatori ospedalieri e universitari, accreditamento DPC.

Il vincolo

Il pubblico è composto da medici che decidono in due minuti, tra una visita e l'altra, in base a tre criteri: i relatori, i temi e l'accreditamento DPC. Tutto il resto è rumore. A questo si aggiunge un vincolo di calendario rigido: il sito esiste per una data.

La risposta

Il programma scientifico è messo in primo piano, con i relatori nominati e la loro affiliazione. L'accreditamento DPC è annunciato fin dalla prima schermata perché ne dipende la presa in carico dei costi. L'iscrizione è un funnel breve, con riepilogo e conferma immediata.

Misurato, non dichiarato

I punteggi rilevati alla consegna.

Punteggi Lighthouse del sito in produzione. Li pubblichiamo così come sono: quando uno è basso, la causa e il piano di correzione sono spiegati più sotto invece di essere taciuti.

PageSpeed
71
Performance: 71 su 100
92
Accessibilità: 92 su 100
100
Best practice: 100 su 100
100
Posizionamento sui motori di ricerca: 100 su 100
Design e direzione artistica

Ogni scelta di design, e il suo perché.

  1. Il programma prima dell'evento

    Sessioni, orari, relatori e affiliazioni sono accessibili senza scorrere. Un medico valuta un congresso dal suo comitato scientifico, non dalla sua grafica.

  2. DPC in apertura

    L'accreditamento DPC (Développement Professionnel Continu, l'equivalente francese dell'ECM) è il criterio per la presa in carico dei costi. Citarlo a piè di pagina sarebbe come nasconderlo.

  3. Registro istituzionale

    Blu HCL, tipografia sobria, nessuna fantasia. Un congresso ospedaliero-universitario non si promuove con i codici di una conferenza tech.

Palette del progetto

  • Blu ospedaliero

    #1B4B78

    Identità

  • Bianco clinico

    #FBFCFD

    Sfondo

  • Inchiostro

    #1A1F26

    Testo

  • Verde conferma

    #2E7D5B

    DPC, conferme

Sistema tipografico

Titoli

Outfit 700

Testo corrente

Inter 400

Gli orari del programma sono in cifre tabulari: una colonna di orari disallineata rende un programma illeggibile a colpo d'occhio.

Ingegneria

Cosa c'è sotto il cofano.

  • React
  • Vite
  • Tailwind
  • Supabase
  • Vercel
  1. Iscrizioni in database

    Supabase per le iscrizioni, con policy di accesso per riga e conferma automatica. I dati dei professionisti sanitari sono trattati con un periodo di conservazione definito.

  2. Programma tipizzato

    Sessioni, orari, relatori e sale in un unico set di dati, che alimenta la visualizzazione, il programma stampabile e il markup Event.

  3. Un cantiere di performance individuato

    71 in performance, per via dei ritratti dei relatori non normalizzati. La correzione è banale e pianificata: è un sito per un evento, la cui priorità assoluta era la data.

Posizionamento SEO

Come il sito si fa trovare.

  1. Ricerche di specialità

    «Congrès oncologie digestive 2026», «JOD Lyon», «DPC oncologie». Volume basso, intenzione massima: ogni visitatore è un potenziale iscritto.

  2. Markup Event completo

    Data, luogo, organizzatore, modalità di partecipazione e stato. Un evento datato e marcato compare in superfici di risultati specifiche.

Accessibilità

Utilizzabile da tutti.

Da giugno 2025 l'Atto europeo sull'accessibilità (European Accessibility Act) impone l'accessibilità digitale a una larga parte dei servizi online. La affrontiamo in fase di progettazione, non come rimedio a posteriori.

  1. Programma navigabile da tastiera

    Il programma è una tabella semantica con intestazioni associate, non una griglia visiva. È ciò che lo rende navigabile con uno screen reader e stampabile in modo pulito.

Struttura del sito

Cosa è stato consegnato.

  • Home — programma e DPC
  • Programma scientifico
  • Relatori
  • Iscrizione
  • Informazioni pratiche
  • Edizioni precedenti
Metodo

Lo svolgimento del progetto.

  1. Impostazione

    Tre criteri di decisione individuati: relatori, temi, DPC.

  2. Design

    Programma in apertura, registro istituzionale.

  3. Sviluppo

    Programma tipizzato, iscrizioni in database, conferme.

  4. Messa online

    Vincolo di data assoluto, ottimizzazioni rimandate a dopo l'evento.

Domande

Cosa ci chiedono spesso.

Perché un sito per un evento ha una data, e mancare la data rende il sito inutile, qualunque sia il suo punteggio. Il cantiere di ottimizzazione è individuato e pianificato; non è stato affrontato prima della messa online, ed è stata la scelta giusta.

Lo stesso livello di rigore, per il tuo sito.

Audit gratuito del tuo sito attuale, preventivo entro 24 ore e un ragionamento scritto, come quello che hai appena letto. Pagamento in tre rate senza interessi; agevolazioni locali verificate prima della firma.

Condividi