포트폴리오 목록
CLASSKIT 클래스킷 — 교육 콘텐츠 무료체험
웹사이트
학부모와 교사를 위한 교육 콘텐츠 소개와 무료체험 전환을 단일 페이지로 구성했습니다. 아동 개인정보의 법정대리인 동의, 다운로드 콘텐츠의 환불 조건, 구매자 워터마크와 유출 대응을 토글·검증·위험 판정 인터랙션으로 구현해 운영 리스크를 화면에서 바로 확인할 수 있습니다.
프로젝트 소개
학부모·교사 대상 교육 콘텐츠 소개와 무료체험 전환, 아동 개인정보·환불·유출 진단을 구현한 랜딩 데모입니다. 브랜드의 전문성과 핵심 정보를 명확히 전달하고, 탐색에서 상담·문의까지 자연스럽게 이어지는 반응형 경험을 만드는 것이 목표였습니다.
학부모와 교사를 위한 교육 콘텐츠 소개와 무료체험 전환을 단일 페이지로 구성했습니다. 아동 개인정보의 법정대리인 동의, 다운로드 콘텐츠의 환불 조건, 구매자 워터마크와 유출 대응을 토글·검증·위험 판정 인터랙션으로 구현해 운영 리스크를 화면에서 바로 확인할 수 있습니다.
주요 기능
- 실시간 계산·판정 — 입력값과 업무 규칙에 따라 금액·점수·상태를 즉시 계산해 결과와 판단 근거를 함께 보여줍니다.
- 파일 내보내기 — 조회·분석 결과를 CSV, 엑셀, 다운로드 또는 인쇄 형식으로 내보내 후속 업무에 활용할 수 있습니다.
- 보안·준법 점검 — 민감정보 보호, 동의, 이상 징후와 준법 조건을 화면에서 확인하고 위험 상태를 구분할 수 있습니다.
- 상품·콘텐츠 탐색 — 상품·서비스·콘텐츠를 카테고리와 상세 정보로 탐색하고 다음 행동으로 이어지도록 구성했습니다.
- 상담·문의 전환 — 서비스 이해 후 상담·문의·체험 신청으로 자연스럽게 이어지는 전환 동선을 제공합니다.
기술 스택
정적 HTML/CSS/Vanilla JavaScript 단일 페이지데이터 모듈 기반 콘텐츠·리드·리스크 동적 렌더링CSS 디자인 토큰, 반응형 UI, prefers-reduced-motion 대응
