프로젝트 배경
1) 문제점 기존 교육 홈페이지는 수업 내용 소개에 집중되어 학교 담당자가 운영 안정성을 판단하기 어려움 강사 배치, 교구 관리, 안전관리 등 계약에 필요한 정보가 여러 화면에 분산됨 학생 중심의 재미만 강조되어 학교·교사가 도입을 결정할 근거가 부족함 반복적인 카드와 추상적 문구로 구성된 홈페이지는 교육 서비스의 신뢰도를 전달하기 어려움 2) 프로젝트 목표 학교 담당자가 프로그램을
프로젝트 성과
학교 담당자 중심의 영업 전환 흐름 구축
교육 철학부터 운영지원, 맞춤 추천, 도입 상담까지 하나의 사용자 흐름으로 연결했습니다.
맞춤 프로그램 추천 기능 구현
학년, 학생 수, 수업 차시에 따라 권장 과정과 강사 구성이 변경되는 추천 기능을 구현했습니다.
PC·모바일 반응형 웹 구현
모바일에서 콘텐츠 순서, 이미지 크롭, 프로그램 탭을 재구성해 핵심 정보의 우선순위를 유지했습니다.
학교 운영지원 체계 시각화
강사, 교구, 출결, 안전, 학부모 안내, 결과보고를 계약 판단이 쉬운 구조로 정리했습니다.
성과 5
성과 5
실제 수업 중심의 신뢰도 강화
제공된 수업·교구 사진을 주요 콘텐츠로 활용하고 가상 후기와 임의 통계는 사용하지 않았습니다.
핵심 기능
진행 단계
빌드 및 클라우드 배포
2026.05.
배포 환경에 맞춰 빌드를 검증하고 실제 접속 가능한 비공개 운영 주소로 게시했습니다.
프로젝트 상세
1) 포트폴리오 소개 학교, 방과후·늘봄 담당자 및 교사를 주요 고객으로 설정한 방과후 로봇교실 영업형 홈페이지 제작 단순한 수업 소개를 넘어 프로그램의 교육 효과와 운영지원 체계를 효과적으로 전달하고, 학교 담당자가 프로그램을 신뢰한 뒤 도입 상담까지 신청할 수 있도록 사용자 흐름을 설계했습니다. 2) 작업 범위 홈페이지 정보구조 및 화면 설계 UI/UX 디자인 반응형 웹 디자인 Front-






