강의 판매 사이트 만들기에서 강의를 등록하고 결제를 연결해 놓아도, 사이트에 들어온 사람이 처음 보는 화면이 비어 있으면 다음 단계로 넘어가지 않습니다. 첫 화면은 방문자가 강의 목록을 누르게 만드는 입구입니다. 페이지 에디터를 열고 블록을 하나씩 놓아 가는 순서를 정리합니다.
첫 화면이 해야 하는 일
방문자는 사이트에 들어온 뒤 몇 초 안에 두 가지를 판단합니다. 여기서 무엇을 배울 수 있는지, 그리고 이 사이트를 믿어도 되는지입니다. 첫 화면은 이 두 질문에 스크롤 한두 번 안에 답을 줘야 합니다.
화면을 가득 채울 필요는 없습니다. 오히려 정보가 너무 많으면 시선이 분산되어 강의 페이지까지 도달하는 비율이 떨어집니다. 꼭 필요한 블록만 골라서, 놓는 순서를 맞추는 것이 핵심입니다.
강의 판매 사이트 만들기, 첫 화면에 넣을 블록
페이지 에디터에서 추가할 수 있는 블록 가운데 첫 화면에 넣을 만한 것을 추립니다.
- 상단 배너(히어로 영역) — 사이트 이름, 한 줄 소개, 대표 이미지를 담는 영역입니다. 방문자가 가장 먼저 보는 곳이므로 “이 사이트에서 무엇을 배울 수 있는지”를 한 문장으로 넣습니다.
- 대표 강의 목록 — 현재 판매 중인 강의 가운데 가장 먼저 보여주고 싶은 것을 골라 노출합니다. 전체를 다 넣기보다 3~6개로 줄이는 편이 낫습니다.
- 강사 소개 — 이름, 경력, 사진을 간결하게 정리합니다. 이 강의를 왜 이 사람에게 배워야 하는지에 대한 답이 됩니다.
- 수강 후기 — 리뷰가 쌓여 있다면 첫 화면에 일부를 꺼내 놓습니다. 아직 후기가 없으면 이 블록은 빼 두고, 후기가 3개 이상 모인 뒤에 추가합니다.
- 안내 영역 — 수강 방법, 결제 안내, 자주 묻는 질문을 짧게 정리합니다. 별도 페이지로 보내기보다 첫 화면 하단에 간략히 두는 편이 이탈을 줄입니다.
블록을 배치하는 순서
위에서 아래로 시선이 흐르는 순서대로 쌓습니다. 아래 순서를 기본으로 두고, 자기 사이트의 성격에 맞게 조정합니다.
1단계 — 상단 배너
페이지 에디터를 열면 빈 화면이 나옵니다. 가장 먼저 이미지 또는 배경색 블록을 추가하고, 그 위에 텍스트를 올립니다. 텍스트는 두 줄이면 충분합니다.
- 첫 줄: 사이트 이름 또는 브랜드 문구
- 둘째 줄: 어떤 강의를 파는 곳인지 한 문장
버튼을 하나 넣어 강의 목록 페이지나 대표 강의 상세 페이지로 연결하면, 배너를 본 사람이 바로 다음 행동으로 넘어갈 수 있습니다.
2단계 — 대표 강의 노출
배너 바로 아래에 강의 목록 블록을 넣습니다. 강의가 여러 개라면 카테고리별로 나누지 말고, 가장 잘 팔리는 것 또는 가장 먼저 보여주고 싶은 것을 기준으로 골라 놓습니다.
썸네일, 제목, 가격이 한눈에 보이도록 카드 형태로 배치하는 것이 일반적입니다. 썸네일 이미지의 비율과 크기를 통일해 두면 화면 정렬이 깔끔해집니다.
3단계 — 강사 소개
강의 목록 아래에 강사 소개 블록을 둡니다. 텍스트 블록과 이미지 블록을 나란히 놓는 구성이 읽기 편합니다.
- 이름과 직함
- 주요 경력 3~5줄
- 프로필 사진 1장
이력서처럼 길게 쓰지 않습니다. 방문자가 궁금한 것은 “이 사람이 이 분야를 가르칠 만한 사람인가” 한 가지입니다.
4단계 — 수강 후기
후기가 있다면 강사 소개 아래에 배치합니다. 텍스트만 나열하기보다 별점이나 수강생 이름 첫 글자를 함께 보여주면 실제 후기라는 느낌을 줍니다.
후기가 아직 없다면 이 단계는 건너뜁니다. 빈 후기 영역을 남겨 두면 오히려 신뢰가 떨어지므로, 후기가 모인 뒤에 추가하는 편이 낫습니다.
5단계 — 안내 영역과 하단 정리
마지막으로 수강 안내와 연락처를 넣습니다.
- 결제 수단 안내 (카드, 계좌이체 등)
- 수강 기간과 환불 정책 요약
- 문의 방법 (게시판 링크, 이메일 등)
이 영역은 길게 쓰지 않아도 됩니다. 자주 묻는 질문 두세 개를 넣고, 상세 내용은 별도 게시판이나 안내 페이지로 연결하면 첫 화면이 지나치게 길어지는 것을 막을 수 있습니다.
배치를 마친 뒤 확인할 항목
블록을 다 놓았으면 저장하기 전에 아래 항목을 봅니다.
- 모바일 화면 — 방문자의 절반 이상이 휴대폰으로 들어옵니다. 에디터에서 모바일 미리보기를 눌러 텍스트가 잘리거나 이미지가 깨지는 곳이 없는지 확인합니다.
- 링크 연결 — 배너 버튼, 강의 카드, 게시판 링크를 하나씩 눌러 의도한 페이지로 이동하는지 확인합니다. 링크가 빠져 있으면 아무리 화면이 잘 되어 있어도 전환이 끊깁니다.
- 텍스트 분량 — 한 블록에 텍스트가 다섯 줄을 넘으면 읽지 않고 넘기는 사람이 많습니다. 길어지면 줄이거나 별도 페이지로 뺍니다.
- 빈 블록 정리 — 콘텐츠를 넣지 않은 블록이 남아 있으면 삭제합니다. “준비 중입니다”라고 적어 두는 것보다 아예 없는 편이 깔끔합니다.
런모아로 첫 화면 구성을 시작하는 방법
런모아에서 사이트를 만들면 페이지 에디터가 함께 제공됩니다. 이미지, 텍스트, 강의 목록, 버튼 블록을 배치할 수 있고, 위에서 정리한 순서대로 상단 배너부터 하단 안내까지 한 화면 안에서 작업이 끝납니다. 강의를 먼저 등록해 두었다면 강의 목록 블록이 등록된 강의를 자동으로 불러오므로, 같은 정보를 다시 입력할 필요가 없습니다.
사이트 개설부터 페이지 에디터 사용까지의 전체 과정은 런모아 강의 사이트 만들기 페이지에서 확인할 수 있습니다.
#강의판매사이트 #온라인강의 #사이트만들기 #페이지에디터 #LMS #홈페이지제작 #강의사이트디자인 #첫화면구성 #런모아
