방문자 정보 탐색과 담당자 수정·운영을 화면으로 연결했습니다.
스토리보드란?
스토리보드는 완성될 홈페이지와 관리자 화면을 미리 보는 문서입니다. 방문자가 찾고 문의하는 순간부터 담당자가 내용을 수정하는 흐름을 담았습니다.
마지막까지 보시면 적은 페이지로도 고객에게 명확하고, 담당자가 직접 운영할 수 있는 홈페이지가 그려집니다.
첫 화면에서 필요한 정보를 찾고 부담 없이 문의를 남깁니다.
핵심 내용을 확인합니다
원하는 항목을 선택합니다
내용을 확인하거나 입력합니다
화면을 검토합니다
결과를 확인합니다
제안서의 간결한 메뉴 구조와 가독성 높은 반응형 디자인을 보여줍니다. 데모 1단계에서 직접 탐색합니다.
회사소개·사업영역·소식·문의 4개 메뉴와 문의 버튼을 상단에 고정하고, 워드프레스 테마로 같은 디자인을 이식합니다.
기존 카테고리를 압축해 방문자가 핵심 사업을 빠르게 비교하게 합니다. 데모 2단계에서 살펴봅니다.
영역별 동일한 카드 패턴과 짧은 문장을 사용합니다. 실제 업종·제품·사진을 받으면 이 자리에서 교체합니다.
짧고 명확한 문의 폼과 접수 상태를 보여줍니다. 데모 3단계에서 입력을 체험합니다.
필수 항목을 검사한 뒤 SMTP로 담당자 메일에 전달합니다. 실제 메일 수신 계정은 계약 뒤 설정합니다.
개발 지식 없이 연혁·공지·기본정보를 관리하고 운영 상태를 봅니다.
핵심 내용을 확인합니다
원하는 항목을 선택합니다
내용을 확인하거나 입력합니다
화면을 검토합니다
결과를 확인합니다
비개발자 담당자가 수정할 항목을 한곳에서 찾는 화면입니다. 데모 4단계의 관리자 진입점입니다.
연혁·회사정보·공지사항을 분리해 실수 없이 수정하게 합니다. 매뉴얼과 3개월 하자보수 안내를 함께 제공합니다.
담당자가 연혁을 수정하고 공개 전 결과를 확인하는 과정입니다. 데모 4단계에서 실제 수정 동작을 체험합니다.
연도와 설명을 필수 항목으로 입력하고 미리보기 뒤 게시합니다. 초안과 게시 상태를 명확히 구분합니다.
호스팅, SSL, 백업, 보안·SEO·캐시를 어떻게 관리할지 보여줍니다. 제안서의 인프라 주도 계획과 연결됩니다.
관리형 웹 호스팅을 우선 추천하고 월 비용은 계약 시 실제 견적을 확정합니다. SSL·백업·보안·SEO·캐시는 오픈 체크리스트로 점검합니다.
유저 타입 3이 플랫폼을 사용하는 전체 흐름 설명.
단계 설명
두 번째 줄
단계 설명
두 번째 줄
단계 설명
두 번째 줄
단계 설명
두 번째 줄
단계 설명
두 번째 줄