크리에이터 홈페이지를 갖추었는데 방문자가 구경만 하고 떠난다면, 페이지 하나하나의 문제보다 페이지 사이의 흐름이 끊겨 있을 가능성이 큽니다. 메인 페이지, 강의 목록, 강의 상세, 결제 — 이 네 구간을 방문자가 자연스럽게 넘기도록 동선을 설계하는 것이 결제 전환의 핵심입니다. 각 구간에서 무엇을 보여주고, 다음 페이지로 어떻게 넘길지 순서대로 정리합니다.
방문자가 거치는 네 단계를 먼저 그린다
페이지를 만들기 전에 방문자의 머릿속 순서를 먼저 정리합니다. 사이트에 처음 온 사람은 보통 이런 단계를 거칩니다.
- 인지 — 이 사이트가 무엇을 파는 곳인지 3초 안에 파악한다
- 탐색 — 나에게 맞는 강의가 있는지 훑는다
- 검토 — 이 강의가 돈을 낼 만한지 따진다
- 결제 — 구매 버튼을 누른다
각 단계마다 대응하는 페이지가 하나씩 있어야 하고, 단계 사이에 끊김 없이 다음 페이지로 이동할 길이 보여야 합니다. 이 네 단계 중 하나라도 빠지면 방문자는 멈추고, 멈추면 이탈합니다.
첫 화면에서 해야 할 일은 딱 하나다
메인 페이지가 할 일은 “여기서 무엇을 살 수 있는지”를 알려주고 다음 페이지로 보내는 것입니다. 그 이상을 욕심내면 오히려 역효과가 납니다.
- 상단 영역에는 한 줄 문장과 대표 이미지만 놓습니다. “누구를 위한 어떤 강의”가 바로 보여야 합니다
- 그 바로 아래에 강의 목록으로 가는 버튼 하나를 둡니다. “강의 보기”, “클래스 살펴보기” 같은 행동 문구를 씁니다
- 대표 강의 2~3개를 카드 형태로 미리 보여주면 목록 페이지로 넘어가기 전에 관심을 잡을 수 있습니다
- 수강 후기나 수강생 수 같은 사회적 증거는 첫 화면 하단에 짧게 넣되, 스크롤 없이 보이는 영역은 강의 진입 동선에 할애합니다
자기소개, 수상 이력, 블로그 글 모음까지 첫 화면에 모두 넣으면 방문자가 “다음에 눌러야 할 버튼”을 찾지 못합니다. 강사 소개는 별도 페이지로 빼고, 첫 화면에서는 링크만 남깁니다.
크리에이터 홈페이지 강의 목록, 선택지를 줄여야 한다
강의가 10개 넘으면 방문자는 어디서부터 봐야 할지 모릅니다. 목록 페이지에서 해야 할 일은 선택지를 줄여 주는 것입니다.
- 카테고리를 나누되 3~4개를 넘기지 않습니다. “입문”, “심화”, “특강”처럼 수준이나 형태로 묶으면 방문자가 자기 위치를 빨리 찾습니다
- 각 카테고리 안에서도 추천순 또는 인기순으로 기본 정렬해 첫 번째에 뜨는 강의가 가장 전환이 높은 상품이 되도록 합니다
- 강의 카드에는 제목, 가격, 한 줄 설명만 넣습니다. 이 단계에서 커리큘럼 전체를 보여줄 필요는 없습니다
- 무료 맛보기가 있는 강의라면 카드에 “무료 체험” 뱃지를 달아 클릭 우선순위를 높입니다
강의 상세 페이지에서 결제 버튼까지의 거리를 줄인다
방문자가 상세 페이지에 왔다는 것은 “이 강의가 궁금하다”는 뜻입니다. 이제 할 일은 궁금증을 해소하고 결제 버튼을 누르게 하는 것입니다. 상세 페이지의 구성 순서는 아래가 효과적입니다.
- 첫 영역 — 강의 제목, 가격, 결제 버튼. 스크롤 없이 바로 보이는 위치에 결제 버튼을 놓습니다. 아직 결정하지 못한 사람은 아래로 스크롤하고, 이미 마음먹은 사람은 바로 결제합니다
- 둘째 영역 — 이 강의를 들으면 무엇을 할 수 있게 되는지 3~5줄로 정리합니다. 기능 나열이 아니라 결과를 씁니다
- 셋째 영역 — 커리큘럼 목록. 챕터와 회차를 보여주되, 무료 공개 회차가 있으면 바로 재생할 수 있게 합니다. 맛보기를 본 사람의 결제 전환율은 그렇지 않은 사람보다 높습니다
- 넷째 영역 — 수강 후기. 후기가 아직 없으면 강사가 직접 작성한 수강 대상 설명으로 대신합니다
- 하단 — 결제 버튼을 한 번 더 놓습니다. 끝까지 스크롤한 사람은 정보를 다 본 사람이므로 결제 가능성이 높습니다
중요한 원칙은 하나입니다. 결제 버튼은 스크롤 최상단과 최하단, 최소 두 곳에 있어야 합니다.
결제 직전 이탈을 줄이는 세 가지 장치
상세 페이지까지 왔는데 결제하지 않는 사람은 보통 세 가지 이유로 멈춥니다. 각각에 대응하는 장치를 미리 페이지에 넣어 둡니다.
- “지금 안 사도 되지 않나” — 기간 한정 할인이나 얼리버드 가격을 운영한다면 마감 일자를 상세 페이지 상단에 명시합니다. 거짓 긴급성을 만들지 말고, 실제로 가격이 바뀌는 일정이 있을 때만 씁니다
- “이 가격이 적정한가” — 비교 대상을 직접 제공합니다. 커리큘럼 전체 시간을 시간당 금액으로 환산해서 보여주거나, 묶음 상품과 단건 상품의 가격 차이를 나란히 놓습니다
- “강사를 신뢰할 수 있나” — 강사 소개 링크를 상세 페이지 안에 넣습니다. 별도 페이지로 빠지게 할 수도 있지만, 접힌 영역으로 같은 페이지 안에서 펼쳐 보여주는 편이 이탈이 적습니다
페이지 사이 동선을 끊기지 않게 잇는 법
모든 페이지가 잘 만들어져 있어도 페이지 간 이동이 어색하면 방문자는 중간에 빠집니다. 동선을 자연스럽게 연결하는 방법을 점검합니다.
- 메인 페이지 → 강의 목록 : 메인 상단 버튼과 네비게이션 메뉴 둘 다에 강의 목록 링크를 넣습니다
- 강의 목록 → 강의 상세 : 카드 전체를 클릭 영역으로 만듭니다. 제목만 링크이면 클릭 면적이 작아 모바일에서 불편합니다
- 강의 상세 → 결제 : 결제 버튼을 눌렀을 때 별도 페이지로 이동하지 않고 같은 화면에서 결제 절차가 시작되는 것이 전환율이 높습니다
- 결제 완료 → 수강 시작 : 결제 완료 화면에서 바로 첫 번째 강의로 이동하는 버튼을 넣습니다. “내 강의실”로 보내면 한 단계를 더 거쳐야 하므로 첫 강의 바로가기가 더 좋습니다
사이트를 만든 뒤 직접 방문자 입장에서 메인 → 목록 → 상세 → 결제 → 수강 시작을 한 번 쭉 눌러 봅니다. 중간에 “다음에 어디를 눌러야 하지?”라고 0.5초라도 멈추는 지점이 있으면 그곳이 이탈 지점입니다.
런모아로 페이지 흐름을 설계하는 방법
런모아의 페이지 에디터로 메인 페이지 상단에 대표 강의 카드와 강의 목록 버튼을 배치할 수 있고, 강의 상세 페이지에는 커리큘럼, 무료 맛보기 회차, 수강 후기가 한 화면에 들어갑니다. 결제 버튼은 상세 페이지에 기본으로 붙어 있어 카드 결제와 가상계좌를 바로 연결할 수 있고, 쿠폰이나 포인트 적용도 같은 화면에서 처리됩니다.
사이트 구성과 강의 등록 흐름을 직접 확인하고 싶다면 런모아 강의 사이트 만들기 페이지에서 에디터 화면과 결제 연동 방식을 살펴볼 수 있습니다.
#크리에이터홈페이지 #강의사이트 #페이지설계 #방문자동선 #전환율 #온라인강의 #크리에이터수익화 #1인강사 #강의판매 #런모아
