01 / Context
무엇을 해결할 것인가.
같은 평수라도 창의 수와 크기, 추가 작업에 따라 비용이 달라집니다. 고객이 청소 범위와 가격의 산정 기준을 함께 이해할 수 있어야 합니다.
아파트·상가 창문 청소의 작업 범위를 설명하고 공간·창 구성별 예상 견적을 제공하는 서비스 홈페이지.
02 / Direction
프로젝트를 바라본 방향.
방과 창 구성, 시트지 제거 등 추가 작업을 가격 항목으로 나눴습니다. 현장 판단이 필요한 조건은 상담으로 연결하고, 운영자가 변경된 단가를 직접 반영하도록 설계했습니다.
평수 뒤에 있는 조건
방과 창문의 구성, 추가 작업을 구분합니다. 사용자가 자신의 공간에 맞춰 선택하고 비용이 달라지는 이유를 이해하도록 했습니다.
가져갈 수 있는 견적
모바일에서 만든 견적을 요약하고 복사·저장하는 흐름으로 구성했습니다. 선택 조건과 결과를 함께 전달할 수 있습니다.
가격표도 운영 데이터로
Site Studio에 단가 편집을 연결했습니다. 가격을 고정된 장식 문구가 아닌 검증하고 게시하는 콘텐츠로 다룹니다.
03 / Experience
사용자의 다음 행동을 설계하다.
서비스 설명에서 공간·창 구성 선택, 추가 작업, 견적 요약으로 이어집니다. 현장 확인이 필요한 조건은 상담 항목으로 구분하고 내역을 복사하거나 저장할 수 있도록 구성했습니다.
- 01공간 유형 선택↓
- 02방·창문 구성↓
- 03추가 작업 선택↓
- 04예상 견적 확인↓
- 05요약 복사·저장↓
04 / Making
경험을 실제 시스템으로.
JavaScript 기반 견적 계산과 모바일 요약 화면을 제작했습니다. 콘텐츠와 가격 필드를 Site Studio에 연결해 운영자가 단가를 수정하고 게시할 수 있도록 구성했습니다.
맑음이.
물방울과 청소 도구를 결합한 윈도우맑음의 브랜드 캐릭터.
05 / In detail
구현의 디테일.
전체 기능 보기 +
- 아파트·상가 서비스 안내와 관리 가이드
- 공간·창 구성·시트지 제거별 예상 견적
- 상가 면적 계산과 현장 검토 안내
- 견적 복사·파일 저장·모바일 요약
- 운영자의 페이지·사진·단가 편집
- 청소 이야기 작성·게시·복구
06 / Intelligence & automation
인터랙션과 자동화.
공간별 단가와 창 구성, 추가 작업을 정해진 계산식에 반영합니다. 계산 결과는 예상 견적으로 제공하며 예약이나 접수는 별도 상담으로 진행합니다.
07 / Outcome
그래서, 가능해진 일.
방문자는 작업 범위에 따른 예상 비용을 확인하고 견적 내역을 보관할 수 있습니다. 운영자는 가격과 서비스 콘텐츠를 직접 갱신할 수 있습니다.
프로젝트 직접 보기 ↗08 / Continuity
만든 이후의 시간까지.
페이지 문구, 사진, 단가와 청소 이야기를 Site Studio에서 관리합니다. 가격의 값과 범위를 검증한 뒤 게시하며 초안, 사진과 이전 버전을 보존합니다.
PAPA Site Studio ↗