상담 전환과 생활 서비스 확장 기준을 함께 살펴봅니다.
스토리보드란?
스토리보드는 고객이 볼 화면과 다음 행동을 미리 확인하는 문서입니다. 이번 공고를 위한 사전 제안이며 표시 정보는 예시입니다.
마지막까지 보시면 고객의 행동과 화면의 연결을 확인할 수 있습니다.
고객이 망설이는 지점을 줄이는 서비스 여정
목적을 파악합니다
정보를 비교합니다
기준을 확인합니다
누락을 점검합니다
다음 행동을 안내합니다
내게 맞는 이사 유형을 고르고 필요한 서비스만 확인하세요.
포장부터 정리까지 범위를 확인하세요.
짐의 양과 이동 거리에 맞춰 상담합니다.
업무 일정에 맞는 이전 계획을 세웁니다.
방문 상담 전 예상 일정과 이사 조건을 정리합니다.
후기 콘텐츠 예시 · 실제 자료 확인 후 반영
보장 범위와 확인 자료를 가까이 안내합니다.
자료 확인 예정같은 메뉴와 카드 체계로 확장
이사 서비스 제공메인에서 신뢰를 확인한 뒤 신청하는 전략입니다. 데모 Step 1에서 이사 유형을 선택합니다.
서비스 카드와 후기·보장 근거를 가까이 둡니다. 추가 생활 서비스는 같은 카드 체계로 확장합니다.
무엇이 포함되는지, 비용은 무엇으로 달라지는지 먼저 확인하세요.
계약 전 세부 작업 범위를 확정합니다.
적용 대상과 보상 절차를 문서로 확인합니다.
가전·가구·박스 수량을 확인합니다.
층수·엘리베이터·사다리차 여부 반영
작업 조건을 확인한 뒤 계약 전에 항목별로 설명합니다.
범위·절차·가격 기준을 이해하도록 설명합니다. 데모 Step 2에서 FAQ와 견적 진입을 체험합니다.
기본 포함과 현장 확인 항목을 분리합니다. 실제 견적 금액은 상담·현장 확인 후 확정합니다.
입력 내용은 이전 단계로 돌아가도 유지됩니다.
도착 지역을 선택해 주세요. 작성 내용은 유지됩니다.
연락 전 유형·일정·지역을 다시 확인합니다.
연락처는 다음 단계에서 입력합니다.
동의 확인 후 접수 결과와 후속 절차를 안내합니다.
개인정보는 상담 목적에 필요한 범위로 안내합니다.
신청 이탈을 줄이는 입력 흐름입니다. 데모 Step 3~4에서 오류 수정과 예시 완료를 확인합니다.
유형·일정·주소·연락처를 나눕니다. 이전 값 유지, 오류 안내, 접수 후 안내를 명확히 구분합니다.
부가 페이지와 공통 UI를 같은 검수 기준으로 확인합니다
목적을 파악합니다
정보를 비교합니다
기준을 확인합니다
누락을 점검합니다
다음 행동을 안내합니다
부가 화면에도 같은 정보 위계와 읽기 쉬운 문장을 적용합니다.
서비스 운영 기준과 연혁을 실제 제공 자료에 맞춰 정리합니다.
내용 확인 중후기 목록 → 상세 → 관련 서비스로 연결 · 예시
공지 목록과 상세를 공통 문서 패턴으로 구성
수집 목적·보유 기간·문의 절차 확인 · 법무 검토 필요
고객이 신뢰 근거와 정책을 찾는 화면입니다. 데모 외 설계 범위를 같은 문서 패턴으로 묶습니다.
목록에서 상세로 연결합니다. 실제 연혁·후기는 자료 확인 후 반영하고 정책은 검토 후 확정합니다.
컬러·글꼴·간격과 컴포넌트 상태를 같은 규칙으로 관리합니다.
행동 버튼과 선택 상태에만 강조 색상 사용
PC·모바일 정보 위계와 가독성 기준
섹션·카드·필드 간격을 규칙으로 정의
768px 기준 그리드 전환, 최소 44px 조작 영역
입력 내용을 확인해 주세요
모달: 이전 입력 유지 · 닫기 · 확인
알림: 변경 내용을 저장했습니다.
생활 서비스가 늘어나도 같은 화면 체계를 유지합니다. 버튼·폼·탭·모달·알림 상태를 정의합니다.
컬러·글꼴·간격과 PC·모바일 그리드를 가이드로 남깁니다. 상태는 색과 설명을 함께 제공합니다.
기존 화면 목록과 대조 후 누락 없이 디자인·퍼블리싱을 인계합니다.
서비스 유형은 기존 화면 확인 후 확정
서비스 이해와 불안 해소
입력 오류 및 반응형 상태 포함
총 18개 · 기존 목록 대조 후 확정
기획 근거와 요구사항 연결
중간 폭과 키보드 접근성 포함
마크업 단계 SEO 기준
발주사 소유 저장소와 가이드 전달
18개 화면의 설계·반응형 퍼블리싱·SEO 검수 범위입니다. 기존 화면 대조 후 목록을 확정합니다.
원본과 소스코드를 발주사 소유로 인계합니다. 서버 개발·기존 시스템 연동은 제외하며 적용은 협의합니다.