강의 소개 페이지에 커리큘럼과 가격을 적어 두면 수업이 어떤 순서로 진행되는지는 알 수 있습니다. 하지만 이 수업을 들으면 실제로 무엇이 달라지는지는 사례와 결과물이 보여줍니다. 전문가 홈페이지 제작 과정에서 가장 미루기 쉬운 페이지가 바로 이 사례 페이지인데, 한번 만들어 두면 신규 방문자의 결제 전환에 가장 큰 영향을 줍니다.
소개 페이지와 사례 페이지의 역할 차이
소개 페이지는 ‘이 사람이 누구인지’를 알려줍니다. 경력, 자격, 활동 이력이 들어갑니다. 사례 페이지는 ‘이 사람에게 배우면 어떤 결과가 나오는지’를 보여줍니다. 방문자가 결제를 결심하는 데 필요한 건 대부분 후자입니다.
경력이 화려해도 사례가 없으면 실제로 가르칠 수 있는 사람인지 판단하기 어렵습니다. 반대로 경력이 짧아도 수강생 결과물이 선명하면 신뢰가 생깁니다. 두 페이지는 역할이 다르기 때문에 따로 만들어야 합니다.
전문가 홈페이지 제작 시 사례 페이지에 넣을 수 있는 항목
가르치는 분야에 따라 보여줄 수 있는 사례의 종류가 다릅니다. 아래에서 자기 수업에 해당하는 것을 골라 조합합니다.
- 수강생 작업 결과물 — 공방, 디자인, 코딩, 글쓰기 등 산출물이 있는 수업에 적합합니다. 사진이나 스크린샷으로 보여줍니다.
- 수강 전후 비교 — 어학, 체형 교정, 드로잉 등 변화가 눈에 보이는 분야에 효과적입니다. 시작 시점과 일정 기간 후의 상태를 나란히 놓습니다.
- 수업 진행 장면 — 라이브 수업, 오프라인 클래스의 현장 사진이나 화면 캡처입니다. 분위기와 진행 방식을 짐작할 수 있게 합니다.
- 본인의 작업 결과물 — 직접 만든 작품, 프로젝트, 출판물 등입니다. 가르치는 사람 본인의 실력을 증명합니다.
- 프로젝트 진행 과정 — 기업 출강, 워크숍, 그룹 프로젝트처럼 시작부터 끝까지 흐름이 있는 경우 전체 과정을 정리합니다.
한 페이지에 이 항목을 전부 넣을 필요는 없습니다. 가장 설득력 있는 유형 두세 가지를 골라 집중하는 편이 낫습니다.
사례 하나를 구성하는 순서
사례를 나열만 하면 사진첩이 됩니다. 각 사례에 이야기 구조를 넣으면 방문자가 자기 상황에 대입해서 읽게 됩니다. 아래 네 단계로 정리합니다.
- 배경 — 수강생이 어떤 상태에서 시작했는지를 한두 문장으로 적습니다. ‘포토샵을 처음 여는 단계’, ‘영어 회화 3개월 차’ 같은 수준 표현이면 됩니다.
- 과정 — 어떤 수업을 몇 회 수강했는지, 어떤 방식으로 진행했는지를 적습니다. 구체적인 커리큘럼 이름보다는 ‘주 1회 4주’, ‘1:1 피드백 3회’ 같은 형식이 읽기 좋습니다.
- 결과 — 완성된 결과물이나 달라진 상태를 보여줍니다. 이미지가 있으면 이미지를, 수치가 있으면 수치를 씁니다.
- 한 줄 요약 — 이 사례가 보여주는 핵심을 한 문장으로 적습니다. 목록형으로 훑는 사람도 이 문장만으로 파악할 수 있게 합니다.
네 항목을 다 채우기 어려운 사례도 있습니다. 그럴 때는 결과 이미지와 한 줄 설명만으로도 충분합니다. 빈칸을 억지로 채우느니 있는 정보만 깔끔하게 보여주는 것이 낫습니다.
이미지와 텍스트의 비율
사례 페이지는 글보다 이미지가 먼저 눈에 들어오는 페이지입니다. 이미지가 주, 텍스트가 보조라는 원칙을 지킵니다.
- 이미지 한 장당 설명은 두세 문장이면 됩니다. 길어지면 별도 게시글로 분리하고 링크를 겁니다.
- 이미지 해상도가 낮거나 어두우면 역효과가 납니다. 올리기 전에 밝기와 크기를 한 번 확인합니다.
- 수강생 작업물을 올릴 때는 반드시 본인 동의를 받습니다. 이름이나 얼굴이 나오는 경우 모자이크 처리가 필요한지도 확인합니다.
- 전후 비교 이미지는 같은 조건에서 촬영한 것을 씁니다. 크기나 배경이 다르면 비교 효과가 떨어집니다.
사례 개수와 갱신 주기
처음 페이지를 만들 때는 세 개에서 다섯 개면 충분합니다. 너무 적으면 빈약해 보이고, 열 개를 넘기면 스크롤이 길어져서 끝까지 보지 않습니다.
갱신은 새 사례가 생길 때마다 하되, 오래된 것 중 퀄리티가 낮은 항목은 빼고 새것으로 교체합니다. 전체 개수를 일정하게 유지하면 페이지가 항상 정돈된 상태를 유지합니다. 분기에 한 번 정도 점검하면서 현재 수업 방향과 맞지 않는 사례를 정리하면 됩니다.
최근 사례를 위에, 오래된 사례를 아래에 놓습니다. 방문자는 위에서부터 읽기 때문에 가장 최신이고 완성도 높은 것이 먼저 보여야 합니다.
사례 페이지를 사이트 어디에 둘 것인가
메인 메뉴에 ‘수업 사례’, ‘포트폴리오’, ‘결과물’ 같은 이름으로 넣습니다. 메뉴 이름은 방문자가 한눈에 내용을 짐작할 수 있는 것으로 정합니다. ‘갤러리’는 사진 중심일 때, ‘수업 사례’는 글과 사진이 함께일 때 자연스럽습니다.
강의 상세 페이지에서도 사례 페이지로 이동할 수 있게 링크를 걸어 둡니다. 커리큘럼을 읽다가 ‘이 수업을 들으면 어떤 결과가 나올까’ 궁금해지는 시점에 바로 사례를 볼 수 있어야 합니다. 메인 페이지 중간에도 대표 사례 두세 개를 미리보기로 넣고 전체 목록으로 연결하면 클릭이 늘어납니다.
런모아로 수업 사례와 결과물 페이지를 만드는 방법
런모아의 페이지 에디터에서 별도 페이지를 추가하고 이미지와 텍스트를 배치하면 사례 페이지를 바로 만들 수 있습니다. 게시판 기능을 활용해 사례를 글 단위로 올리면 새 사례가 생길 때마다 기존 페이지 레이아웃을 수정하지 않고 게시글만 추가하면 됩니다. 강의 판매 페이지와 사례 페이지가 같은 사이트 안에 있으므로 방문자가 사례를 보고 바로 결제 페이지로 이동할 수 있습니다.
사례 페이지 구성부터 강의 판매, 결제까지 한 사이트에서 운영하는 구조를 런모아 강의 사이트 만들기 페이지에서 확인할 수 있습니다.
#전문가홈페이지 #홈페이지제작 #퍼스널브랜딩 #포트폴리오 #수업사례 #강사브랜딩 #온라인강의 #결과물페이지 #1인창업 #런모아


