데모홈페이지·CMS
학부모 상담 랜딩·모의 접수 데모
교육 서비스 랜딩에서 모의 접수, 문구 편집, 상담·이벤트 기록까지 가상 시나리오로 이어서 볼 수 있습니다.
web-production-52f64.up.railway.app
열어 보시면 이런 걸 확인하실 수 있습니다
- 랜딩 중간의 상담 버튼을 누르면 같은 상담 양식으로 이어집니다
- 동의 없이 제출하면 안내만 뜨고 모의 접수는 만들어지지 않습니다
- 문구 편집에서 제목을 바꾸면 랜딩 미리보기에 바로 반영됩니다(브라우저 안에서만 유지)
- 이벤트 기록에서 상담 버튼 클릭과 모의 접수가 따로 집계됩니다
만들면서 풀어야 했던 것
- 프로그램 소개만 나열하면 학부모가 아이의 고민과 연결하기 어렵다고 보고, 학습 제안에서 학년별 고민, 관리 예시, 상담 양식으로 이어지는 순서로 정보를 배치했습니다. 교육 내용과 상담 기록은 모두 가상이며, 화면 곳곳의 상담 버튼은 같은 입력 흐름으로 이어집니다.
- 상담 버튼 클릭과 접수 완료를 혼동하지 않도록 이벤트 기록에서 버튼 클릭·입력 시작·모의 접수를 나눠 셉니다. 동의가 빠진 제출 시도는 접수로 집계하지 않고, 같은 시나리오를 다시 제출해도 모의 접수가 중복으로 생기지 않으며, 실제 GA4·네이버 전환 전송 없이 브라우저 안의 기록만 보여 줍니다.
- 편집 문구 12개를 랜딩과 편집 미리보기가 같은 원본에서 읽게 해, 문구를 바꾸면 양쪽에 같은 내용이 반영됩니다. 접수·편집·상태 변경은 현재 브라우저 안에서만 동작하고 새로고침하면 초기 상태로 돌아갑니다.
비슷한 걸 만들어 보고 싶으시다면
구간 견적으로 규모를 먼저 가늠해 보시거나, 조건을 적어 보내 주시면 범위를 정리해 회신드립니다.