본문으로 건너뛰기
준비물

홈페이지 기획안 작성법과 메뉴 구성 예시

홈페이지 기획안은 대상 고객과 사이트의 목적을 메뉴, 페이지별 내용과 기능, 자료 담당으로 옮긴 문서입니다. 길 필요 없습니다. 목표 한 장, 메뉴 목록, 페이지별 표, 기능 요구사항 네 부분이면 제작 견적을 받고 중간에 범위가 흔들리지 않습니다.

기획안이 없으면 제작사는 추측으로 견적을 내고, 디자인 뒤에 '이 페이지가 빠졌다'가 나옵니다. 이 글은 네 부분을 순서대로 채우는 법과 그대로 복사해 쓸 수 있는 표입니다. 준비물(로고 · 사진 · 도메인)은 '홈페이지 제작 전 준비물' 글에 있습니다.

홈페이지 기획안에서 먼저 정할 목표는 무엇인가요?

첫 장은 다섯 줄입니다. 이 다섯 줄이 메뉴와 페이지를 결정하므로, 여기가 흔들리면 뒤가 전부 흔들립니다.

홈페이지 기획안에서 먼저 정할 목표는 무엇인가요?
항목쓰는 법예시
누가 오나방문자 유형 1 ~ 2개, 어디서 오는지지원사업 선정 창업자(검색 · 소개), 소상공인(인스타 광고)
무엇을 하게 하나사이트에서 할 행동 하나견적 문의 폼 제출
왜 우리인가한 문장기획부터 검색 노출까지 한 팀이 맡는다
성공 기준숫자 하나월 문의 10건
제약일정 · 예산 · 꼭 써야 할 것11월 말 오픈, 카페24 사용, 기존 도메인 유지

메뉴와 페이지 목록은 어떻게 구성하나요?

메뉴는 회사 조직이 아니라 방문자가 할 일에서 거꾸로 정합니다. 알아보기 → 비교하기 → 믿기 → 문의하기 순서로 필요한 페이지를 놓으면 대부분 5 ~ 7개 메뉴가 됩니다.

메뉴와 페이지 목록은 어떻게 구성하나요?
방문자가 할 일메뉴(예: 회사 홈페이지)페이지
알아보기홈, 회사 소개메인, 소개(연혁 · 팀)
비교하기서비스서비스 목록, 서비스 상세 3 ~ 4개, 가격
믿기사례 · 소식사례 목록 · 상세, 블로그 · 공지
문의하기문의문의 폼, 오시는 길
(법적)푸터개인정보 처리방침, 이용약관, 사업자 정보
  • 메뉴 이름은 방문자 말로(서비스 소개 대신 '홈페이지 제작' 처럼 검색어). 영문 메뉴를 쓸 거면 전부 영문으로 통일.
  • 깊이는 2단계까지. 3단계 메뉴는 휴대폰에서 거의 열리지 않습니다.
  • 페이지마다 주소(/services/landing)를 미리 적어 두면 검색 설정과 링크 작업이 쉬워집니다.
  • '준비 중' 페이지는 넣지 않습니다. 원고가 없는 페이지는 목록에서 빼고 나중에 추가합니다.

페이지마다 어떤 원고와 자료가 필요한가요?

페이지별 표가 기획안의 본체입니다. 한 페이지에 한 줄씩, 무엇을 보여 주고 어디로 보내는지와 자료 담당자를 적습니다. 비어 있는 칸이 곧 '아직 준비 안 된 것'입니다.

페이지마다 어떤 원고와 자료가 필요한가요?
페이지목적(한 줄)들어갈 내용다음 행동(버튼)원고 · 사진 담당참고
메인3초 안에 무엇을 하는 곳인지제안 한 문장, 서비스 3 ~ 4개, 사례 3개, 문의문의하기대표(원고), 디자이너(사진 선택)참고 사이트 A 첫 화면
서비스 상세 — 랜딩페이지비용 · 기간 · 포함 범위정의, 맞는 경우, 포함 · 추가, FAQ견적 문의대표—
사례실제 작업물로 신뢰작업 5 ~ 10개, 화면 캡처, 맡은 범위문의하기디자이너(캡처), 대표(설명)자체 샘플은 표시
문의폼 제출이름 · 연락처 · 한 줄, 개인정보 동의, 완료 안내제출대표항목 3 ~ 4개

기능 요구사항은 어느 수준까지 적나요?

