프로젝트 배경
1) 문제점 - 강의·강사·가격 정보를 한 흐름에서 비교하는 접점 부족 - 사용자의 정보 탐색과 실행 단계를 연결하는 일관된 화면 구성 필요 2) 프로젝트 목표 - 강의 검색 및 필터부터 가격 및 FAQ 안내까지 연결되는 이용 흐름 구현 - 업무 목적에 맞춘 정보구조 및 단계별 화면 구성 3) 주안점 - 강의 탐색과 상세 정보, 강사 소개 및 가격 안내를 분리하고 검색·필터와 공통 화면 구
프로젝트 성과
교육 상품 탐색 구조 구현
강의·강사·가격·FAQ를 연결하여 수강 검토에 필요한 정보를 탐색하는 웹 UI 구성
콘텐츠 확장 기반 마련
강의·강사 데이터를 공통 구조로 관리하는 프론트엔드 콘텐츠 구성
핵심 기능
진행 단계
요구사항 및 목표 정리
2026.01.
강의 검색 및 필터부터 가격 및 FAQ 안내까지 연결되는 이용 흐름 구현 / 업무 목적에 맞춘 정보구조 및 단계별 화면 구성
프로젝트 상세
사용자가 강의를 탐색하고 수강 상품을 비교할 수 있도록 교육 웹사이트 프론트엔드를 제작했습니다. 교육 콘텐츠를 선택하는 데 필요한 정보를 이해하기 쉽게 전달하는 것이 주요 과제였습니다. 교육 메인, 강의 카탈로그와 상세 정보, 강사 소개, 수강 상품·가격 안내를 구성했습니다. 강의 정보를 살펴보는 경험과 강사 참여를 위한 입력 화면도 함께 다뤘습니다. 반응형 화면을 적용하고 수강 상품별 차이와 주요







