我为 Modern Medicine 开发了一个三语网站,诊所可以准备下一版内容,同时让患者继续看到已确认的版本。在这里,设计与服务、专家页面和文章的发布方式紧密相连。

我为迪拜的 Modern Medicine 开发的网站,将视觉呈现与可控的编辑流程结合起来。英语、俄语和阿拉伯语版本、诊所的真实资料,以及科室、专家和期刊页面,都需要作为一个系统持续维护,而不是一次性拼出几张漂亮的页面。

“Modern Medicine——首屏”保留了项目的真实内容和设计。

Modern Medicine — 首屏

归档界面 · 演示数据

Modern Medicine — 首屏
已保存的项目画面 · 无交互控件

编辑可以保存未完成的内容

当前架构采用 Astro 服务端渲染和 EmDash。内容存储在 D1,媒体存储在 R2。React 用于个别交互元素,例如咨询流程。

公开页面使用已发布的修订版。编辑可以继续处理下一版,而不会改变访客眼前的文字。应用的实际行为必须证明这种区分:保存草稿,再打开公开页面,看到的仍应是此前已确认的内容。

“Modern Medicine——内页”保留了项目的真实内容和设计。

Modern Medicine — 内页

归档界面 · 演示数据

Modern Medicine — 内页
已保存的项目画面 · 无交互控件

因此,不能把 CMS 中的每条记录都当成可直接展示的内容。系统必须明确:发布的是哪个版本、选中了哪种语言,以及翻译尚未准备好时该怎么办。

当设计遇到内容

阿拉伯语需要独立的字体排版和书写方向检查。俄语则需要容纳更长的表述。照片必须来自项目的真实资料;再生成一位笑容完美的医生,并不能解决如何展示真实团队的问题。

Modern Medicine — 联系页面

归档界面 · 演示数据

Modern Medicine — 联系页面
已保存的项目画面 · 无交互控件

AI 帮助搭建界面和检查重复出现的状态。医疗信息需要经过确认的来源:开发网站并不意味着我可以编造疗程效果、专家资质或对患者的承诺。

还有一个值得说明的技术细节:noindex 指示搜索引擎如何处理页面,但不会为页面设置密码保护。限制索引不能被描述为隐私保护。真正需要保密的内容必须采用其他机制。

这套系统的主要流程是先准备修改,再用所需语言检查,最后才发布。我展示的是网站和编辑流程的运作方式;专家和服务的信息必须来自诊所资料。设计和开发不能代替医疗内容的确认。

相关故事:心理咨询师网站 · F&I Studio 网站。