专案介绍
invisible care 居家健康守护官网与 CMS|网站开发案例
整合防霾纱网、全户滤水、水塔清洗、冷气与洗衣机深度拆洗、精致居家清洁六大专业服务的居家清洁品牌官网。前台 7 页使用与可见内容一致的 metadata 与结构化资料,后台 11 页老人友善 CMS(业主 55-65 岁),支援 Section 动态区块管理、Before/After 对比图、Lightbox 图片放大与 R2 图片上传。

问题背景
居家清洁品牌需要用服务内容与施工前后图片说明差异。此案采可组合的内容区块与对比图,让业主自行维护服务、图片及咨询入口。
核心功能
- Section CMS 动态区块管理
- Before/After 对比图
- Lightbox 图片放大(手机 pinch zoom)
- 预约谘询表单
- 服务 slug pinyin 自动产生
- 11 页后台老人友善 CMS
实践方式
- —与可见内容一致的 SEO metadata 与结构化资料
- —后台老人友善 UI(16px 字级、48px 按钮、口语化措辞)
- —Neon Serverless + Prisma Adapter WebSocket 架构
实践资料流
- 01浏览服务项目与施工前后对比。
- 02查看服务说明并提出预约咨询。
- 03业主从 CMS 维护区块及图片。
揭露与限制
目前公开网址已改用 ProShake 品牌;本页保留 invisible care 专案交付时的名称与内容。