Web Guide메인 페이지 구성섹션 순서메인 기획
메인 페이지 섹션 순서 정하는 법
회사 소개를 두 번째 섹션에 넣으면 거기서 스크롤이 멈춥니다.
방문자가 궁금해하는 순서대로 배치해야 아래까지 내려옵니다.
01회사 관점이 아니라 방문자 관점
많은 메인 페이지가 '인사말 → 회사 소개 → 사업 분야 → 실적' 순서입니다. 이것은 회사가 자신을 설명하는 순서입니다.
방문자는 '내 문제를 풀 수 있는가'부터 궁금합니다. 그 순서로 바꾸면 스크롤이 이어집니다.
회사 관점 순서
인사말 → 회사 소개 → 연혁 → 사업 분야 → 실적 → 문의 · 첫 두 섹션에서 이탈
방문자 관점 순서
무엇을 하는가 → 어떤 문제를 푸는가 → 어떻게 하는가 → 실제 사례 → 왜 우리인가 → 문의 · 끝까지 내려옴
02기본 순서
업종에 따라 다르지만, 대부분의 기업 홈페이지에 적용할 수 있는 뼈대가 있습니다. 여기서 시작해 조정하면 됩니다.
핵심은 설득의 흐름입니다. 이해 → 공감 → 신뢰 → 행동 순으로 쌓아 갑니다.
1. 히어로 — 무엇을 하는가 + 행동 버튼
이해의 시작
2. 문제·필요 — 어떤 상황에 필요한가
공감을 만듭니다
3. 해결·서비스 — 우리가 무엇을 하는가
구체적 제공 내용
4. 사례·실적 — 실제로 했다는 증거
신뢰 형성
5. 차별점 — 왜 우리인가
결정의 근거
6. 행동 — 문의·상담 유도
전환
03섹션 수를 제한한다
메인 페이지가 길수록 좋은 것이 아닙니다. 섹션이 열 개를 넘으면 끝까지 내려오는 사람이 거의 없습니다.
5~7개가 적당합니다. 더 보여주고 싶은 것은 하위 페이지로 보내세요.
01
5~7개 섹션
각 섹션이 하나의 메시지를 담습니다.
02
한 섹션 한 메시지
여러 내용을 한 섹션에 담으면 전달되지 않습니다.
03
하위 페이지로 분산
상세 내용은 메인에 넣지 않고 링크로 연결합니다.
04
중간 CTA
3~4번째 섹션 즈음에 버튼을 한 번 더 둡니다.
04순서를 검증하는 방법
섹션 제목만 순서대로 적어 놓고 읽어 보세요. 그것만으로 이야기가 되면 좋은 순서입니다.
중간에 흐름이 끊기거나 같은 이야기가 반복되면 순서를 조정해야 합니다.
제목만 읽어 보기섹션 제목을 순서대로 적어 이야기가 되는지 확인합니다.
이탈 지점 확인오픈 후 어느 섹션까지 보고 나가는지 측정합니다.
스크롤 깊이 측정통계 도구로 확인할 수 있습니다.
순서 실험섹션 순서를 바꿔 보고 전환율을 비교합니다.
CHECK POINT
□ 회사 관점이 아니라 방문자 관점의 순서인가
□ 첫 두 섹션에 인사말이나 연혁이 있지 않은가
□ 섹션이 5~7개 범위인가
□ 각 섹션이 하나의 메시지만 담고 있는가
□ 중간에 행동 버튼을 한 번 더 두었는가
□ 섹션 제목만 읽어도 이야기가 되는가
□ 스크롤 깊이를 측정하고 있는가
#메인 페이지 구성#섹션 순서#메인 기획#설득 흐름#스크롤 깊이#CTA 배치#전환율#홈페이지 디자인#웹비스타#홈페이지 제작