CASE 31리움 홈케어2026.08

분해해 보면 압니다
홈케어 시공 사이트

광주·전남·전북에서 줄눈 시공·에어컨 분해청소·입주청소를 하는 리움 홈케어의 홈페이지입니다. 의뢰 다음 날 리움홈케어.com으로 오픈했습니다.

업종: 줄눈·에어컨 분해청소·입주청소 (광주·전남·전북)
형태: 랜딩 + 서비스별 상세 페이지 + 견적 문의 관리자
기간: 의뢰 다음 날 오픈
구성: 서비스 3종 · 분해 전후 비교 · 숫자로 보는 리움
현장 갤러리 · 리뷰 · 견적 문의
기술 스택: Cloudflare Worker · Cloudflare D1 · LocalBusiness JSON-LD · 반응형 HTML/CSS
호스팅: Cloudflare Worker + D1, 한글 도메인

리움 홈케어 데스크탑·모바일 화면 — PENNYPAGE WORKS · CASE 31리움홈케어.com

01과제

무엇을 받았고, 무엇을 했나

청소·시공 고객은 결과를 눈으로 봐야 맡깁니다. 그래서 에어컨 팬 분해 전후를 드래그로 비교하는 슬라이더와 서비스별 현장 갤러리를 두고, 견적 문의는 Cloudflare Worker가 받아 D1에 저장하도록 했습니다.

문의 API에는 허니팟과 60초 레이트리밋을, 관리자 페이지에는 HMAC 세션 쿠키 로그인을 붙여 완성했습니다.

핵심 — 결과를 눈으로분해 전후 비교 슬라이더와 현장 갤러리가 설명을 대신하고, 문의는 Worker와 D1이 받아 관리자 화면에 쌓습니다.

02화면

히어로가 아니라 실제로 일하는 구간

분해 전후 비교 — 드래그 슬라이더 — 01분해 전후 비교 — 드래그 슬라이더

리움이 하는 일 — 줄눈·에어컨·입주청소 — 02리움이 하는 일 — 줄눈·에어컨·입주청소

현장 갤러리 — 서비스별 탭 — 03현장 갤러리 — 서비스별 탭

견적 문의 폼 — 지역·서비스 선택 — 04견적 문의 폼 — 지역·서비스 선택

03구성

이 사이트에 들어간 것

01
분해 전후 비교 슬라이더드래그 비교
02
서비스별 상세 페이지줄눈·에어컨·입주청소
03
현장 갤러리 탭 필터서비스별 분류
04
모자이크 리빌스크롤 인터랙션
05
리뷰 마퀴 드래그·관성터치 드래그 지원
06
견적 문의 Worker+D1허니팟 · 60초 레이트리밋
07
관리자 페이지HMAC 세션 쿠키 로그인
08
서치콘솔·OG 썸네일검색 등록 · 공유 미리보기

리움 홈케어 모바일 전체 화면

모바일 · 스크롤해서 보기

실제 사이트에서 확인하세요.

지금도 운영 중인 사이트입니다.

라이브 사이트 ↗미러본 보기 제작 문의