홈페이지 기획서는 ‘누가 들어와서 무엇을 확인하고 어떤 행동을 해야 하는지’를 제작사와 합의하는 문서입니다. 처음부터 두꺼운 자료를 만들 필요는 없습니다. 목적·페이지·기능·자료·담당자를 먼저 정리하고, 예약이나 결제처럼 규칙이 필요한 기능에만 상세 내용을 덧붙이면 됩니다.
아래에 기업 소개형과 예약 문의형 기획서 예시를 넣었습니다. 두 예시는 설명을 위해 만든 가상 프로젝트이며 실제 고객의 의뢰서가 아닙니다. 작성용 빈 양식과 완료 예시 내려받기
홈페이지 기획서, 여기서 작성해 보세요
미정인 항목은 비워 두어도 됩니다. 작성 내용은 서버로 전송하거나 저장하지 않습니다. 페이지를 닫기 전에 복사하거나 파일로 내려받으세요.
빈 문서가 필요하면 Word 양식 · PDF 양식을 이용하세요. 기존 텍스트 양식과 완료 예시도 제공합니다.
홈페이지 기획서에는 어떤 항목이 필요한가요?
| 항목 | 적을 내용 | 피할 표현 |
|---|---|---|
| 목적 | 홈페이지로 해결하려는 업무 | “예쁘게”, “매출을 많이” |
| 방문자 | 어떤 상황에서 들어오는 사람인지 | “누구나” |
| 핵심 행동 | 문의·예약·자료 확인 등 | 모든 행동을 같은 비중으로 나열 |
| 페이지 | 페이지별 역할과 주요 내용 | “일반 회사 홈페이지처럼” |
| 기능 | 입력·처리·결과·운영자 행동 | “예약 가능하게” |
| 자료 | 원고·로고·사진의 준비 상태 | “나중에 드릴게요” |
| 참고 방향 | 참고할 부분과 피할 부분 | 링크만 여러 개 전달 |
| 일정·담당자 | 희망일·필수 마감·최종 승인자 | 확인 담당자가 없는 일정 |
목표가 아직 정해지지 않았다면 “사이트를 본 사람이 전화하기 전에 무엇을 알면 좋을까?”부터 적어 보세요. 회사 소개 문구보다 먼저 필요한 내용을 찾을 수 있습니다.
예시 1. 기업 소개와 견적 문의를 위한 5페이지
가상 기업 ‘한빛부품’의 소개형 홈페이지를 가정하겠습니다. 상품을 온라인으로 판매하지 않고, 구매 담당자가 제작 가능 품목을 확인한 뒤 견적을 문의하는 용도입니다.
| 기획 항목 | 작성 완료 예시 |
|---|---|
| 목적 | 구매 담당자가 가공 품목과 의뢰 조건을 확인하고 견적을 요청하게 한다. |
| 방문자 | 새 공급업체를 찾는 제조업 구매 담당자. 모바일과 사무실 PC에서 접속한다. |
| 핵심 행동 | 품목·수량·희망 납기를 적어 견적 문의를 보낸다. |
| 페이지 | 메인, 회사 소개, 가공 품목, 제작 사례, 견적 문의의 5개 페이지 |
| 문의 기능 | 회사명·담당자·회신 연락처·품목·수량·희망 납기·문의 내용 입력. 파일 첨부는 이번 범위에서 제외 |
| 처리 방식 | 담당자 메일 알림과 관리 화면 저장. 접수 안내는 즉시 보여주되 견적 확정으로 표현하지 않음 |
| 자료 상태 | 로고 보유. 품목 설명 초안 있음. 사진 12장은 고객이 제공하고 사용 가능한지 확인 |
| 참고 방향 | 큰 제품 사진과 단순한 메뉴. 자동 재생 영상과 과도한 화면 효과는 제외 |
| 담당자 | 총무 담당자가 의견 취합, 대표가 디자인과 원고 최종 승인 |
| 일정 | 자료 확정 후 세부 일정 협의. 박람회 전 공개가 필요하므로 행사일을 별도 전달 |
| 제외 범위 | 회원가입, 온라인 결제, 재고 연동, 다국어 |
| 완료 기준 | 모바일에서 품목을 읽고 테스트 문의를 보내면 관리 화면과 담당자 메일에서 확인 가능 |
이 예시에서 견적을 바꾸는 질문
“제작 사례 페이지”가 사례 3건을 한 화면에 정리하는 것인지, 사례마다 상세 페이지를 만드는 것인지 확인해야 합니다. 후자라면 페이지 수와 입력 작업이 늘어날 수 있습니다.
첨부파일도 마찬가지입니다. 문의 양식에 도면 업로드를 추가하려면 허용 형식·용량·보관·접근 권한까지 정해야 합니다. 기능 이름 한 줄이 아니라 실제 사용 방식을 써야 제작 범위가 보입니다.
예시 2. 상담으로 예약을 확정하는 스튜디오 홈페이지
가상 스튜디오 ‘온빛사진’은 홈페이지에서 결제를 받지 않고 희망 촬영일을 접수한 뒤 담당자가 일정을 확인한다고 가정하겠습니다.
| 기획 항목 | 작성 완료 예시 |
|---|---|
| 목적 | 촬영 상품을 소개하고 예약 상담에 필요한 정보를 한 번에 받는다. |
| 방문자 | 가족사진 촬영을 알아보는 고객. 주로 휴대폰으로 사진과 가격 조건을 비교한다. |
| 핵심 행동 | 상품과 희망일을 선택해 상담을 신청한다. |
| 페이지 | 촬영 소개, 상품 안내, 포트폴리오, 예약 문의 |
| 예약 방식 | 실시간 확정 예약이 아닌 희망일 접수. 접수 뒤 담당자가 연락해 확정 |
| 입력 항목 | 선택 상품, 희망일, 인원, 이름, 회신 연락처, 전달할 요청 |
| 운영자 작업 | 문의 상태를 접수·연락 완료·예약 확정·취소로 구분 |
| 자료 상태 | 촬영 상품 3종 설명과 금액표 제공. 사진은 사용 동의가 확인된 이미지로 전달 |
| 일정 규칙 | 홈페이지에서 가능 날짜를 실시간 보장하지 않음. 확정 여부는 담당자가 확인 |
| 수정 범위 | 상품 설명·금액·포트폴리오는 운영자가 직접 수정하도록 요청 |
| 제외 범위 | 온라인 결제, 자동 환불, 작가별 실시간 일정 연동 |
| 완료 기준 | 문의가 저장되고 담당자가 상태를 바꿀 수 있음. 고객에게 접수와 예약 확정을 혼동시키지 않음 |
이 문서라면 제작사는 ‘예약 달력과 결제까지 연결된 시스템’을 견적에 넣어야 하는지 되묻지 않아도 됩니다. 이후 실시간 예약이 필요해지면 별도 기능으로 확장 범위를 정할 수 있습니다.
슬로히어로의 MORROW 가상 스튜디오 콘셉트는 예약 가능 여부, 상품 금액, 관리자와 사진 셀렉을 연결한 기능 범위를 설명하는 가상 프로젝트입니다. 같은 스튜디오 홈페이지라도 필요한 업무 흐름이 다르면 기획서와 견적이 달라집니다.
기획서의 문장은
어디에 나타날까요?
“촬영 분위기를 보고 문의한다”는 목적은 큰 작업 사진과 간결한 메뉴로 이어집니다. PC에서는 사진을 넓게 보여주고, 모바일에서는 세로 화면에 맞춰 첫인상을 구성합니다.
함께 실은 이미지는 가상 웨딩 스튜디오 MORROW의 홈페이지 시안입니다. 사진은 AI로 생성했으며, 아래 흐름도는 제작 흐름을 설명하기 위한 예시입니다.
MORROW 홈페이지 콘셉트 ↗
예쁜 예약 페이지보다, 누가 무엇을 요청하는지 한 문장으로 정합니다.
필요한 선택을 작은 단계로 나눠, 방문자가 다음 행동을 알 수 있게 합니다.
신청 접수와 예약 확정을 구분합니다. 실제 운영 방식은 제작 전에 합의합니다.
페이지 목록은 한 줄씩 역할을 나눠 적으세요
방문자가 각 페이지에서 답을 얻을 질문을 적으면 불필요한 메뉴를 줄일 수 있습니다.
| 페이지 | 방문자가 해결할 질문 | 필요한 자료 |
|---|---|---|
| 메인 | 이 업체가 내가 찾는 일을 하는가? | 핵심 제안·대표 사진·문의 경로 |
| 서비스 | 정확히 어디까지 제공하는가? | 포함·제외 범위·절차 |
| 사례 | 비슷한 일을 해본 적이 있는가? | 결과물·작업 범위·확인 가능한 설명 |
| 문의 | 무엇을 보내면 답을 받을 수 있는가? | 입력 항목·처리 안내·연락처 |
‘회사 소개’와 ‘대표 인사말’에 같은 내용이 반복된다면 합칠 수 있습니다. 반대로 서로 다른 고객이 찾는 서비스는 각각 설명할 페이지가 필요할 수 있습니다. 메뉴 개수보다 역할의 차이를 먼저 보세요.
기능은 ‘입력 → 처리 → 결과’로 설명하세요
“문의 폼 추가”보다 다음 문장이 구체적입니다.
고객이 회사명·이메일·문의 내용을 입력하면 문의가 저장되고 담당자에게 알림이 갑니다. 고객에게는 접수 완료를 보여줍니다. 담당자는 관리 화면에서 내용을 확인하고 처리 상태를 바꿉니다.
여기에 실패 상황을 덧붙이면 검수 기준이 됩니다.
- 필수 항목이 비어 있으면 제출되지 않는다.
- 전송 실패 시 성공 메시지를 보여주지 않는다.
- 제출 버튼을 연속으로 눌러도 같은 요청이 중복 접수되지 않도록 처리한다.
- 담당자는 테스트 문의와 실제 문의를 구분해 확인할 수 있다.
개인정보 입력·보관 범위는 운영 목적과 실제 처리 방식에 맞춰 정해야 합니다. 양식에 많은 항목을 넣는 것보다 담당자가 상담을 시작하는 데 필요한 정보를 고르는 것이 먼저입니다.
홈페이지 제작 준비사항도 기획서에서 관리하세요
자료를 보냈는지만 표시하면 최종 버전을 찾기 어렵습니다. 파일과 담당자, 확정 여부를 함께 적으세요.
| 자료 | 담당자 | 현재 상태 | 전달 기준 |
|---|---|---|---|
| 로고 | 브랜드 담당 | 확정 | 배경 없는 원본과 사용 색상 |
| 페이지별 원고 | 사업 담당 | 초안 | 검토자를 거친 최종 문구 |
| 제품·공간 사진 | 운영 담당 | 선별 중 | 파일명과 사용할 위치 |
| 가격·운영시간 | 최종 승인자 | 확인 필요 | 실제 고객 안내에 쓸 값 |
| 도메인·운영 계정 | 계정 관리자 | 접근 확인 필요 | 초대·권한 인계 방식 협의 |
비밀번호나 개인 고객 자료를 기획서 본문에 적어 전달할 필요는 없습니다. 계정 초대와 필요한 권한을 별도로 정하고, 제작용 예시는 실제 개인정보를 제거한 자료로 준비하세요.
자주 묻는 질문
홈페이지 기획서는 꼭 PPT로 만들어야 하나요?
아닙니다. 문서·메모·표 중 함께 수정하고 확인하기 쉬운 형식이면 됩니다. 전달 형식보다 필요한 결정이 빠짐없이 적혀 있는지가 중요합니다.
한 장이면 충분한가요?
첫 상담에서는 충분할 수 있습니다. 예약 규칙, 관리자 권한, 데이터 이전처럼 세부 결정이 필요한 항목은 부록을 추가해야 합니다. 한 장에 맞추려고 중요한 조건을 빼지 마세요.
참고 사이트를 그대로 만들어 달라고 해도 되나요?
좋아하는 색상·정보 배치·사용 흐름을 구분해 전달하는 편이 좋습니다. 다른 회사의 원고·사진·디자인을 그대로 사용하기보다 우리 자료와 목적에 맞는 구성을 요청하세요.
기획이 안 돼 있어도 의뢰할 수 있나요?
가능합니다. 대신 기획 정리와 원고 작성까지 의뢰할지 먼저 정해야 합니다. 홈페이지 제작 비용에서 자료 준비 범위가 견적에 미치는 영향을 확인할 수 있습니다.
양식을 채웠다면 미확정 항목을 숨기지 말고 그대로 표시해 보내주세요. 슬로히어로 홈페이지 제작 상담에서 필요한 결정부터 함께 정리할 수 있습니다.
작성한 기획서를 실제 결과와 연결하기
MORROW 콘셉트 사례의 예약과 사진 셀렉을 예로 들면, 방문자 질문은 가능한 날짜와 상품 금액, 촬영 후 사진 선택 방법으로 나뉩니다. 이를 예약 화면·금액 표시·고객 갤러리 요구사항으로 바꾸고, 각 화면에서 확인할 행동을 검수 항목에 적으세요. MORROW는 기능 범위를 설명하기 위한 가상 스튜디오입니다.
