Project introduction
invisible care home health website and CMS | Website development case study
Website for a home cleaning brand that integrates six professional services: anti-pollution mesh, whole-house water filter, water tower cleaning, in-depth cleaning of air conditioners and washing machines, and meticulous home cleaning. The front-end 7 page uses metadata and structured data consistent with visible content, while the back-end 11 page features a senior-friendly CMS (for owners aged 55-65), supporting dynamic block management for sections, Before/After comparison images, Lightbox image zoom, and R2 image uploads.
Background of the Problem
Home-service brands need service explanations and before-and-after images. Composable content blocks and comparison images let the owner maintain services and enquiry entry points.
Core Features
- Dynamic Block Management for Sections CMS
- Before/After Comparison Images
- Lightbox Image Zoom (Mobile pinch zoom)
- Consultation Form
- Automatic Generation of Service Slug Pinyin
- Back-end Senior-Friendly CMS for 11 page
Implementation Methods
- —SEO metadata and structured data consistent with visible content
- —Back-end Senior-Friendly UI (16px font size, 48px button size, conversational language)
- —Neon Serverless + Prisma Adapter WebSocket Architecture
Data Flow
- 01Browse services and before-and-after comparisons.
- 02Read service details and request a consultation.
- 03Maintain sections and images through the CMS.
Disclosure and Limitations
The public website now uses the ProShake brand. This page retains the invisible care name and scope from project delivery.