명확한 제안과 다음 행동을 중심으로 홈페이지를 디자인하세요. 방문자 과제 세 가지를 섹션에 배치하고 모바일 우선 와이어프레임을 구성한 뒤, 홈페이지 기획서와 전후 점검표를 활용합니다.
홈페이지는 처음 방문한 사람에게 몇 초 안에 어떤 일을 하는지, 누구를 위한 것인지, 다음에 무엇을 해야 하는지 알려줘야 합니다. 페이지의 나머지 요소는 이 세 가지 답을 뒷받침합니다. 이 가이드에서는 "Riverside Family Dental"이라는 가상의 치과를 예로 들어 제안부터 와이어프레임과 최종 기획서까지 살펴봅니다.
고객이 이해할 수 있도록 제안을 한 문장으로 작성하세요. "Riverside에서 저녁 진료를 제공하는 가족 치과입니다." 그런 다음 가장 유도하고 싶은 행동 하나를 고르세요. "진료 예약하기."
사람들이 홈페이지를 찾는 가장 흔한 이유 세 가지를 생각하고 각각에 맞는 섹션을 만드세요. 예시 치과의 경우:
| 방문자의 과제 | 답변을 제공하는 섹션 |
|---|---|
| "내가 필요한 진료를 하나요?" | 검진, 어린이 치과, 응급 진료, 미백 서비스 목록 |
| "내 일정에 맞춰 예약할 수 있나요?" | 저녁 진료 시간, 예약 버튼, 보험 적용 여부 |
| "믿고 맡길 수 있나요?" | 자격을 포함한 치과의사 소개, 실제 진료소 사진, 실제 리뷰 |
실제 방문 과제에 답하지 않는 섹션은 삭제하거나 다른 페이지로 옮기세요.
지역 비즈니스 홈페이지 방문은 대부분 휴대전화에서 발생하므로 좁은 화면부터 디자인하세요.
[ 로고 ] [ 예약하기 ]
------------------------------------------
H1: Riverside에서 저녁 진료를 제공하는
가족 치과
짧은 문구: 신규 환자를 환영합니다. 대부분의 보험 적용
[ 진료 예약하기 ] 전화(눌러서 통화)
------------------------------------------
서비스(짧은 카드 4개, 각각 상세 페이지로 연결)
------------------------------------------
진료 시간 + 위치 + 지도 링크
------------------------------------------
치과의사 소개(사진, 이름, 자격)
------------------------------------------
리뷰(실제 리뷰, 작성자와 출처 표시)
------------------------------------------
자주 묻는 질문(실제 질문 3~5개)
------------------------------------------
[ 진료 예약하기 ] 하단: 주소, 전화번호, 진료 시간
데스크톱에서는 같은 순서를 여러 열로 펼치면 됩니다. 섹션 순서 자체는 바꾸지 마세요.

홈페이지 기획서
업체 및 지역:
제안 문장(H1):
주요 행동(버튼 문구):
보조 행동:
방문자 과제 1 -> 섹션:
방문자 과제 2 -> 섹션:
방문자 과제 3 -> 섹션:
실제로 보여줄 수 있는 근거:
스타일(단어 2~3개):
We.Inc에서 이 기획서를 시작 설명으로 붙여넣으면 빌더가 홈페이지 디자인을 만들고, 이후 클릭 편집으로 수정할 수 있습니다.
비즈니스 웹사이트 템플릿에서 시작하거나 We.Inc 웹사이트 빌더의 작동 방식을 알아보세요. Free 요금제에서는 we.inc 주소로 템플릿 사이트를 최대 3개까지 만들 수 있습니다. AI 제작과 맞춤 도메인은 Starter 월 $20부터 사용할 수 있습니다(요금제). 웹사이트 비용 계산기로 선택지를 비교할 수 있습니다. 홈페이지를 더 자세히 알아보려면 홈페이지 디자인 방법을 참고하세요.
무슨 일을 누구를 위해 하는지 설명하는 헤드라인, 주요 행동 하나, 방문자가 찾는 핵심 정보(서비스, 이용 가능 시간, 신뢰 근거)를 담은 섹션, 연락처, 자세한 페이지로 연결하는 링크를 넣으세요.
방문자의 주요 과제에 답하는 데 필요한 만큼만 구성하세요. 대부분의 소규모 비즈니스에는 짧은 섹션 5~8개면 충분합니다.
아니요. 가상의 예시이며, 이미지에 나온 디자인도 프롬프트를 바탕으로 We.Inc가 만든 예시입니다.
무료로 시작하기 · 신용카드 필요 없음