Здравоохранение & Мероприятия

Congrès JOD

Медицинский конгресс: научная программа — это продукт, а регистрация — касса.

Год
2026
Разработка
4 недели
Стек
React · Vite · Tailwind · Supabase · Vercel
  • Дизайн
  • Разработка
  • База данных
  • Регистрация
  • SEO
https://www.congres-jod.org
Главная страница сайта Congrès JOD — Здравоохранение & Мероприятия, создан Kayzen Web
выпуск конгресса
5-й
аккредитация — в самом начале
DPC
SEO в Lighthouse
100/100
Отправная точка

Какую задачу нужно было решить.

Контекст

Congrès JOD — Journée d'Oncologie Digestive, день онкологии пищеварительной системы, который организуют Hospices Civils de Lyon (университетские больницы Лиона). Выпуск 2026 года — пятый: научная программа, докладчики из университетских клиник, аккредитация DPC.

Ограничение

Аудитория — практикующие врачи, которые решают за две минуты, между двумя приёмами, по трём критериям: докладчики, темы и аккредитация DPC. Всё остальное — шум. К этому добавляется жёсткое календарное ограничение: сайт существует ради одной даты.

Решение

Научная программа выведена на первый план — с поимённо названными докладчиками и их аффилиацией. Об аккредитации DPC сообщается уже на первом экране, потому что от неё зависит оплата участия. Регистрация — короткая воронка со сводкой и мгновенным подтверждением.

Измерено, а не заявлено

Показатели на момент сдачи.

Оценки Lighthouse для сайта в рабочей среде. Мы публикуем их как есть: если какая-то оценка низкая, её причина и план исправления описаны ниже, а не замалчиваются.

PageSpeed
71
Производительность: 71 из 100
92
Доступность: 92 из 100
100
Лучшие практики: 100 из 100
100
SEO: 100 из 100
Дизайн и арт-дирекшн

Каждое решение — и его причина.

  1. Программа прежде мероприятия

    Секции, время, докладчики и их аффилиация доступны без прокрутки. Врач оценивает конгресс по научному комитету, а не по визуалу.

  2. DPC — в самом начале

    Аккредитация в системе Développement Professionnel Continu (непрерывное профессиональное развитие во Франции) — критерий оплаты участия. Упомянуть её в подвале значило бы её спрятать.

  3. Институциональный регистр

    Синий HCL, сдержанная типографика, никаких вольностей. Университетский медицинский конгресс не продают кодами технологической конференции.

Палитра проекта

  • Больничный синий

    #1B4B78

    Фирменный стиль

  • Клинический белый

    #FBFCFD

    Фон

  • Чернила

    #1A1F26

    Текст

  • Зелёный подтверждения

    #2E7D5B

    DPC, подтверждения

Типографическая система

Заголовки

Outfit 700

Основной текст

Inter 400

Время в программе набрано табличными цифрами: невыровненный столбец времени делает программу нечитаемой при беглом просмотре.

Разработка

Что внутри.

  • React
  • Vite
  • Tailwind
  • Supabase
  • Vercel
  1. Регистрации в базе данных

    Supabase для регистраций, с построчными политиками доступа и автоматическим подтверждением. Данные медицинских специалистов обрабатываются с определённым сроком хранения.

  2. Типизированная программа

    Секции, время, докладчики и залы — в едином наборе данных, который питает отображение, версию для печати и разметку Event.

  3. Выявленная задача по производительности

    71 по производительности из-за ненормализованных портретов докладчиков. Исправление тривиально и запланировано — это событийный сайт, для которого абсолютным приоритетом была дата.

SEO-продвижение

Как сайт становится находимым.

  1. Запросы по специальности

    «Конгресс онкологии пищеварительной системы 2026», «JOD Лион», «DPC онкология». Малый объём, максимальное намерение: каждый посетитель — потенциальный участник.

  2. Полная разметка Event

    Дата, место, организатор, формат участия и статус. Датированное и размеченное событие появляется в особых блоках поисковой выдачи.

Доступность

Удобно для всех.

С июня 2025 года Европейский акт о доступности (European Accessibility Act) требует цифровой доступности для значительной части онлайн-сервисов. Мы закладываем её на этапе проектирования, а не исправляем задним числом.

  1. Программа, доступная с клавиатуры

    Программа — семантическая таблица со связанными заголовками, а не визуальная сетка. Именно это делает её навигируемой для экранного диктора и аккуратной при печати.

Структура сайта

Что было сдано.

  • Главная — программа и DPC
  • Научная программа
  • Докладчики
  • Регистрация
  • Практическая информация
  • Прошлые выпуски
Метод

Ход проекта.

  1. Постановка задачи

    Выявлены три критерия решения: докладчики, темы, DPC.

  2. Дизайн

    Программа в начале, институциональный регистр.

  3. Разработка

    Типизированная программа, регистрации в базе, подтверждения.

  4. Запуск

    Жёсткий срок, оптимизация перенесена на период после мероприятия.

Вопросы

О чём нас часто спрашивают.

Потому что у событийного сайта есть дата, и если её пропустить, сайт становится бесполезным при любой оценке. Задача оптимизации выявлена и запланирована; до запуска ею не занимались — и это был правильный компромисс.

Тот же уровень требований — для вашего сайта.

Бесплатный аудит вашего текущего сайта, смета в течение 24 часов и письменное обоснование — такое же, как то, что вы только что прочитали. Оплата в три этапа без переплаты; местные программы поддержки проверяются до подписания.

Поделиться