기능은 '입력 → 처리 → 완료 조건' 세 칸으로 적습니다. '예약 기능'이라고만 쓰면 업체마다 견적이 크게 벌어지고, 세 칸으로 쓰면 솔루션으로 되는지 개발이 필요한지가 바로 보입니다.

기능 요구사항은 어느 수준까지 적나요?
기능입력(사용자가 하는 것)처리(사이트가 하는 것)완료 조건비고
문의 폼이름 · 연락처 · 내용 입력, 동의 체크저장, 담당자 메일 · 알림톡 발송완료 화면에 '영업일 1일 내 연락' 표시스팸 방지
예약 요청날짜 · 시간 · 인원 선택가능 여부 확인, 요청 저장, 운영자 알림운영자가 확정 문자 발송결제 없음(1차)
회원 · 로그인이메일 · 비밀번호 또는 카카오 로그인계정 생성, 세션내 정보 페이지 진입개인정보 항목 최소
관리자상품 · 글 등록 · 수정목록 · 검색 · 상태 변경운영자가 직접 등록 가능교육 1회

이 표가 있으면 워드프레스 · 카페24 · 맞춤 개발 중 무엇이 맞는지가 정해지고, 서치웨이 기준 맞춤 개발(핵심 기능 1 ~ 2개, 300만 원부터)인지 회사 홈페이지(100만 원부터)인지가 상담 전에 보입니다.

기획안 양식과 PPT 작성 예시

양식은 위 표 네 개가 전부입니다. 빈 양식과 채운 예시를 한 파일에 두면 담당자가 바뀌어도 같은 수준으로 씁니다.

  1. 11장 — 목표: 누가 · 무엇을 하게 · 왜 우리 · 성공 기준 · 제약 다섯 줄.
  2. 22장 — 메뉴 구조도: 메뉴와 하위 페이지를 트리로, 페이지 주소와 함께.
  3. 33장 ~ — 페이지별 한 장: 왼쪽에 화면 스케치(손그림 · 박스), 오른쪽에 들어갈 내용 · 버튼 · 자료 담당 · 참고.
  4. 4뒤에서 두 번째 — 기능 표: 입력 · 처리 · 완료 조건.
  5. 5마지막 — 일정과 자료 전달일: 원고 · 사진 전달 날짜, 시안 확인 날짜, 오픈 목표일.

PPT 든 시트든 형식은 상관없고, 제작사가 받았을 때 '페이지 몇 개, 기능 몇 개, 자료는 언제'가 바로 읽히면 됩니다. 서치웨이는 상담 때 이 네 표를 함께 채우고, 그 표가 견적서 항목과 계약서 범위로 이어집니다.

자주 묻는 질문

Q.홈페이지 기획안은 꼭 써야 하나요?

길게 쓸 필요는 없지만 목표 한 장과 메뉴 · 페이지 표는 있어야 견적이 정확해집니다. 없으면 제작사가 추측으로 견적을 내고, 중간에 '그게 아니었다'로 범위가 바뀝니다. 서치웨이는 상담 때 이 글의 표를 함께 채우는 것으로 기획안을 대신하기도 합니다.

Q.홈페이지 기획안 양식 파일이 있나요?

이 글의 표를 그대로 복사해 쓰면 됩니다. 목표 한 장, 메뉴 목록, 페이지별 표, 기능 요구사항 표 네 가지이고, 엑셀 · 구글 시트 · 노션 어디든 상관없습니다.

Q.홈페이지 기획안 PPT 는 어떻게 만드나요?

같은 내용을 화면 흐름 순서로 옮깁니다. 1장 목표, 2장 메뉴 구조도, 3장부터 페이지마다 한 장(화면 스케치 + 들어갈 내용 + 자료 담당), 마지막에 기능 표. 디자인은 넣지 않아도 됩니다.

Q.기획안에 디자인 시안도 넣어야 하나요?

아닙니다. 참고 사이트 2 ~ 3개 주소와 '가져올 점'을 적는 정도면 됩니다. 시안은 제작 단계에서 제작사가 만들고, 기획안은 '무엇이 들어가는가'를 정하는 문서입니다.

발행

이 글이 도움이 됐다면 공유해 주세요

서치웨이

홈페이지 제작과 검색 노출 관리를 함께 하는 웹 에이전시입니다. 홈페이지를 맡기기 전에 알아 두면 좋은 것을 글로 씁니다.

상담 신청하기

서치웨이와 함께
홈페이지를 만들어 보세요

업종과 필요한 페이지, 예산 범위를 남겨 주시면 제작 방식과 견적 범위를 안내해 드립니다.