디자이너로 일하면서 가장 충격적이었던 순간이 있습니다. 공들여 만든 랜딩페이지를 오픈했는데, 방문자 체류 시간이 평균 12초였습니다. 히어로 이미지는 세련됐고, 타이포그래피도 잘 맞았고, 컬러 팔레트도 브랜드에 딱 맞았는데 — 아무도 스크롤을 내리지 않았습니다.
그때 처음으로 깨달았습니다. 랜딩페이지 디자인은 "보는 것"을 만드는 일이 아닙니다. "행동하게 만드는 것"을 설계하는 일입니다. 아름다운 레이아웃은 수단이지, 목적이 아닙니다.
이 글에서는 랜딩페이지 UX 구조를 처음부터 다시 생각하는 데 필요한 핵심 원칙들을 다룹니다. 디자인 툴 사용법이 아닙니다. 방문자의 머릿속에서 일어나는 일을 이해하는 것입니다.
랜딩페이지 UX의 전제 — 방문자는 읽지 않고 훑습니다
디자이너는 자신이 만든 페이지를 처음부터 끝까지 꼼꼼히 읽습니다. 그래서 함정에 빠집니다. 방문자는 그렇게 읽지 않습니다.
Nielsen Norman Group의 연구에 따르면 웹 방문자의 79%는 페이지를 스캔합니다. F자형 또는 Z자형 시선 패턴으로 훑고, 관심이 생기는 지점에서 멈춥니다. 즉, 랜딩페이지 UX 설계의 첫 번째 원칙은 이것입니다. 스캔했을 때도 핵심 메시지가 전달되어야 한다.
UX 원칙 01. 히어로 섹션은 5초 안에 세 가지 질문에 답해야 합니다
방문자가 랜딩페이지에 처음 도착했을 때 머릿속에서 동시에 세 가지 질문이 작동합니다. 이 질문들에 5초 안에 답하지 못하면, 방문자는 뒤로 가기를 누릅니다.
방문자가 히어로 섹션에서 묻는 3가지 질문
Q1. 이게 나한테 필요한 건가? — 내 문제를 해결해주는 서비스인가
Q2. 이 회사는 믿을 만한가? — 신뢰할 수 있는 근거가 있는가
Q3. 지금 내가 뭘 해야 하는가? — 다음 행동이 명확한가
디자이너들이 히어로에서 자주 범하는 실수가 있습니다. 브랜드 슬로건을 h1으로 쓰는 것입니다. "새로운 시작, 새로운 나" — 이런 문장은 방문자의 어떤 질문에도 답하지 못합니다. 무엇을 하는 서비스인지, 누구를 위한 것인지, 무엇을 해야 하는지 — 아무것도 없습니다.
UX 원칙 02. 랜딩페이지는 섹션이 아니라 감정의 흐름으로 설계됩니다
많은 디자이너가 랜딩페이지를 "섹션을 쌓는 일"로 이해합니다. 히어로 → 기능 소개 → 가격 → 문의. 이 순서가 틀린 건 아닙니다. 하지만 이 프레임으로만 생각하면, 각 섹션이 독립된 슬라이드처럼 나열되는 페이지가 됩니다.
더 강력한 프레임은 이것입니다. 랜딩페이지는 방문자의 감정 상태를 처음부터 끝까지 관리하는 여정입니다. 방문자는 처음 도착했을 때 "이게 뭐지?" 상태입니다. 페이지를 내려가면서 "오, 내 얘기네" → "근데 믿을 수 있나?" → "다른 사람들은 어때?" → "얼마야?" → "해볼까?" 로 이동합니다. 이 감정 이동이 자연스럽게 일어나도록 섹션 순서를 짜는 것이 UX 설계입니다.
여기서 한 가지 중요한 포인트가 있습니다. 가격은 최대한 뒤에 나와야 합니다. 신뢰와 가치가 충분히 쌓이기 전에 가격이 나오면, 방문자는 가치가 아닌 숫자로만 판단합니다. 가격이 비싸 보이는 이유는 대부분 가격 앞에 충분한 가치 제안이 없었기 때문입니다.
UX 원칙 03. CTA는 버튼 디자인이 아니라 문장 설계입니다
CTA(Call To Action) 버튼을 디자인할 때, 많은 디자이너가 색상과 크기에 집중합니다. 물론 중요합니다. 하지만 전환율에 가장 직접적인 영향을 미치는 것은 버튼 안의 텍스트입니다.
CTA가 여러 개일 때도 원칙이 있습니다. 페이지에는 주 CTA 하나와 보조 CTA 하나만 존재해야 합니다. "신청하기", "더 알아보기", "문의하기", "무료 체험" — 이렇게 4개의 버튼이 있으면, 방문자는 아무것도 누르지 않습니다. 선택지가 많을수록 결정은 뒤로 밀립니다.
"지금 당장 하기 싫어서 미루는 게 아닙니다. 무엇을 해야 할지 몰라서 떠나는 겁니다."
UX 원칙 04. 기능을 나열하지 말고, 이익으로 번역하십시오
디자이너가 클라이언트로부터 받는 요청 중 가장 많은 것이 "기능 설명 섹션을 넣어주세요"입니다. 그리고 클라이언트가 보내주는 텍스트는 대부분 이런 형태입니다. "AI 기반 자동 분석 시스템", "멀티 플랫폼 지원", "실시간 데이터 동기화".
방문자는 이 문장들을 읽고 아무것도 느끼지 못합니다. 기능은 수단이고, 방문자가 원하는 건 결과입니다. 디자이너의 역할은 클라이언트가 준 기능 목록을 방문자의 언어로 번역하는 것입니다.
이 번역 작업을 UX 라이팅이라고 부릅니다. 시각 디자인만큼, 아니면 그 이상으로 전환율에 영향을 줍니다. 랜딩페이지 디자이너는 레이아웃을 짜는 사람이면서 동시에 카피를 설계하는 사람이어야 합니다.
UX 원칙 05. 모바일 퍼스트는 원칙이 아니라 현실입니다
국내 웹 트래픽의 60~70%가 모바일에서 발생합니다. 그런데 많은 랜딩페이지가 여전히 PC 기준으로 설계되고, 모바일은 나중에 줄이는 방식으로 처리됩니다. 이 순서 자체가 문제입니다.
모바일에서 랜딩페이지를 설계할 때 가장 중요한 요소는 스크롤 깊이별 CTA 배치입니다. 모바일 방문자는 PC보다 더 빠르게 판단합니다. 히어로에서 CTA를 놓쳤다면, 다음 CTA는 3~4 스크롤 이내에 다시 나타나야 합니다.
UX 원칙 06. 소셜 프루프는 종류보다 구체성이 중요합니다
"고객 만족도 98%" — 이 문장을 보고 신뢰가 생깁니까? 요즘 방문자들은 이 숫자를 거의 믿지 않습니다. 출처도 없고, 맥락도 없기 때문입니다.
신뢰를 만드는 소셜 프루프는 구체적입니다.
"서울 강남에서 5년째 살롱을 운영 중인 이 원장은 이 프로그램을 도입한 뒤 3개월 만에 신규 고객 예약이 40% 늘었습니다" — 이 문장은 읽는 사람이 자신을 대입할 수 있습니다. 지역, 직업, 기간, 구체적인 수치 — 이것들이 신뢰의 재료입니다.
신뢰도 낮음
일반적인 후기"정말 좋았어요. 강추합니다!" — 누가, 어디서, 어떤 결과를 얻었는지 없음.
신뢰도 높음
구체적인 후기"3년째 운영 중인 뷰티샵 대표입니다. 상세페이지 제작 후 인스타 광고 전환율이 1.2%에서 3.8%로 올랐습니다." — 직업, 기간, 구체적 수치가 모두 있음.
랜딩페이지 UX 구조 — 디자이너 셀프 체크리스트
완성 전 반드시 확인하십시오
✓히어로 섹션에서 5초 안에 "무엇을, 누구를 위해, 지금 뭐할지"가 전달되는가
✓헤딩만 읽어도 페이지의 핵심 메시지가 완성되는가
✓가격 섹션 앞에 충분한 가치 제안과 신뢰 시그널이 있는가
✓CTA 버튼 텍스트에 행동 동사 + 이익이 포함되어 있는가
✓기능 설명이 이익 중심 언어로 번역되어 있는가
✓모바일에서 스크롤 3~4회 이내마다 CTA가 등장하는가
✓소셜 프루프에 직업, 기간, 구체적 수치가 포함되어 있는가
✓FAQ 섹션이 구매 직전 불안 요소를 다루고 있는가
랜딩페이지 UX 구조는 한 번 배우면 평생 쓰는 프레임입니다. 도구가 바뀌어도, 업종이 달라져도, 방문자의 심리 흐름은 동일합니다. 방문자가 무엇을 느끼고, 무엇을 의심하고, 무엇이 확인됐을 때 행동하는지 — 그 흐름을 이해하는 순간 디자인이 달라집니다.
이 글은 EasySpark 대표 수진의 실무 경험과 EDEN ACADEMY 강의 콘텐츠를 바탕으로 작성됐습니다. UX 원칙은 업종과 타깃에 따라 적용 우선순위가 달라질 수 있습니다.
