기획서 없이 시작한 홈페이지가 3번 갈아엎히는 이유
시안 1차 '느낌이 다르다', 2차 '방향을 바꾸자', 3차 '처음이 나았다'.
시안이 반복되는 프로젝트의 공통점은 디자인 문제가 아니라 기준 문서의 부재입니다.
이 글은 전문 지식 없이 쓰는 1페이지 기획서 템플릿과, 섹션 순서를 정하는 전환 논리를 드립니다.
⚡ 3줄 요약
- 기획서는 두꺼운 문서가 아니라 판단 기준입니다 — 목적 1문장·타깃 1문장·핵심 행동 1개·메뉴 목록·섹션 순서, 1페이지면 충분합니다.
- 섹션 순서의 논리는 방문자의 질문 순서입니다 — 여기가 어디인가 → 나에게 맞는가 → 믿을 수 있는가 → 다음에 뭘 하면 되는가.
- 기획서가 있으면 시안 피드백이 '취향'에서 '기준 부합 여부'로 바뀌어, 시안 3~4회 반복이 1~2회로 줄어듭니다.
홈페이지 기획서에는 무엇을 담아야 하나요?
다섯 줄이면 됩니다 — ①목적(이 사이트가 만들 행동 1개) ②타깃(누가 오는가) ③핵심 메시지(첫 화면 한 문장) ④메뉴 목록(5~7개 이내) ⑤페이지별 섹션 순서. 이 1페이지가 제작 내내 판단 기준이 됩니다.
기획서의 역할은 아이디어 기록이 아니라 분쟁 예방입니다. '느낌이 다르다'는 피드백도 기획서가 있으면 '3번 항목과 다르다'로 번역됩니다. 말이 문서가 되는 순간 반복이 줄어듭니다.
섹션 순서는 무엇을 기준으로 정하나요?
방문자의 머릿속 질문 순서를 따릅니다. 첫 화면은 '여기가 뭐 하는 곳인가'에 답하고, 이어서 '나 같은 사람에게 맞는가'(대상·문제 공감), '믿어도 되는가'(실적·후기·자격), 마지막으로 '그래서 뭘 하면 되는가'(문의·예약 버튼)로 닫습니다.
이 순서를 흔히 거꾸로 짭니다 — 회사 연혁이 먼저 나오고 연락처가 숨어 있는 구조. 읽는 사람의 순서로 뒤집는 것이 기획의 절반입니다.
| 항목 | 작성 예시 |
|---|---|
| 목적(행동 1개) | 상담 신청 버튼 클릭 |
| 타깃 | 개원 3년 차 이내 원장님 |
| 핵심 메시지 | 진료에 집중하시도록, 나머지는 저희가 |
| 메뉴(5~7개) | 홈·서비스·사례·비용·문의 |
| 첫 화면 섹션 | 메시지+신뢰 지표+상담 버튼 |
| 본문 섹션 순서 | 문제 공감→해결 방식→사례→비용→FAQ→문의 |
와이어프레임까지 그려야 하나요?
발주자는 그리지 않아도 됩니다. 박스 배치는 제작 쪽의 언어이고, 발주자의 언어는 순서와 우선순위입니다. '첫 화면에서 가장 먼저 보여야 할 것은 상담 버튼'이라는 문장이 어설픈 그림 열 장보다 정확합니다.
대신 참고 사이트 2곳에 '이 부분이 좋았다'는 메모를 붙이면, 와이어프레임의 역할을 충분히 대신합니다.
기획서로 시안 반복을 줄이는 요령은?
다섯 규칙의 목적은 하나 — 피드백을 측정 가능하게 만드는 것입니다. 기준이 문서로 있으면 서로 감정이 상할 일도 줄어듭니다.
- 시안 요청 시 기획서를 함께 전달한다
- 피드백은 기획서 항목 번호로 말한다 ('3번 메시지와 어긋남')
- 취향 피드백과 기준 피드백을 구분해 표기한다
- 수정 요청은 모아서 회차 단위로 보낸다
- 확정된 항목은 '동결' 표시해 재론하지 않는다
그래서 지금 무엇부터 하면 되나요?
- 템플릿 표를 복사해 6칸 채우기
- 참고 사이트 2곳에 이유 메모 붙이기
- 기획서를 업체에 전달하고 착수 확정
- 섹션 전환 설계가 어려우면 검증된 구조에서 고르기
자주 묻는 질문
기획서를 업체가 써주지 않나요?
메뉴는 왜 5~7개 이내인가요?
원페이지 사이트도 기획서가 필요한가요?
NOAH가 이 문제를 없애는 방식
NOAH는 검증된 템플릿 구조를 사장님 브랜드에 맞춰 7일 안에 오픈하는 홈페이지 제작 서비스입니다. 섹션 순서의 전환 논리가 이미 템플릿에 설계돼 있어, 사장님은 이 글의 1페이지 기획서(5줄)만 준비하시면 됩니다. DAY 1 상담 30분에 기획서를 함께 확정하고, ₩199,000(부가세 별도)에 포함된 카피 검수로 핵심 메시지를 다듬습니다. 완성 구조는 라이브 템플릿 데모에서 직접 확인하실 수 있습니다.
레퍼런스 보기 →관련 글
메뉴가 7개를 넘어가면 문의가 줄어듭니다원페이지 홈페이지가 맞는 업종과 아닌 업종제작 의뢰 전에 이 8가지만 정리하면 기간이 절반으로 줄어듭니다상담부터 오픈까지 홈페이지가 만들어지는 전체 순서참고 자료 — 노마랩 — 문의가 없는 홈페이지의 구조 결함 · Nielsen Norman Group — 메뉴 설계 원칙