홈페이지 제작에서 가장 많은 실패가 발생하는 단계는 바로 기획 단계입니다. 디자인이나 개발 전에 목적, 타겟, 구조를 명확히 정의하지 않으면 예산 낭비와 재작업이 반복됩니다. 이 글에서는 홈페이지 기획 시 반드시 거쳐야 할 5단계 프로세스와 실무 체크리스트를 제공합니다. 초보자도 따라 할 수 있도록 쉽게 풀어 설명하며, 실제 프로젝트 사례를 통해 성공적인 기획의 핵심을 알려드립니다.
많은 분들이 홈페이지를 만들 때 디자인부터 고민합니다.
"예쁜 디자인으로 만들어주세요", "경쟁사 사이트처럼 해주세요"라는 요청을 자주 받습니다.
하지만 기획 없이 만든 홈페이지는 다음과 같은 문제를 겪습니다:
홈페이지 기획이란 홈페이지의 목적, 타겟 고객, 필요한 기능, 콘텐츠 구조를 사전에 설계하는 과정입니다.
기획이 탄탄하면 제작 기간이 30% 단축되고, 재작업이 거의 발생하지 않으며, 완성 후 성과도 월등히 높습니다.
가장 먼저 답해야 할 질문은 "왜 홈페이지를 만드는가?"입니다.
잘못된 예시:
올바른 예시:
실행 체크리스트:
페르소나(Persona)란 우리 홈페이지를 방문할 대표적인 고객을 구체적으로 묘사한 가상 인물입니다.
예를 들어 B2B 제조업체 홈페이지라면:
페르소나 예시:
실행 체크리스트:
사이트맵(Sitemap)은 홈페이지의 전체 페이지 구조를 나무 형태로 그린 설계도입니다.
기본 구조 예시 (기업 홈페이지):
홈
├─ 회사소개
│ ├─ CEO 인사말
│ ├─ 연혁
│ └─ 인증 및 특허
├─ 사업분야
│ ├─ 제품 A
│ └─ 제품 B
├─ 고객지원
│ ├─ 공지사항
│ └─ FAQ
└─ 채용정보주의사항:
실행 체크리스트:
와이어프레임(Wireframe)은 각 페이지의 레이아웃을 간단한 선과 박스로 그린 스케치입니다.
디자인은 나중 단계이고, 여기서는 "어디에 무엇을 배치할지"만 결정합니다.
메인 페이지 와이어프레임 예시:
[로고] [메뉴1] [메뉴2] [메뉴3] [문의하기 버튼]
----------------------------------------
[메인 비주얼 이미지 + 핵심 메시지]
[CTA 버튼: 무료 상담 신청]
----------------------------------------
[섹션1: 우리의 강점 3가지]
[아이콘] [아이콘] [아이콘]
----------------------------------------
[섹션2: 주요 서비스/제품 소개]
[이미지] [설명] [더보기]
----------------------------------------
[섹션3: 고객 후기 또는 실적]
[로고 슬라이더]
----------------------------------------
[푸터: 회사정보, 연락처, SNS]실행 체크리스트:
이제 홈페이지에 필요한 기능과 콘텐츠를 구체적으로 정리합니다.
기능 체크리스트 예시:
콘텐츠 준비 리스트:
Tip: 콘텐츠 준비가 늦어지면 제작 일정이 지연됩니다. 기획 단계에서 미리 수집하세요.
Before (기획 없이 진행):
After (체계적 기획 후 진행):
기획 포인트:
A. 이상적으로는 의뢰 기업과 제작사가 함께 진행합니다. 의뢰사는 사업 목적과 타겟을 잘 알고, 제작사는 웹 트렌드와 기술을 잘 압니다. 협업이 최고의 결과를 만듭니다.
A. 프로젝트 규모에 따라 다르지만, 일반적으로 1~2주가 적정합니다. 소규모 사이트는 3~5일, 대규모 포털은 1개월 이상 소요될 수 있습니다.
A. 대부분의 에이전시는 기획을 제작 비용에 포함합니다. 다만 대규모 프로젝트나 컨설팅 중심의 경우 별도 기획비가 책정될 수 있습니다.
A. 일반적으로 PPT 또는 PDF 형태로 제공되며, 다음 내용이 포함됩니다:
A. 가능은 하지만 재작업 확률이 80% 이상입니다. 기획 없이 진행하면 "이건 아닌 것 같아요"라는 피드백이 반복되고, 결국 처음부터 다시 만드는 경우가 많습니다.
페르소나 (Persona) 타겟 고객을 구체적인 가상 인물로 표현한 것. 이름, 나이, 직업, 니즈, 행동 패턴 등을 상세히 기술합니다.
사이트맵 (Sitemap) 홈페이지의 전체 페이지 구조를 나무 형태로 시각화한 설계도. 메뉴와 하위 페이지의 관계를 한눈에 파악할 수 있습니다.
와이어프레임 (Wireframe) 각 페이지의 레이아웃을 간단한 선과 박스로 그린 스케치. 디자인 전 단계에서 배치와 구조를 결정합니다.
CTA (Call To Action) 사용자에게 특정 행동을 유도하는 버튼이나 문구. 예: "무료 상담 신청", "지금 구매하기", "자세히 보기"
CMS (Contents Management System) 콘텐츠 관리 시스템. 코딩 없이 관리자 페이지에서 글과 이미지를 수정할 수 있는 도구입니다.
반응형 디자인 (Responsive Design) PC, 태블릿, 모바일 등 다양한 화면 크기에 자동으로 최적화되는 디자인 방식.
전환율 (Conversion Rate) 방문자 중 원하는 행동(문의, 구매, 가입 등)을 한 사람의 비율. 예: 방문자 100명 중 3명이 문의하면 전환율 3%
UI/UX UI(User Interface)는 사용자가 보는 화면 디자인, UX(User Experience)는 사용자가 느끼는 전체 경험을 의미합니다.
지금까지 홈페이지 제작 기획 단계의 5가지 핵심 프로세스를 살펴봤습니다.
핵심 요점 정리:
기획 단계를 소홀히 하면 예산과 시간만 낭비됩니다. 반대로 기획을 탄탄히 하면 제작 과정이 순조롭고, 완성 후 성과도 월등히 높습니다.
에이달(ADALL)은 10년 이상의 홈페이지 제작 경험을 바탕으로, 체계적인 기획 프로세스를 제공합니다.
우리의 기획 프로세스:
기획 단계부터 함께하면 재작업 없이 한 번에 만족스러운 결과를 얻으실 수 있습니다.
무료 컨설팅 및 견적 요청
지금 바로 문의하시고, 성공적인 홈페이지 제작의 첫걸음을 시작하세요!
무료 컨설팅 받아보고 싶다면?
무료 컨설팅 신청하기