プロジェクト紹介
invisible care 在宅の健康を支えるサイトと CMS | ウェブサイト開発事例
防霾紗網、全戸浄水、水塔洗浄、エアコンと洗濯機の徹底的な分解、そして詳細な居家清掃の6つの専門サービスを提供する居家清掃ブランドの官網。フロントエンドの 7 ページでは、可視コンテンツと一致したメタデータと構造化されたデータを使用。バックエンドの 11 ページでは、高齢者向けのCMS（オーナー：55～65 歳）を使用し、セクションの動的なブロック管理、Before/After の比較画像、Lightbox による画像拡大、および R2 への画像アップロードをサポート。
問題の背景
住宅サービスには作業内容と施工前後の画像説明が必要です。組み合わせ可能な区画と比較画像により、事業者が自ら内容を維持できます。
核心機能
- セクション CMS による動的なブロック管理
- Before/After の比較画像
- Lightbox による画像拡大（スマートフォンでのピンチズーム）
- 予約相談フォーム
- サービス slug のピニイン自動生成
- 11 ページのバックエンド、高齢者向けのCMS
実装方法
- —可視コンテンツと一致した SEO メタデータと構造化されたデータ
- —バックエンドの高齢者向けのUI（16px のフォントサイズ、48px のボタン、口語的な表現）
- —Neon Serverless + Prisma Adapter WebSocket 構造
実装データフロー
- 01サービスと施工前後の比較を見る。
- 02説明を読み、相談を申し込む。
- 03CMS から区画と画像を更新する。
開示と制限
公開サイトは現在 ProShake ブランドを使用しています。本ページは納品時の invisible care の名称と内容を保持します。