홈페이지 제작 전 반드시 확인해야 할 기획서 작성법 (2025년 실무 체크리스트)
2026년 01월 12일
#마케팅
#디지털마케팅
#비즈니스

홈페이지 제작 전 반드시 확인해야 할 기획서 작성법 (2025년 실무 체크리스트)

요약

홈페이지 제작을 시작하기 전, 가장 중요한 단계는 바로 기획서 작성입니다. 많은 기업들이 기획 없이 디자인부터 시작해 시간과 비용을 낭비합니다. 체계적인 홈페이지 기획서는 제작 과정의 혼란을 막고, 명확한 목표 달성을 가능하게 합니다. 이 글에서는 초보자도 쉽게 따라할 수 있는 홈페이지 기획서 작성법과 실무 체크리스트를 제공합니다. 제작사와의 원활한 소통, 예산 절감, 성공적인 결과물을 위해 반드시 알아야 할 내용입니다.


왜 홈페이지 기획서가 필요한가요?

많은 분들이 "디자인만 예쁘게 하면 되는 거 아닌가요?"라고 생각합니다.

하지만 기획 없는 홈페이지는 지도 없이 떠나는 여행과 같습니다.

기획서가 없을 때 발생하는 문제들

  • 제작 과정에서 계속되는 수정 요청 → 일정 지연, 추가 비용 발생
  • 목표가 불명확해 성과 측정 불가능 → 투자 대비 효과를 알 수 없음
  • 제작사와의 소통 문제 → "이게 아닌데..." 반복
  • 핵심 기능 누락 → 나중에 추가 개발로 비용 증가
  • 타겟 고객 불일치 → 방문자는 많은데 전환율은 낮음

실제로 기획서를 제대로 작성한 프로젝트는 수정 횟수가 평균 60% 감소하고, 제작 기간도 30% 단축됩니다.


홈페이지 기획서에 꼭 들어가야 할 7가지 핵심 요소

1. 프로젝트 개요 및 목표 설정

왜 홈페이지를 만드나요? 이 질문에 명확히 답해야 합니다.

  • 브랜드 인지도 향상
  • 온라인 판매 채널 구축
  • 고객 문의 증대
  • 채용 및 인재 유치
  • 기존 홈페이지 성능 개선

구체적인 목표 예시:

  • "3개월 내 월 방문자 5,000명 달성"
  • "홈페이지를 통한 월 문의 건수 50건 이상"
  • "모바일 이탈률 현재 70%에서 40%로 감소"

2. 타겟 고객 분석 (페르소나)

누가 우리 홈페이지를 방문하나요?

페르소나(Persona)란 우리의 이상적인 고객을 구체적으로 묘사한 가상 인물입니다.

작성 예시:

  • 이름: 김대리 (32세, 마케팅 담당자)
  • 고민: 회사 홈페이지 리뉴얼 업체를 찾고 있음
  • 검색 키워드: "홈페이지 제작 비용", "제작사 추천"
  • 원하는 정보: 포트폴리오, 제작 기간, 견적
  • 사용 기기: 주로 모바일로 검색 후 PC에서 상세 확인

3. 사이트맵 (페이지 구조도)

어떤 페이지들이 필요한가요?

사이트맵은 홈페이지의 전체 구조를 한눈에 보여주는 설계도입니다.

기본 구조 예시:

홈
├── 회사소개
│   ├── CEO 인사말
│   ├── 연혁
│   └── 오시는 길
├── 서비스/제품
│   ├── 서비스 A
│   ├── 서비스 B
│   └── 가격 안내
├── 포트폴리오/사례
├── 고객지원
│   ├── 공지사항
│   ├── FAQ
│   └── 1:1 문의
└── 채용정보

4. 와이어프레임 (페이지 레이아웃)

와이어프레임은 각 페이지의 레이아웃 스케치입니다.

디자인이 아닌, 정보의 배치와 우선순위를 정하는 단계입니다.

메인 페이지 와이어프레임 예시:

  • 상단: 로고, 메뉴, 문의 버튼
  • 메인 비주얼: 핵심 메시지 + CTA 버튼
  • 섹션 1: 주요 서비스 3가지 (아이콘 + 설명)
  • 섹션 2: 최신 포트폴리오 4개 (이미지 + 제목)
  • 섹션 3: 고객 후기 슬라이더
  • 하단: 회사 정보, 연락처, SNS 링크

