前言
我的诊所网站已经用了十几年。
这些年，它陪伴着诊所一步一步成长，也帮助不少患者找到我们。对于那个年代来说，它已经完成了自己的使命。
但是，随着时代的发展，我越来越感觉到，这个网站已经老了。
如果把它比作一辆汽车，它就像一辆已经开了十几年的老车，虽然还能跑，但无论是外观、性能，还是驾驶体验，都已经跟不上今天的时代。
尤其是近几年，互联网的发展越来越快，移动端浏览已经成为主流，Google 搜索不断变化，人工智能（AI）也正在改变人们寻找医疗信息和选择诊所的方式。网站早已不只是放几张照片、写几段介绍那么简单，它已经成为诊所最重要的对外窗口，也是很多新患者认识我们的第一印象。
我越来越认识到，一个好的网站，不仅仅是漂亮，更重要的是能够真实地表达一家诊所的专业理念、治疗特色和价值，也能够帮助真正需要帮助的患者找到我们。
因此，我们决定，不是在旧网站上修修补补，而是重新开始，建设一个全新的 Website 2.0。
过去几个月，我和 ChatGPT 一直在讨论这个网站应该是什么样子。我们没有急着开始建网页，而是花了大量时间做准备工作。
首先，我们反复推敲首页的整体布局和患者浏览体验，经过很多次修改，最终确定了首页的整体架构。
随后，我们又建立了整个 Website 2.0 的设计系统（Design System），包括十五个核心模块：
- Typography（字体系统）
- Color System（色彩系统）
- Spacing System（间距系统）
- Button System（按钮系统）
- Card System（卡片系统）
- Grid & Layout System（网格与布局系统）
- Navigation System（导航系统）
- Form System（表单系统）
- Icon System（图标系统）
- Image System（图片系统）
- Section Templates（页面区块模板）
- Animation & Motion（动画与交互）
- Responsive Rules（响应式规范）
- Accessibility Standards（无障碍标准）
- Component Library（组件库）
这些准备工作完成以后，我们才正式进入 Website 2.0 的开发阶段。
这本《Website 2.0 开发日记》，记录的不是一个程序员如何写代码，而是一位临床医生，如何从零开始，一步一步建设属于自己诊所的新网站。
我希望几年以后，当 Website 2.0 已经陪伴诊所走过很多年，再翻开这些日记时，仍然能够记得，它最初是怎样一步一步建立起来的。
Website 2.0 开发日记（一）
第一件事：在哪里开始建网站？
正式开始 Website 2.0 之前，我先遇到了一个问题：
新网站应该直接购买 Hosting 在线开发，还是先在自己的电脑上开发？
一开始，我认真考虑过直接购买 Hosting，把网站建在服务器上。这样做的好处是任何地方都可以访问，也比较接近最终的网站环境。
后来经过分析，我最终选择了另一条路线：
先在 Local（localhost）建立完整的网站。
原因主要有几个。
第一，任何修改都不会影响正在运行的诊所网站，可以放心尝试，不怕出错。
第二，不需要急着购买 Hosting，也没有时间压力，可以慢慢把整个 Website 2.0 做到满意。
第三，本地开发速度更快，不受网络影响，即使没有网络也可以继续工作。
第四，等网站真正完成以后，再整体迁移到正式的 Hosting，比一边开发、一边修改线上网站更加安全，也更加专业。
因此，我决定：
Website 2.0 的整个开发过程，都先在 Local 上完成。
等所有页面、功能、SEO 和双语内容全部完成，再一次性迁移到正式服务器。
现在回头看，这是 Website 2.0 做出的第一个重要决定。
它也决定了后面几个月整个网站开发的工作方式。
Website 2.0 开发日记（二）
Local 开发环境正式建立
今天完成了 Website 2.0 的第一个重要里程碑。
经过前面的准备工作，我成功在自己的电脑上搭建了 Local 开发环境，并安装了全新的 WordPress。
这是 Website 2.0 第一次真正脱离旧网站，在属于自己的开发环境中正式启动。
以前总觉得网站开发是一件很复杂、需要程序员才能完成的事情。今天自己一步一步安装完成之后，发现其实并没有想象中那么难。
以后所有的网站修改、页面设计和功能开发，都可以先在 Local 里面完成，成熟以后再发布到正式网站，不会影响正在营业的网站。
这是 Website 2.0 真正开始的第一天。
Website 2.0 开发日记（三）
完成 Website 2.0 的基础设置（Global Settings）
今天完成了 Website 2.0 的第一阶段——Global Settings。
虽然只是一些基础设置，但我第一次明白了，一个专业网站并不是打开 WordPress 就开始设计页面，而是先把整个网站的基础环境建立好。
今天完成了：
- General（基本设置）
- Reading（阅读设置）
- Discussion（评论设置）
- Media（媒体设置）
- Permalinks（固定链接）
- Privacy（隐私设置）
同时根据新西兰网站的使用习惯，设置了时区、日期格式、固定链接等基础参数。
这些内容虽然看起来不起眼，却决定着网站以后运行是否规范，也为后面的主题安装、页面设计和 SEO 打下了基础。
Website 2.0 没有急着开始做页面，而是按照专业网站开发的流程，一步一步把基础打牢。
今天虽然没有做出一个漂亮的页面，但我知道，真正的网站，就是这样一点一点建立起来的。
Website 2.0 开发日记（四）
Website Skeleton 正式确定，开始进入建设阶段
经过这段时间不断讨论和调整，Website 2.0 的整体架构终于基本确定了。
昨天，我们正式完成了 Website Skeleton（网站骨架）的设计。
目前已经确定的内容包括：
✅ Master Blueprint（首页总设计图）
✅ Website Skeleton（网站骨架）
✅ 四个 Service Systems（服务系统）
✅ 四个 Content Hubs（内容中心）
✅ Clinical Philosophy（临床理念）
✅ Disease / Symptom Hubs（疾病／症状中心）
✅ Content Mapping（旧网站内容归类）
✅ Website Positioning：Clinical Knowledge Hub（临床知识库）
这些已经不再是讨论中的想法，而是 Website 2.0 今后的固定原则。
接下来的工作重点，不再是反复讨论网站应该怎么设计，而是按照这个 Skeleton，一步一步搭建网站。
未来，每完成一个 Hub，就相当于完成这个临床知识库中的一个新分馆。
我们也会把旧网站二十多年来积累的病例、患者故事、临床思考和疾病内容，逐步整理、归类，并放到新的结构中。
Website 2.0，不只是一个新的诊所网站。
它更希望成为一个持续成长、不断完善的 Clinical Knowledge Hub（临床知识库）。
从今天开始，我们正式进入 Website 2.0 的建设阶段。
Website 2.0 开发日记(五）
从“预约”到“帮助患者走对路”
今天主要完成了 Website 2.0 中两个重要入口的设计：
Book Appointment 和 Clinical Assessment。
一开始，我以为预约页面就是一个简单的 Online Booking 页面，放一个预约按钮，再介绍一下收费、预约流程就可以了。
但真正讨论下来，发现病人在预约之前，还有很多问题没有解决。
例如：
- 我第一次来看，需要准备什么？
- ACC 是什么？
- 我需要带 MRI 吗？
- 如果网上预约没有时间怎么办？
- 我到底适不适合针灸？
预约，不应该只是一个按钮，而应该帮助患者顺利完成预约。
因此，我们最终把 Book Appointment 页面设计成了一个 Booking Support Page。
页面很简单，没有太多文字，而是围绕几个患者真正关心的问题展开：
- Before Your First Visit
- Need Help Booking?
- Can’t Find a Suitable Time?
- ACC Information
- Cancellation Policy
页面最后，只保留一张温暖的图片和一个醒目的 Book Online 按钮。
整个设计尽量减少干扰，让患者能够快速完成预约。
今天更大的收获，其实是 Clinical Assessment 页面。
最初，我们一直把它理解为：
预约前评估。
后来慢慢发现，它真正的定位并不是预约，而是帮助患者判断方向。
很多患者来到网站的时候，并不知道：
- 自己适不适合针灸；
- 应该继续保守治疗，还是需要进一步检查；
- 应该找 GP、专科医生，还是可以先接受针灸治疗。
Clinical Assessment 并不是让患者马上预约，而是提供一个专业沟通的入口。
患者可以：
- 描述自己的情况；
- 上传照片；
- 上传视频；
- 上传 MRI、X-ray 或其他检查报告。
诊所可以先了解患者的情况，再给予下一步建议。
另外，对于已经预约的患者，这个页面同样有价值。
患者可以提前上传所有相关资料，让医生在第一次见面之前，对病情已经有初步了解，提高首次就诊的效率。
经过几轮修改，我们最终把 Clinical Assessment 页面做得非常简洁。
整个页面只有四个部分：
- Basic Information
- Describe Your Health Concern
- Upload Supporting Files
- Submit Clinical Assessment
背景图片也进行了调整。
没有突出人物，而是让一位刚从医院拿着检查报告走出来、正在思考下一步怎么办的患者，作为远景背景。
真正的视觉中心，是左侧的 Clinical Assessment 表单。
今天还有一个重要决定。
我们开始把 Website 2.0 中所有 全局元素固定下来。
包括：
- Logo
- Navigation
- 中文站入口
- Header 风格
以后整个网站都保持一致，不再因为不同页面而不断变化。
品牌应该稳定，用户体验也应该保持统一。
今天最大的收获，并不是完成了两个页面。
而是进一步明确了 Website 2.0 的核心理念：
我们的目标，不只是让患者预约，而是帮助患者走对路。
预约，只是正确判断之后的自然结果。真正重要的是，让患者在迷茫的时候，能够找到下一步最适合自己的方向。
中文微信：nzacupunctureclinic
Leave a reply