Congrès JOD
医学大会：学术日程是产品，注册是收银台。
- 年份
- 2026
- 制作周期
- 4 周
- 技术栈
- React · Vite · Tailwind · Supabase · Vercel
- 设计
- 开发
- 数据库
- 报名系统
- SEO
- 大会届次
- 第 5 届
- 认证信息置顶展示
- DPC
- Lighthouse SEO
- 100/100
需要解决的问题。
背景
JOD 大会（Journée d'Oncologie Digestive，消化道肿瘤学日）由里昂民用医院集团（Hospices Civils de Lyon，HCL）主办。2026 年是第五届：学术日程、来自大学附属医院的演讲嘉宾、DPC（法国医务人员继续职业发展）认证。
限制
受众是临床医生，他们会在两次门诊之间用两分钟做出决定，依据三个标准：演讲嘉宾、议题，以及 DPC 认证。其余一切都是噪音。此外还有严格的时间约束——这个网站就是为一个日期而存在的。
对策
学术日程放在最显著的位置，演讲嘉宾逐一具名并注明所属机构。DPC 认证在首屏即予公示，因为它决定了费用能否获得报销。报名是一个简短的流程，附带信息汇总和即时确认。
交付时测得的评分。
以下为线上网站的Lighthouse评分。我们如实公布：若某项分数偏低，其原因与改进计划会在下文写明，而不是避而不谈。
每一个设计取舍，及其理由。
日程先于活动本身
场次、时间、演讲嘉宾及其所属机构无需滚动即可看到。医生评估一场大会，看的是学术委员会，而不是视觉设计。
DPC 置顶展示
继续职业发展（DPC）认证是费用报销的依据。把它放在页脚，无异于把它藏起来。
机构化的视觉语域
HCL 蓝、简洁的字体、不加任何花哨装饰。一场大学医院级别的学术大会，不能用科技大会的那套视觉语言来推广。
项目配色
医院蓝
#1B4B78
品牌识别
洁净白
#FBFCFD
背景
墨色
#1A1F26
正文
认证绿
#2E7D5B
DPC、确认信息
字体系统
标题字体
Outfit 700
正文字体
Inter 400
日程中的时间采用等宽数字：一列没有对齐的时间，会让日程无法快速浏览。
幕后的技术实现。
- React
- Vite
- Tailwind
- Supabase
- Vercel
报名数据入库
使用 Supabase 管理报名，配合行级访问策略和自动确认。医疗专业人员的数据按明确规定的保存期限进行处理。
带类型的日程
场次、时间、演讲嘉宾和会议室集中在同一个数据集中，同时驱动页面展示、可打印日程和 Event 结构化标记。
已明确的性能优化任务
性能得分 71，原因是演讲嘉宾肖像照未经统一规范。修复非常简单，且已排入计划——这是一个活动网站，重中之重是赶上日期。
网站如何被搜索到。
专科类搜索
“Congrès oncologie digestive 2026”（2026 消化道肿瘤学大会）、“JOD Lyon”、“DPC oncologie”（肿瘤学 DPC）。搜索量小，意图极强：每一位访客都是潜在的报名者。
完整的 Event 结构化标记
日期、地点、主办方、参会方式和活动状态。带日期并完整标记的活动，会出现在专门的搜索结果区域中。
人人都能使用。
自2025年6月起，《欧洲无障碍法案》（European Accessibility Act）要求大量在线服务实现数字无障碍。我们在设计阶段就着手处理，而非事后补救。
日程可用键盘浏览
日程是带有关联表头的语义化表格，而不是视觉网格。这让它既能被屏幕阅读器顺畅浏览，也能被干净地打印出来。
交付了哪些内容。
- 首页——日程与 DPC
- 学术日程
- 演讲嘉宾
- 报名
- 实用信息
- 往届回顾
项目的推进过程。
需求界定
确定三大决策标准：演讲嘉宾、议题、DPC。
设计
日程置顶，机构化视觉语域。
开发
带类型的日程、报名数据入库、确认通知。
上线
日期是硬性约束，优化工作推迟到活动结束之后。
