invisible care 居家健康守護官網與 CMS｜網站開發案例

問題背景

居家清潔品牌需要用服務內容與施工前後圖片說明差異。此案採可組合的內容區塊與對比圖，讓業主自行維護服務、圖片及諮詢入口。

核心功能

• Section CMS 動態區塊管理
• Before/After 對比圖
• Lightbox 圖片放大（手機 pinch zoom）
• 預約諮詢表單
• 服務 slug pinyin 自動產生
• 11 頁後台老人友善 CMS

實作方式

• —與可見內容一致的 SEO metadata 與結構化資料
• —後台老人友善 UI（16px 字級、48px 按鈕、口語化措辭）
• —Neon Serverless + Prisma Adapter WebSocket 架構

實作資料流

1. 01瀏覽服務項目與施工前後對比。
2. 02查看服務說明並提出預約諮詢。
3. 03業主從 CMS 維護區塊及圖片。