Congrès JOD
의학 학회: 학술 프로그램이 제품이고, 등록은 그 계산대입니다.
- 연도
- 2026
- 제작 기간
- 4주
- 기술 스택
- React · Vite · Tailwind · Supabase · Vercel
- 디자인
- 개발
- 데이터베이스
- 참가 등록
- SEO
- 학회 회차
- 제5회
- 인정 여부를 맨 위에 표시
- DPC
- Lighthouse SEO
- 100/100
해결해야 했던 과제.
배경
Congrès JOD는 리옹 시립병원(Hospices Civils de Lyon)이 주최하는 소화기 종양학의 날(Journée d'Oncologie Digestive)입니다. 2026년은 다섯 번째 행사로, 학술 프로그램, 대학병원 소속 연자, DPC(프랑스 의료인 보수교육) 인정이 포함됩니다.
제약
대상은 진료와 진료 사이 2분 만에 결정을 내리는 의료인이며, 판단 기준은 연자, 주제, DPC 인정 세 가지입니다. 나머지는 모두 잡음입니다. 여기에 엄격한 일정 제약이 더해집니다. 이 사이트는 하나의 날짜를 위해 존재합니다.
해법
학술 프로그램을 가장 앞에 두고 연자의 이름과 소속을 명시했습니다. DPC 인정은 비용 지원 여부를 좌우하므로 첫 화면에서 알립니다. 등록은 요약 확인과 즉시 확정으로 이루어진 짧은 퍼널입니다.
납품 시점에 측정한 점수.
운영 중인 사이트의 Lighthouse 점수입니다. 있는 그대로 공개합니다. 낮은 점수가 있으면 그 원인과 개선 계획을 아래에 적어 두었으며, 감추지 않습니다.
모든 선택에는 이유가 있습니다.
행사보다 프로그램 먼저
세션, 시간, 연자와 소속을 스크롤 없이 볼 수 있습니다. 의료인은 학회를 비주얼이 아니라 학술위원회로 평가합니다.
DPC를 맨 위에
DPC(Développement Professionnel Continu, 보수교육) 인정 여부는 비용 지원의 기준입니다. 페이지 하단에 적는 것은 숨기는 것과 같습니다.
기관다운 톤
HCL 블루, 절제된 타이포그래피, 장식 없음. 대학병원 학회를 테크 콘퍼런스의 문법으로 알릴 수는 없습니다.
프로젝트 색상 팔레트
호스피털 블루
#1B4B78
아이덴티티
클리닉 화이트
#FBFCFD
배경
잉크
#1A1F26
텍스트
인증 그린
#2E7D5B
DPC, 확인 메시지
타이포그래피 체계
제목용 서체
Outfit 700
본문용 서체
Inter 400
프로그램 시간은 고정폭 숫자로 표시합니다. 시간 열이 어긋나 있으면 프로그램을 훑어 읽을 수 없습니다.
보이지 않는 곳의 기술.
- React
- Vite
- Tailwind
- Supabase
- Vercel
데이터베이스 기반 등록
등록은 Supabase로 처리하며, 행 단위 접근 정책과 자동 확인 메일을 갖췄습니다. 의료인의 데이터는 보관 기간을 정해 처리합니다.
타입이 지정된 프로그램
세션, 시간, 연자, 강의실을 하나의 데이터셋에 담아 화면 표시, 인쇄용 프로그램, Event 마크업에 모두 사용합니다.
파악된 성능 개선 과제
성능 71점은 규격이 통일되지 않은 연자 인물 사진 때문입니다. 수정은 간단하고 일정도 잡혀 있습니다. 날짜를 지키는 것이 절대적 우선순위였던 행사 사이트입니다.
사이트가 검색되는 방식.
전문 분야 검색어
“소화기 종양학 학회 2026”, “JOD Lyon”, “DPC 종양학”. 검색량은 적지만 의도는 최대치입니다. 모든 방문자가 잠재 등록자입니다.
완전한 Event 마크업
날짜, 장소, 주최자, 참가 방식, 상태. 날짜와 마크업을 갖춘 행사는 검색 결과의 전용 영역에 노출됩니다.
누구나 사용할 수 있도록.
2025년 6월부터 유럽 접근성법(European Accessibility Act)에 따라 상당수 온라인 서비스에 디지털 접근성이 의무화되었습니다. 저희는 사후 보완이 아니라 설계 단계에서부터 접근성을 다룹니다.
키보드로 읽을 수 있는 프로그램
프로그램은 시각적 그리드가 아니라 헤더가 연결된 시맨틱 표입니다. 덕분에 스크린 리더로 탐색할 수 있고 깔끔하게 인쇄됩니다.
납품한 결과물.
- 홈 — 프로그램과 DPC
- 학술 프로그램
- 연자
- 참가 등록
- 참가 안내
- 지난 행사
프로젝트 진행 과정.
범위 설정
세 가지 결정 기준 확인: 연자, 주제, DPC.
디자인
프로그램을 맨 앞에, 기관다운 톤.
개발
타입이 지정된 프로그램, 데이터베이스 기반 등록, 확인 메일.
오픈
날짜는 절대 조건, 최적화는 행사 이후로.