5. 필수 기능 명세

어떤 기능이 필요한가요?

  • 반응형 디자인 (모바일 최적화)
  • 관리자 페이지 (콘텐츠 직접 수정)
  • 문의 게시판 + 이메일 알림
  • 검색 기능
  • SNS 공유 버튼
  • 구글 애널리틱스 연동
  • 챗봇 또는 카카오톡 상담 연결
  • 다국어 지원 (필요 시)

6. 디자인 방향성

어떤 느낌의 디자인을 원하나요?

추상적인 표현보다는 참고 사이트를 제시하는 것이 효과적입니다.

  • 선호하는 디자인 스타일: 미니멀, 모던, 클래식, 화려함 등
  • 메인 컬러: 회사 CI/BI 기반 또는 신규 제안
  • 참고 사이트 3~5개 ("이 사이트의 레이아웃이 좋다", "저 사이트의 색감이 마음에 든다")
  • 반드시 피해야 할 요소 (예: 팝업창, 자동 재생 음악 등)

7. 일정 및 예산

언제까지, 얼마의 예산으로 진행하나요?

  • 프로젝트 시작일
  • 각 단계별 마일스톤 (기획 완료, 디자인 시안, 개발 완료, 오픈)
  • 최종 오픈 목표일
  • 총 예산 범위
  • 유지보수 계획 및 예산

단계별 홈페이지 기획서 작성 가이드

Step 1: 현재 상황 분석 (1~2일)

기존 홈페이지가 있다면:

  • 구글 애널리틱스로 방문자 수, 이탈률, 체류 시간 확인
  • 어떤 페이지가 가장 많이 방문되는지 분석
  • 고객 문의 내용 분석 (어떤 정보를 찾는지)

신규 제작이라면:

  • 경쟁사 홈페이지 3~5개 벤치마킹
  • 우리의 강점과 차별화 포인트 정리
  • 타겟 고객이 자주 방문하는 사이트 조사

Step 2: 목표 및 전략 수립 (1일)

SMART 원칙으로 목표 설정:

  • Specific (구체적): "방문자 증가" → "월 방문자 5,000명"
  • Measurable (측정 가능): 수치로 표현
  • Achievable (달성 가능): 현실적인 목표
  • Relevant (관련성): 비즈니스 목표와 연결
  • Time-bound (기한): "3개월 내"

Step 3: 콘텐츠 정리 (2~3일)

필요한 자료 목록 작성:

  • 회사 소개 텍스트
  • 제품/서비스 설명 및 이미지
  • 포트폴리오 사례 (최소 5~10개)
  • 고객 후기 또는 인증서
  • 로고, CI/BI 가이드
  • 회사 사진 (사무실, 팀원 등)

Step 4: 사이트맵 및 와이어프레임 작성 (2~3일)

도구 활용:

  • 무료 도구: Figma, Adobe XD (무료 플랜), 파워포인트
  • 손그림도 OK! 중요한 건 정보의 배치입니다

Step 5: 기획서 문서화 (1~2일)

기획서 구성:

  1. 표지 (프로젝트명, 작성일, 작성자)
  2. 목차
  3. 프로젝트 개요
  4. 현황 분석
  5. 목표 및 전략
  6. 타겟 고객 분석
  7. 사이트맵
  8. 주요 페이지 와이어프레임
  9. 기능 명세
  10. 디자인 방향성
  11. 일정 및 예산
  12. 부록 (참고 자료)

Step 6: 제작사와 공유 및 피드백 (1~2일)

기획서를 제작사에 전달하고 전문가의 피드백을 받으세요.

좋은 제작사라면 기획서를 바탕으로 더 나은 제안을 해줄 것입니다.


홈페이지 기획서 작성 체크리스트

프로젝트 기본 정보

  • [ ] 프로젝트명 및 목적 명시
  • [ ] 구체적이고 측정 가능한 목표 설정
  • [ ] 예산 범위 결정
  • [ ] 오픈 목표일 설정

타겟 및 시장 분석

  • [ ] 주요 타겟 고객 페르소나 작성 (최소 2개)
  • [ ] 경쟁사 벤치마킹 완료 (3~5개)
  • [ ] 차별화 포인트 정리

