牙科官网上的“重点”分两类:医生,和被治好的牙。这套模板把这两类各给了一条完整动线——医生列表与医生详情负责前者,作品集三套排版加作品详情负责后者。这个拆法比把医生塞进「团队」、把病例塞进「相册」要有用:患者选诊所时这两件事是分开判断的,先看有没有靠谱的医生,再看做出来好不好看。
除此之外它还给了一套完整的账号体系——登录、注册、找回密码三页,适合要做会员或复诊预约的诊所。预约页独立成页,价格页把项目报价摊开,常见问题页承接疼痛、周期、费用这类高频顾虑,隐私与条款页也各备一份。首页版式三套,服务页还做了两种排版,项目多的诊所可以用密度更高的那套。这套结构同样适用于口腔连锁、正畸专科、医美门诊、眼科与视光、中医馆、宠物医院……凡是「医生本人就是招牌、疗效要靠图片证明、患者需要在线预约」的机构都合用。
核心功能
医生列表与医生详情配套,执业资历与擅长项目可单独建档
作品集三套排版加作品详情,治疗效果与医生档案分列呈现
账号体系三页成套:登录、注册与找回密码,支撑会员复诊
在线预约独立成页,项目、时段与联系方式分字段填写
服务页两套排版,项目多的诊所可用密度更高的那套
价格页把项目报价摊开,减少电话里反复问价
常见问题页承接疼痛、疗程周期与费用这三类核心顾虑
隐私与条款页各备一份,医疗机构的合规要求已有位置
页面与技术规格
29 个 HTML 页面,含 3 套首页,实测 177 个文件、16.1 MB
基于 Bootstrap 5.3.3,预约表单与医生卡片在窄屏自动单列
作品集筛选由 Isotope 驱动,按治疗项目分类切换
出场动效走 WOW.js,配合 GSAP 控制首屏时间轴
轮播采用 Owl Carousel,图片放大走 Magnific Popup
文字跑马灯为 Marquee 实现,优惠条可无缝横滚