랜딩페이지 디자인은 목적에 따라 달라집니다. 제품 소개는 첫 화면에 제품이 해결하는 문제와 가격 · 혜택이, 상담 신청은 '무엇을 상담해 주는지'와 폼이, 사전 예약은 날짜 · 혜택과 신청 버튼이 먼저 보여야 합니다. 공통 뼈대는 하나입니다. 첫 화면 → 근거 → 사례 · 후기 → 자주 묻는 질문 → 신청 폼.
그래서 레퍼런스를 볼 때는 색과 장식이 아니라 세 가지를 적어 옵니다. 첫 화면에 무엇이 먼저 보이는지, 근거를 무엇으로 보여 주는지(숫자 · 화면 · 비교), 모바일에서 버튼이 어디 있는지. 이 글은 목적별 구성 예시와 그 적용법입니다.
랜딩페이지 디자인은 목적에 따라 어떻게 달라지나요?
| 목적 | 첫 화면에 먼저 | 근거로 보여 줄 것 | 폼 · 버튼 | 길이 |
|---|---|---|---|---|
| 제품 · 서비스 소개 | 해결하는 문제 한 문장, 가격 또는 혜택 | 실제 화면 · 작동 영상, 비교표 | 구매 · 상담 버튼, 폼은 아래 | 길게(근거가 많을수록) |
| 상담 · 견적 신청 | 누구에게 무엇을 상담해 주는지, 답변 시간 | 진행 순서, 포함 범위, 자주 묻는 질문 | 첫 화면과 끝에 짧은 폼 두 번 | 중간 |
| 사전 예약 · 이벤트 | 날짜 · 장소 · 혜택, 마감 | 일정표, 지난 회차 모습 | 첫 화면에 바로 폼 또는 버튼 | 짧게 |
| 아이디어 검증(지원사업) | 서비스를 한 문장으로, 먼저 쓰는 사람의 혜택 | 문제 상황, 화면 시안 몇 장 | 이메일 · 연락처 한 줄 | 짧게 |
같은 상담 신청이라도 가격이 정해진 서비스는 첫 화면에 시작가를, 맞춤 견적이면 '무엇을 알려 주면 견적이 나오는지'를 먼저 둡니다. 목적이 둘 이상이면 랜딩을 둘로 나눕니다.
첫 화면에는 어떤 정보가 먼저 보여야 하나요?
첫 화면은 '맞게 왔다'를 3초 안에 확인시키는 자리입니다. 광고 문구와 같은 말로 시작하고, 아래 네 가지가 휴대폰 첫 화면 안에 들어가야 합니다.
- 1제목: 누구에게 무엇을 주는지 한 문장. 서비스 이름보다 손님이 얻는 것이 먼저입니다.
- 2한 줄 설명: 어떻게 받는지 또는 조건(기간 · 가격 · 대상).
- 3버튼 하나: 할 행동 그대로(상담 신청 · 사전 예약 · 견적 받기). 버튼이 둘이면 하나를 줄입니다.
- 4믿을 거리 하나: 실제 화면, 숫자, 또는 만든 사람. 없으면 비워 두는 편이 가짜보다 낫습니다.
아래는 같은 원고로 만든 두 첫 화면입니다. 왼쪽은 흔히 보는 템플릿형을 서치웨이가 재구성한 예시, 오른쪽은 서치웨이가 만든 예시이고, 두 서비스 모두 실제 운영하지 않는 가상 서비스입니다.
사례와 후기는 어디에 배치하나요?
순서는 근거 다음, 폼 직전입니다. 방문자는 '무엇인지(첫 화면) → 왜 좋은지(근거) → 남들도 썼는지(사례 · 후기) → 걱정되는 것(FAQ) → 신청' 순으로 내려오고, 사례는 그중 '남들도'의 자리입니다.
- 실제 것만: 지어낸 후기 · 별점 · 숫자는 넣지 않습니다. 사용자가 금방 알아보고, 표시광고법 문제도 생깁니다.
- 없으면 대신할 것: 만든 사람과 과정, 보장 조건(환불 · 수정), 진행 순서. 신뢰는 후기만으로 쌓이지 않습니다.
- 형식: 이름 · 상황 · 한 문장이면 됩니다. 긴 후기는 접고, 사진이 있으면 글보다 앞에.
- 첫 화면 근처에 하나: 숫자 하나(예: 누적 신청 수)나 로고 한 줄을 첫 화면 아래에 두면 근거를 읽기 전에 안심합니다. 역시 실제 것만.
모바일 문의 버튼과 신청 폼은 어떻게 구성하나요?
광고로 오는 방문의 대부분이 휴대폰이라, 모바일 화면이 기본이고 데스크톱이 확장입니다. 버튼과 폼은 아래 규칙으로 둡니다.
| 요소 | 모바일 | 데스크톱 |
|---|---|---|
| 주 버튼 | 화면 아래 고정(스크롤해도 보임), 손가락 크기 | 첫 화면과 각 섹션 끝 |
| 폼 위치 | 맨 아래 한 번(짧은 랜딩은 첫 화면에도) | 오른쪽 칸 고정 또는 맨 아래 |
| 폼 항목 | 이름 · 연락처 · 한 줄, 3 ~ 4칸 | 같게. 항목을 늘리지 않음 |
| 입력 편의 | 전화번호 칸은 숫자 키패드, 자동 완성 허용 | 탭 순서 |
| 보낸 뒤 | 완료 화면에 다음 연락 시점, 카카오톡 채널 안내 | 같게 |
국내 레퍼런스를 내 서비스에 적용하기
레퍼런스는 구조를 빌리는 것이지 화면을 옮기는 것이 아닙니다. 같은 템플릿으로 만든 사이트가 서로 닮아 보이는 이유가 여기에 있습니다. 아래 순서로 보면 가져올 것만 남습니다.
- 1같은 목적의 랜딩 3 ~ 5개를 고릅니다. 광고를 눌러 도착한 페이지가 좋습니다.
- 2페이지마다 세 줄을 적습니다 — 첫 화면에 먼저 보이는 것, 근거의 형태(숫자 · 화면 · 표 · 영상), 폼의 위치와 항목 수.
- 3공통점을 우리 구조로 삼고, 다른 점은 우리 원고 · 사진 · 기능으로 채웁니다.
- 4가져오지 않을 것을 적습니다 — 색, 문구, 일러스트, 레이아웃 자체. 이건 그 회사 것입니다.
- 5제작 요청서에 '구조 참고: ○○ 첫 화면의 제목 + 실제 화면 배치, 근거는 비교표' 식으로 적어 보냅니다.
서치웨이가 만든 랜딩 · 서비스 소개 화면은 포트폴리오에서 볼 수 있고(자체 기획 샘플), 랜딩페이지 제작은 자료를 받은 날부터 3일, 50만 원부터(VAT 별도)입니다. 레퍼런스 링크와 원고를 보내 주시면 구조 제안부터 시작합니다.
자주 묻는 질문
Q.랜딩페이지 레퍼런스는 어디서 보나요?
국내 서비스의 랜딩을 모아 둔 갤러리 사이트와, 인스타그램 · 유튜브 광고를 눌러 실제로 도착하는 페이지가 가장 현실적인 레퍼런스입니다. 광고 도착 페이지는 돈을 들여 운영 중이라 구성이 검증된 편입니다. 해외 갤러리는 구조 참고용으로만 보고 말투 · 길이는 국내 기준으로 맞춥니다.
Q.랜딩페이지 디자인 트렌드를 따라야 하나요?
트렌드(큰 글자, 움직이는 화면, 어두운 배경)는 눈길을 끌 수는 있지만 신청과 직접 관계가 없습니다. 먼저 첫 화면의 제안과 폼이 제대로 있는지 보고, 트렌드는 브랜드에 맞을 때만 한두 가지 씁니다.
Q.잘 만든 랜딩페이지의 기준은 무엇인가요?
방문 대비 신청 비율입니다. 보기 좋은 페이지가 아니라 광고로 들어온 100명 중 몇 명이 폼을 보냈는지로 판단하고, 첫 화면 문구나 폼 항목을 바꿀 때마다 그 비율을 비교합니다.
Q.레퍼런스와 비슷하게 만들어 달라고 해도 되나요?
구조와 흐름을 참고해 달라는 요청은 좋습니다. 다만 색 · 문구 · 레이아웃까지 그대로 옮기면 그 사이트와 비슷해 보이고 저작권 문제도 생길 수 있습니다. 제작 요청서에는 '첫 화면은 이 구조, 근거는 표로' 식으로 가져올 점을 적는 편이 결과가 좋습니다.
발행
이 글이 도움이 됐다면 공유해 주세요