사이트 구조

  • [ ] 전체 사이트맵 작성
  • [ ] 주요 페이지 와이어프레임 작성 (최소 5개 페이지)
  • [ ] 페이지별 콘텐츠 목록 정리

기능 및 기술

  • [ ] 필수 기능 목록 작성
  • [ ] 선택 기능 (우선순위 표시)
  • [ ] 관리자 기능 요구사항
  • [ ] 반응형 디자인 필수 여부
  • [ ] SEO 최적화 요구사항

디자인 방향

  • [ ] 참고 사이트 3~5개 선정
  • [ ] 선호 컬러 및 스타일 정의
  • [ ] CI/BI 가이드 준비
  • [ ] 피해야 할 요소 명시

콘텐츠 준비

  • [ ] 텍스트 콘텐츠 작성 또는 초안 준비
  • [ ] 이미지 자료 수집 (고해상도)
  • [ ] 로고 및 브랜드 자산 정리
  • [ ] 동영상 콘텐츠 (있을 경우)

운영 및 유지보수

  • [ ] 호스팅 및 도메인 계획
  • [ ] 유지보수 방안 수립
  • [ ] 콘텐츠 업데이트 주기 결정
  • [ ] 성과 측정 방법 정의

실제 사례: 기획서로 성공한 프로젝트

Case 1: 제조업체 B사

상황:

  • 20년 된 낡은 홈페이지
  • 모바일 미지원으로 이탈률 80%
  • 해외 바이어 문의 감소

기획서 핵심:

  • 타겟: 해외 바이어 + 국내 대기업 구매 담당자
  • 목표: 영문 페이지 강화, 제품 카탈로그 다운로드 기능
  • 와이어프레임: 제품 상세 페이지에 스펙, 인증서, 3D 이미지 배치

결과:

  • 해외 문의 월 5건 → 25건 (5배 증가)
  • 모바일 이탈률 80% → 35%
  • 제작 기간 8주 (기획서 덕분에 수정 최소화)

Case 2: 스타트업 C사

상황:

  • 신규 서비스 론칭
  • 제한된 예산 (500만원)
  • 빠른 오픈 필요 (4주)

기획서 핵심:

  • MVP 개념: 핵심 기능만 1차 오픈
  • 사이트맵: 5개 페이지로 단순화
  • 디자인: 템플릿 활용 + 부분 커스터마이징

결과:

  • 예산 내 제작 완료
  • 4주 만에 오픈
  • 오픈 후 사용자 피드백 받아 2차 고도화 진행

자주 묻는 질문 (FAQ)

Q1. 기획서 작성에 얼마나 시간이 걸리나요?

A. 프로젝트 규모에 따라 다르지만, 일반적으로 1~2주 정도 소요됩니다. 소규모 홈페이지는 3~5일, 대규모는 3~4주도 가능합니다. 급하더라도 최소 3일은 투자하세요. 이 시간이 나중에 몇 배로 돌아옵니다.

Q2. 기획서를 제작사가 대신 작성해주나요?

A. 많은 제작사가 기획 서비스를 제공합니다. 하지만 클라이언트가 기본 방향은 정해야 더 정확한 기획이 나옵니다. 우리 비즈니스를 가장 잘 아는 사람은 우리 자신이니까요. 제작사는 전문가 관점에서 보완하고 제안하는 역할입니다.

Q3. 기획 단계에서 비용이 추가되나요?

A. 제작사마다 다릅니다. 일부는 기획비를 별도로 받고, 일부는 제작비에 포함합니다. 계약 전 명확히 확인하세요. 기획비가 별도라면 보통 전체 제작비의 10~20% 수준입니다. 기획이 탄탄하면 개발 단계에서 비용이 오히려 절감됩니다.

Q4. 와이어프레임은 꼭 전문 도구로 만들어야 하나요?

A. 아닙니다! 손그림, 파워포인트, 심지어 종이에 그려도 괜찮습니다. 중요한 건 "어디에 무엇을 배치할지" 명확히 전달하는 것입니다. 디자이너는 이를 바탕으로 아름답게 디자인합니다.

Q5. 경쟁사 분석은 어떻게 하나요?

