LESSON 04
사례 2: 강좌·워크숍 모집
온라인 강의, 부트캠프, 클래스 수강생 모집 페이지
오늘의 목표
수강생 모집 랜딩페이지를 만들고, 커리큘럼·강사·후기·가격 섹션을 구성합니다.
예상 소요 시간 약 45분
이 유형이 필요한 경우
- 온라인/오프라인 강좌를 열고 수강생을 모집할 때
- 워크숍, 세미나, 부트캠프 참가자를 받을 때
- "수강 신청" 또는 "참가 신청" 버튼을 누르게 하고 싶을 때
강좌 모집 페이지의 핵심 구조
일반 랜딩페이지 7블록에 교육 특화 블록이 추가됩니다:
- 히어로 (강좌명 + 한 줄 소개 + "수강 신청" 버튼)
- "이런 분께 추천" — 대상 체크리스트
- 커리큘럼 — 주차별 타임라인
- 수강 후 결과 — "이걸 할 수 있게 됩니다"
- 강사 소개 — 프로필 + 경력
- 수강생 후기
- 수강료·일정 — 가격 카드 + 마감 정보
- FAQ
- 마지막 CTA
💡 완성된 라이브 예시 미리보기
강좌 및 부트캠프 모집 랜딩페이지 완성본을 강좌 모집 랜딩페이지 라이브 데모 ↗에서 새 탭으로 직접 체험해보세요.
사례는 쉬운 것부터 (난이도 표시)
아래 사례는 쉬운 순서로 놓았습니다. 각 제목 옆의 난이도(★ 쉬움 / ★★ 보통 / ★★★ 어려움)와 예상 시간을 보고 맨 위 1개부터 해 보세요. 프롬프트가 길면 1~3번 항목만 먼저 보내 결과를 확인하고, 나머지를 이어서 보내면 훨씬 안전합니다. (전체 사례의 난이도 순서는 1강 표에 있습니다.)
사례 1: 오프라인 워크숍 (★★ 보통 · 약 30분)
#10 프롬프트 4-2🔴 고급
index.html을 만들어줘. "토요 가죽공예 원데이클래스" 모집 페이지.
- 히어로: "나만의 가죽 지갑, 토요일 하루면 완성", images/workshop.jpg 배경, "참가 신청" 버튼
- 클래스 정보 카드: 일시 "매주 토요일 14:00~17:00" / 장소 "성수동 소소공방" / 정원 "6명" / 준비물 "없음 (전부 제공)"
- 만드는 과정: 사진 4장 가로 나열 (가죽 고르기 → 재단 → 바느질 → 완성)
- 포함 사항: 체크리스트 (✓ 재료비 포함 ✓ 도구 대여 ✓ 완성품 당일 수령 ✓ 음료 제공)
- 참가자 후기 + 완성작 사진 갤러리
- 가격: ₩55,000 / 2인 ₩99,000 (커플·친구 할인)
- FAQ: 주차, 환불, 난이도, 소요시간
- "참가 신청" 버튼 + 장소 약도 따뜻한 크래프트 느낌. 베이지 배경.
사례 2: 온라인 강좌 (★★★ 어려움 · 약 45분)
#11 프롬프트 4-1🔴 고급
index.html을 만들어줘. "바이브코딩 홈페이지 만들기" 수강생 모집 페이지야.
- 히어로: images/course.jpg 배경, "코딩 없이 나만의 홈페이지를 10일 만에", "지금 신청하기" 버튼 (파란색, 크게), "얼리버드 30% 할인 · D-7" 뱃지
- 이런 분께 추천: 체크리스트 5개 (✓ 코딩을 전혀 모르지만 홈페이지가 필요한 자영업자 / ✓ 외주 맡기기엔 비용이 부담되는 분 / ✓ 블로그·SNS만으로 한계를 느끼는 분 / ✓ AI 도구를 처음 써보고 싶은 분 / ✓ 포트폴리오가 필요한 취준생)
- 커리큘럼: 타임라인 형태. 1주차~3주차, 각각 제목 + 설명 1줄. 1주차 "준비와 첫 페이지", 2주차 "디자인과 기능 추가", 3주차 "배포와 도메인 연결"
- 수강 후 결과: 아이콘 + 텍스트 3개. "내 도메인 홈페이지 1개 완성", "AI 코딩 도구 사용법 습득", "유지보수를 혼자 할 수 있는 자신감"
- 강사 소개: images/instructor.jpg 원형 + 이름 + 경력 3줄 + "수강생 한 분 한 분 끝까지 봅니다" 한마디
- 수강생 후기: 카드 3개 (프로필 아이콘 + 이름 + "2기 수강" + 후기 2줄)
- 수강료: 카드 2개. 얼리버드 ₩69,000(취소선 ₩99,000) / 정가 ₩99,000. 얼리버드에 "추천" 뱃지. 모집 기간 "~ 12월 31일", 인원 "선착순 20명"
- FAQ: 아코디언 4개 (환불 정책, 준비물, 수강 방식, 질문 채널)
- 마지막 CTA: "자리가 얼마 남지 않았습니다" + "수강 신청" 버튼 + 카카오톡 문의 링크 신뢰감 있는 깔끔한 디자인. 흰 배경 + 파란 포인트.
사례 3: 부트캠프 (★★★ 어려움 · 약 45분)
#12 프롬프트 4-3🔴 고급
index.html을 만들어줘. "AI 자동화 부트캠프 3기" 모집 페이지.
- 히어로: "4주 만에 반복 업무를 자동화하세요", "3기 모집 중" 뱃지, "지원하기" 버튼, 아래에 "1~2기 수료생 47명"
- 이런 분께: 마케터·기획자·대표·프리랜서 각각 아이콘 + 설명
- 4주 커리큘럼: 주차별 카드 (1주 AI 도구 세팅 / 2주 자동화 파이프라인 / 3주 실전 프로젝트 / 4주 발표와 피드백)
- 수료생 성과: 숫자 카드 3개 ("업무 시간 60% 절감", "자동화 파이프라인 3개 완성", "수료율 94%")
- 멘토 소개: 2명 프로필
- 수료생 인터뷰: 영상 임베드 또는 인용 카드
- 가격: 일반 ₩390,000 / 얼리버드 ₩290,000. 할부 안내
- 지원 절차: 1.지원서 → 2.면접 → 3.합격 통보
- FAQ + "지원하기" 반복 프로페셔널한 느낌. 다크 배경 + 녹색 CTA.
실습 체크: 강좌 모집 페이지
🧪 실습
- 대상이 명확한가: "이런 분께 추천"이 구체적인가
- 결과가 보이는가: 수강 후 뭘 할 수 있는지
- 신뢰가 있는가: 강사 경력, 수강생 후기, 수료생 수
- 긴급성이 있는가: 마감일, 선착순, 얼리버드 기한
- 미리보기에서 위에서 아래로 스크롤하며 히어로·커리큘럼·가격·마지막 버튼이 모두 보이는 것을 눈으로 확인했다
다음 강의
5강에서 앱 다운로드·사전예약 랜딩페이지를 만듭니다.