Figma 수령 후 구현할 반응형 주요 화면과 이메일 문의 흐름
스토리보드란?
스토리보드는 실제 화면에 가까운 예시로 방문자의 탐색과 문의 여정을 설명하는 문서입니다. 제공 예정인 Figma 디자인으로 교체하기 전 구조와 동작을 보여 줍니다.
마지막까지 보시면 CRM 소개에서 문의 완료까지의 흐름이 한눈에 보입니다.
홈부터 문의까지 9개 주요 화면을 연결하는 데스크톱 흐름
서비스 가치 확인
핵심 화면 탐색
자기 업무와 비교
필요 내용 입력
상태를 확인
고객 정보부터 상담, 후속 조치까지 한 화면에서 확인합니다.
큰 타이포와 CRM 미리보기로 서비스 가치를 즉시 전달합니다.
새 문의·진행·완료 상태와 문의 CTA를 함께 보여 줍니다.
완료 김하나 고객 후속 상담
진행중 박준호 고객 데모 일정
고객 정보, 영업 단계, 리포트가 이어지는 구조를 보여 줍니다.
상태별 카드와 실제 형식의 수치로 정보 탐색을 돕습니다.
필요한 내용을 남기면 담당자가 확인할 수 있게 안내합니다.
필수값 확인 완료 메일 발송 전
필수값을 채운 뒤 메일 수신으로 연결하는 문의 화면입니다.
입력 검증·중복 방지·발송 결과를 분리하며 실제 이메일 연동은 배포 환경에서 검수합니다.
단일 열로 읽고 탭하며 문의 완료까지 도달
서비스 가치 확인
핵심 화면 탐색
자기 업무와 비교
필요 내용 입력
상태를 확인
고객 정보부터 상담, 후속 조치까지 한 화면에서 확인합니다.
핵심 가치와 문의 버튼을 작은 화면에서도 바로 확인합니다.
큰 터치 영역과 단일 열로 정보 우선순위를 유지합니다.
완료 김하나 고객 후속 상담
진행중 박준호 고객 데모 일정
복잡한 대시보드 수치를 작은 카드로 재배치합니다.
기능 탭과 완료·진행 상태를 같은 의미로 유지합니다.
필요한 내용을 남기면 담당자가 확인할 수 있게 안내합니다.
필수값 확인 완료 메일 발송 전
모바일에서도 필수값과 동의, 제출 결과를 읽기 쉽게 배치합니다.
입력 오류와 발송 중·완료 상태를 버튼 근처에서 안내합니다.