A. 다음 항목을 체크하세요:

  • 사이트 구조 (어떤 메뉴가 있는지)
  • 주력으로 보이는 콘텐츠
  • 디자인 스타일 및 사용자 경험
  • 특별한 기능 (챗봇, 견적 계산기 등)
  • 장점과 단점
  • 우리가 더 잘할 수 있는 부분

용어 설명 (Glossary)

페르소나 (Persona)

우리의 이상적인 고객을 구체적으로 묘사한 가상 인물. 나이, 직업, 고민, 행동 패턴 등을 상세히 정의하여 타겟을 명확히 합니다.

사이트맵 (Sitemap)

홈페이지의 전체 페이지 구조를 나무 형태로 표현한 설계도. 어떤 페이지들이 있고, 어떻게 연결되는지 한눈에 보여줍니다.

와이어프레임 (Wireframe)

각 페이지의 레이아웃을 간단한 선과 박스로 표현한 스케치. 디자인이 아닌 정보의 배치와 구조를 보여주는 단계입니다.

CTA (Call To Action)

사용자에게 특정 행동을 유도하는 버튼이나 문구. 예: "무료 상담 신청", "견적 받기", "지금 시작하기" 등.

반응형 디자인 (Responsive Design)

PC, 태블릿, 모바일 등 다양한 화면 크기에 자동으로 최적화되는 디자인 방식. 별도의 모바일 사이트 없이 하나의 사이트로 모든 기기를 지원합니다.

MVP (Minimum Viable Product)

최소 기능 제품. 핵심 기능만 담아 빠르게 출시한 후, 사용자 피드백을 받아 점진적으로 개선하는 전략입니다.

벤치마킹 (Benchmarking)

경쟁사나 우수 사례를 분석하여 우리의 개선점을 찾는 과정. 단순히 따라하는 것이 아니라 배우고 발전시키는 것입니다.

UI/UX

UI(User Interface)는 사용자가 보는 화면 디자인, UX(User Experience)는 사용자가 느끼는 전반적인 경험. 예쁜 디자인(UI)도 중요하지만, 사용하기 편한 경험(UX)이 더 중요합니다.


마무리: 성공적인 홈페이지는 기획에서 시작됩니다

많은 기업들이 "빨리 만들어야 해"라는 조급함에 기획을 건너뛰고 실패합니다.

하지만 체계적인 홈페이지 기획서는 성공의 지름길입니다.

핵심 요점 정리

  1. 기획서는 선택이 아닌 필수 - 시간과 비용을 절약하고 성과를 보장하는 투자
  2. 7가지 핵심 요소 포함 - 목표, 타겟, 사이트맵, 와이어프레임, 기능, 디자인, 일정
  3. 구체적이고 측정 가능하게 - 추상적인 목표는 실패의 지름길
  4. 제작사와 긴밀히 협업 - 우리의 기획 + 전문가의 제안 = 최고의 결과
  5. 체크리스트 활용 - 빠뜨린 부분 없이 완벽하게 준비

다음 단계: 전문가와 함께하세요

홈페이지 기획서 작성이 막막하신가요?

ADALL(에이달)은 10년 이상의 경험을 바탕으로 고객의 비즈니스 목표를 정확히 이해하고, 성과를 만드는 홈페이지를 기획부터 제작까지 함께합니다.

  • ✅ 체계적인 기획 프로세스
  • ✅ 업종별 맞춤 전략 수립
  • ✅ 명확한 일정 및 예산 관리
  • ✅ 오픈 후 성과 측정 및 개선

지금 바로 무료 컨설팅을 신청하세요.

여러분의 비즈니스 목표를 함께 분석하고, 최적의 홈페이지 전략을 제안해드립니다.


ADALL (에이달)

  • 📞 전화: 02-2664-8631
  • 📧 이메일: master@adall.co.kr
  • 📍 주소: 서울특별시 강서구 방화대로31길 2, 5~6층
  • 대표: 김지완 | 사업자등록번호: 477-88-02642

성공적인 홈페이지는 우연이 아닌 철저한 기획에서 시작됩니다. 오늘부터 기획서 작성을 시작해보세요!

무료 컨설팅 받아보고 싶다면?

무료 컨설팅 신청하기