지금 읽는 곳폴드 아래는 무엇을 위한 공간인가목차
S1 › 페이지·CRO · 랜딩페이지 기본 설계 및 최적화 › 과목 205 › 레슨 03
스크롤 유도 구간(Below the Fold) 콘텐츠 배치 전략과 가짜 바닥 방지법
첫 화면은 통과했는데 그 아래에서 방문자를 놓친다면, 스크롤을 막는 디자인 실수가 없는지 의심해봐야 합니다.
핵심요약
- 폴드 아래(Below the Fold)에는 근거·상세 설명·추가 CTA를 순서대로 배치해 설득을 이어간다
- '가짜 바닥(Fake Bottom)'은 섹션 경계가 화면 하단과 겹쳐 콘텐츠가 끝난 것처럼 보이는 디자인 결함이다
- 가짜 바닥은 스크롤을 유도하는 시각적 힌트(화살표, 잘린 이미지 등)로 예방할 수 있다
- 페이지가 길게 이어지는 구조라면 섹션이 끝날 때마다 CTA를 반복 배치하는 것이 일반적으로 권장된다
- F자형 읽기 패턴은 콘텐츠 중심 페이지에서, 랜딩페이지처럼 시각 위계가 강한 페이지는 Z자형에 가까운 경향이 있다
폴드 아래는 무엇을 위한 공간인가
폴드 위가 "이게 뭔가"를 3초 안에 전달하는 공간이라면, 폴드 아래는 "그래서 왜 믿어야 하나"와 "그럼 어떻게 하면 되나"에 답하는 공간입니다. 일반적으로 근거(후기, 데이터, 사례) → 상세 설명(기능, 구성, 차별점) → 추가 CTA 순서로 이어지는 흐름이 자연스럽습니다. 폴드 위에서 헤드라인으로 던진 주장을 폴드 아래 첫 섹션에서 곧바로 뒷받침해야 방문자가 스크롤을 계속할 동기를 잃지 않습니다. 근거 없이 회사 연혁이나 무관한 설명부터 늘어놓으면, 방문자는 헤드라인의 주장에 대한 답을 얻지 못한 채 이탈할 가능성이 커집니다.
가짜 바닥이란 무엇이고 왜 위험한가
'가짜 바닥(Fake Bottom)'은 섹션 배경 디자인의 경계선이 우연히 화면 하단과 겹쳐, 방문자가 "이 아래엔 더 이상 콘텐츠가 없다"고 착각하게 만드는 현상입니다. 예를 들어 한 섹션의 배경색이 끝나는 지점이 딱 화면 크기와 맞아떨어지면, 방문자는 페이지가 거기서 끝났다고 여기고 스크롤을 멈춥니다. 실제로는 그 아래에 가격 정보나 CTA, 후기 같은 중요한 콘텐츠가 더 있는데도 방문자가 보지 못한 채 떠나는 것입니다. 이 문제는 의도치 않게 생기는 경우가 대부분이라, 디자인 검수 단계에서 놓치기 쉽습니다.
가짜 바닥을 예방하는 방법
가장 간단한 예방법은 섹션과 섹션의 경계에 "아직 더 있다"는 시각적 힌트를 넣는 것입니다. 다음 섹션의 이미지나 텍스트가 살짝 잘려서 보이게 하거나, 스크롤을 유도하는 화살표·아이콘을 배치하는 방식이 실무에서 흔히 쓰입니다. 특히 첫 화면 바로 아래, 즉 폴드 경계 지점에는 다음 섹션의 콘텐츠가 자연스럽게 이어지는 느낌을 주는 것이 중요합니다. 고객이 랜딩페이지에 들어오자마자 이탈하는 경향이 보인다면, 폴드 경계에 강한 인트로 요소를 넣어 일단 스크롤을 한 번 더 내리게 만드는 것을 목표로 잡는 것도 실무적인 접근입니다.
CTA를 폴드 아래에서도 반복해야 하는 이유
방문자가 설득되는 시점은 사람마다 다릅니다. 어떤 방문자는 헤드라인만 보고도 바로 전환할 준비가 되지만, 어떤 방문자는 후기와 상세 설명까지 다 읽어야 마음을 정합니다. 페이지가 길게 이어지는 구조라면 폴드 위 CTA 하나에만 의존하지 않고, 근거 섹션이 끝나는 지점과 페이지 맨 아래에 CTA를 반복 배치하는 것이 일반적으로 권장됩니다. 다만 CTA를 너무 자주 반복하면 페이지가 산만해 보일 수 있으므로, 콘텐츠의 주요 구획(근거, 상세 설명, FAQ)이 끝나는 지점으로 배치를 제한하는 것이 안전합니다.
방문자는 폴드 아래를 어떤 순서로 읽나
닐슨노먼그룹의 아이트래킹 연구는 사용자가 텍스트 중심 콘텐츠를 읽을 때 상단을 가로로 두 번 훑고 좌측을 세로로 훑는 F자형 패턴을 보인다고 밝혔습니다. 다만 이 연구는 콘텐츠가 많은 페이지를 기준으로 한 것이며, 랜딩페이지처럼 단일 목적에 강한 시각 위계(헤드라인 → 이미지 → CTA처럼 뚜렷한 흐름)를 가진 페이지는 오히려 Z자형에 가까운 시선 흐름을 보이는 경향이 있다고 함께 설명합니다. 즉 랜딩페이지를 설계할 때는 F자형보다 방문자의 시선이 좌상단에서 우하단으로 대각선을 그리며 핵심 요소(헤드라인, 이미지, CTA)를 순서대로 지나가도록 배치하는 것이 더 적합할 수 있습니다.
섹션이 너무 많으면 오히려 역효과가 난다
근거·상세 설명을 충실히 담으려다 섹션 수를 지나치게 늘리는 것도 흔한 실수입니다. FAQ, 팀 소개, 연혁, 파트너사 로고, 추가 후기까지 모든 섹션을 다 넣으면 페이지가 지나치게 길어져 방문자가 끝까지 스크롤하지 못하고 중간에 이탈할 확률이 높아집니다. 캠페인의 핵심 목적에 직접 기여하는 섹션(근거, 핵심 설명, CTA)을 우선순위 상위에 두고, 부가적인 섹션(팀 소개, 연혁 등)은 정말 필요한 경우에만 최소한으로 남기는 것이 폴드 아래 구조를 관리하는 원칙입니다. 섹션 하나를 추가할 때마다 "이 섹션이 전환에 얼마나 기여하는가"를 스스로 물어보는 습관이 페이지 길이를 적정하게 유지하는 데 도움이 됩니다.
스크롤 진행률로 이탈 지점을 확인하는 법
가짜 바닥이나 콘텐츠 배치 문제로 방문자가 어디서 이탈하는지 감으로만 판단하기보다, 애널리틱스 도구의 스크롤 추적(스크롤 깊이 이벤트) 기능을 활용하면 실제 데이터로 확인할 수 있습니다. 특정 섹션 직전에서 방문자 비율이 급격히 떨어진다면, 그 지점 바로 위 섹션에 가짜 바닥이나 스크롤을 막는 디자인 요소가 없는지 우선적으로 점검해볼 수 있습니다. 감각적 판단에 의존하기보다 실제 스크롤 데이터를 기준으로 문제 구간을 좁혀가는 것이 폴드 아래 구조를 개선하는 가장 효율적인 방법입니다.