口腔挂号小程序
Healthcare · WeChat Mini Program
让口腔预约更清晰，也更容易抵达
一套连接患者、医生、公众号与运营后台的口腔挂号服务系统。 从科室项目选择、医生预约到结果跟进，将分散的服务入口整理成连贯、可信的移动端体验。
项目的重点不是增加更多步骤，而是帮助用户快速理解： 我该选择什么、可以预约谁、接下来会发生什么。
02 / PROJECT IDEA
从单一挂号入口，到完整的口腔服务触点
用户可能从公众号文章、菜单、二维码或推广页面进入服务。 项目将这些入口汇集到统一的小程序流程，同时保留来源信息，方便后续预约管理与服务跟进。
降低选择负担
按照科室项目、医生和个人信息组织预约流程，让每一步只处理一个核心问题。
明确服务边界
预约提交后由客服确认；套餐用于咨询申请，不制造在线支付或医疗诊断承诺。
内容统一管理
首页、医生、科室、套餐与预约记录均可通过管理后台维护和查看。
03 / CORE JOURNEY
把复杂预约拆成三个明确决定
流程保留必要信息，同时避免在第一个页面一次性呈现过多字段。
-
01
口腔种植 牙齿矫正 儿童口腔
选择科室与项目
先从用户能够理解的服务分类开始，建立清晰的预约方向。
-
02
匹配医生与时间
结合医生擅长方向与出诊安排，帮助用户继续完成选择。
-
03
填写信息并提交
收集预约所需信息，防止重复提交，并明确等待客服确认的后续状态。
04 / SYSTEM CAPABILITIES
患者体验与运营效率，被设计在同一套系统中
五个高频入口，覆盖完整服务路径
首页、医生介绍、预约挂号、推荐套餐与个人中心构成稳定的五栏导航， 核心任务始终容易找到。
内容不写死在页面里
运营人员可管理首页轮播、广告、科室项目、医生资料、出诊排期、套餐及详情图片。
- 首页内容可排序
- 医生与排期可维护
- 科室与套餐可启停
连接公众号、小程序与客服跟进
支持公众号身份绑定、关注状态判断、模板通知与多入口来源记录。
敏感信息从数据层开始保护
手机号使用 AES-256-GCM 加密存储，并通过 HMAC 哈希完成精确检索； 系统同时包含权限控制、审计日志、请求限流与防重复提交机制。
05 / BUILD
不只是界面概念，而是一套端到端服务架构
项目采用前后端分离的 monorepo 结构，让患者端体验、业务接口、运营管理与数据服务保持清晰边界。
患者服务端
原生微信小程序 · TypeScript
业务服务层
NestJS · Prisma · MySQL · Redis
运营管理端
Vue 3 · Vite · Element Plus · Pinia
DESIGN TAKEAWAY
医疗服务的数字体验，首先应该让人感到清楚与安心。
这次 Vibecoding 实践围绕真实业务边界组织体验： 不夸大医疗能力，不制造支付承诺，以清晰的信息、稳定的流程和可维护的系统完成服务连接。