랜딩 페이지 · 2026
교육 서비스 랜딩과 수강 신청 4단계
직장인 실무 클래스를 소개하고, 방문자가 수준 진단으로 맞는 과정을 찾아 바로 신청까지 마치는 랜딩 페이지입니다.
풀어야 했던 문제
과정이 여러 개면 방문자가 무엇을 들어야 할지 몰라 신청 전에 떠납니다. 신청 양식이 길면 중간에 그만둡니다.
이렇게 풀었습니다
세 문항짜리 수준 진단으로 과정을 추천하고, 신청을 네 단계로 나눠 한 화면에 한 가지만 묻습니다. 할인은 자동으로 계산하고 작성 중인 신청서는 저장해 둡니다.
만든 것
- 과정별 수준, 기간, 수강료, 반별 남은 자리
- 조기 등록 마감 D-day 표시
- 3문항 수준 진단과 과정 추천
- 신청 4단계: 과정·반 선택, 정보 입력, 할인 확인, 요약과 동의
- 정원이 찬 반은 대기 신청으로 접수
- 작성 중인 신청서 자동 저장, 개강 일정 캘린더 파일
화면 모아보기
랜딩 첫 화면. 이번 기수 정보와 남은 자리를 첫 화면에서 알려 줍니다. 
6주 커리큘럼 화면. 주차별로 무엇을 배우는지 카드로 나눠 보여 줍니다. 
수강 신청 3단계 "할인 확인" 화면. 결제 예정 금액과 신청 요약을 나란히 보여 줍니다. 
수강 신청 4단계 중 3단계 "할인 확인" 화면. 할인을 반영한 결제 예정 금액과 남은 자리를 보여 줍니다.