Salud y eventos

Congrès JOD

Un congreso médico: el programa científico es el producto; la inscripción, la caja.

Año
2026
Diseño
4 semanas
Stack
React · Vite · Tailwind · Supabase · Vercel
  • Diseño
  • Desarrollo
  • Base de datos
  • Inscripción
  • SEO
https://www.congres-jod.org
Página de inicio de la web de Congrès JOD — Salud y eventos, realizada por Kayzen Web
edición del congreso
5.ª
validación visible en cabecera
DPC
SEO Lighthouse
100/100
El punto de partida

Lo que había que resolver.

El contexto

El Congrès JOD es la Journée d'Oncologie Digestive (Jornada de Oncología Digestiva) organizada por los Hospices Civils de Lyon. La edición de 2026 es la quinta: programa científico, ponentes hospitalario-universitarios, validación DPC.

La limitación

El público está formado por profesionales sanitarios que deciden en dos minutos, entre dos consultas, según tres criterios: los ponentes, los temas y la validación DPC. Todo lo demás es ruido. A ello se suma una restricción de calendario estricta: el sitio existe para una fecha.

La respuesta

El programa científico se sitúa en primer plano, con los ponentes nombrados y su afiliación. La validación DPC se anuncia desde la primera pantalla porque condiciona la financiación. La inscripción es un embudo corto, con resumen y confirmación inmediata.

Medido, no declarado

Las puntuaciones registradas en la entrega.

Puntuaciones Lighthouse del sitio en producción. Las publicamos tal cual: cuando una es baja, su causa y su plan de corrección se explican más abajo en lugar de silenciarse.

PageSpeed
71
Rendimiento: 71 de 100
92
Accesibilidad: 92 de 100
100
Buenas prácticas: 100 de 100
100
Posicionamiento en buscadores: 100 de 100
Diseño y dirección de arte

Cada decisión de diseño, y su porqué.

  1. El programa antes que el evento

    Sesiones, horarios, ponentes y afiliaciones son accesibles sin desplazarse. Un profesional sanitario evalúa un congreso por su comité científico, no por su imagen.

  2. DPC en cabecera

    La validación del DPC (Développement Professionnel Continu, la formación continua obligatoria de los profesionales sanitarios en Francia) es el criterio de financiación. Mencionarla en el pie de página equivaldría a esconderla.

  3. Registro institucional

    Azul HCL, tipografía sobria, ninguna fantasía. Un congreso hospitalario-universitario no se vende con los códigos de una conferencia tecnológica.

Paleta del proyecto

  • Azul hospitalario

    #1B4B78

    Identidad

  • Blanco clínico

    #FBFCFD

    Fondo

  • Tinta

    #1A1F26

    Texto

  • Verde validación

    #2E7D5B

    DPC, confirmaciones

Sistema tipográfico

Titulares

Outfit 700

Texto de lectura

Inter 400

Los horarios del programa usan cifras tabulares: una columna de horarios desalineada hace que un programa sea ilegible de un vistazo.

Ingeniería

Lo que hay bajo el capó.

  • React
  • Vite
  • Tailwind
  • Supabase
  • Vercel
  1. Inscripciones en base de datos

    Supabase para las inscripciones, con políticas de acceso por fila y confirmación automática. Los datos de profesionales sanitarios se tratan con un plazo de conservación definido.

  2. Programa tipado

    Sesiones, horarios, ponentes y salas en un único conjunto de datos, que alimenta la visualización, el programa imprimible y el marcado Event.

  3. Una obra de rendimiento identificada

    71 en rendimiento, debido a los retratos de los ponentes sin normalizar. La corrección es trivial y está planificada: es un sitio de evento cuya prioridad absoluta era la fecha.

Posicionamiento SEO

Cómo se hace encontrar la web.

  1. Búsquedas de especialidad

    «Congrès oncologie digestive 2026» (congreso de oncología digestiva), «JOD Lyon», «DPC oncologie». Volumen bajo, intención máxima: cada visitante es un inscrito potencial.

  2. Marcado Event completo

    Fecha, lugar, organizador, modalidad de participación y estado. Un evento con fecha y bien marcado aparece en superficies de resultados específicas.

Accesibilidad

Utilizable por todo el mundo.

Desde junio de 2025, la Ley Europea de Accesibilidad (European Accessibility Act) exige la accesibilidad digital a buena parte de los servicios en línea. La abordamos desde el diseño, no como un parche posterior.

  1. Programa legible con teclado

    El programa es una tabla semántica con encabezados asociados, no una cuadrícula visual. Eso es lo que lo hace navegable con lector de pantalla e imprimible con limpieza.

Arquitectura del sitio

Lo que se entregó.

  • Inicio — programa y DPC
  • Programa científico
  • Ponentes
  • Inscripción
  • Información práctica
  • Ediciones anteriores
Método

El desarrollo del proyecto.

  1. Definición

    Tres criterios de decisión identificados: ponentes, temas, DPC.

  2. Diseño

    Programa en cabecera, registro institucional.

  3. Desarrollo

    Programa tipado, inscripciones en base de datos, confirmaciones.

  4. Puesta en línea

    Fecha límite innegociable, optimizaciones aplazadas hasta después del evento.

Preguntas

Lo que nos preguntan a menudo.

Porque un sitio de evento tiene una fecha, y fallar esa fecha lo vuelve inútil, sea cual sea su puntuación. La obra de optimización está identificada y planificada; no se abordó antes de la puesta en línea, y fue la decisión correcta.

El mismo nivel de exigencia, para su web.

Auditoría gratuita de su web actual, presupuesto en 24 horas y un razonamiento por escrito, como el que acaba de leer. Pago en tres plazos sin intereses; ayudas locales verificadas antes de la firma.

Compartir