1. 프로젝트 개요
코드 온라인 강의 웹사이트
☑️ 실습 중심의 교육 과정 제공 웹사이트
☑️ 역할: 기획 · 디자인 · 퍼블리싱
☑️ Link: (예: learn.connectials.com)
2. 기획 포인트
실무와 연결되는 학습 경험
•단순 이론이 아닌 실습 중심 커리큘럼 제공
•프로젝트 기반으로 기획 → 디자인 → 개발 → 배포 전 과정을 경험
효율적 학습 구조
•초보자도 쉽게 따라올 수 있는 단계별 학습 과정
•시각화된 데이터(그래프·차트)로 학습 성과 확인 가능
성과와 포트폴리오
•학습 결과를 실제 포트폴리오로 전환
•취업·창업 경쟁력 있는 인재로 성장
3. 디자인 요소
컬러
•블루 (#0A5EFF) → 신뢰감·전문성 강조
•네온 그린 (#00FF66) → 포인트 & CTA 버튼
•다크 그레이 (#222222) → 텍스트
폰트
•Pretendard / Noto Sans (가독성 높은 산세리프)
레이아웃
•와이드 히어로 섹션 + 일러스트·그래프 결합
•모듈형 카드 레이아웃(수강 후기·과정 특징 정리)
•데이터 시각화 차트/모바일 앱 UI 모형 배치
이미지
•그래프, 모바일 UI 목업, 일러스트 아이콘 활용
•실습·학습 분위기를 직관적으로 표현
4. 구현 기능
● 학습 성과 시각화: 그래프 & 통계 화면 제공
● 실습 프로젝트: 기획~배포 전 과정 체험 가능
● 반응형 웹: 모바일 · 태블릿 · PC 최적화
● 수강 후기 모듈: 학생 리뷰 자동 업데이트
● 수강 문의 폼: 이름, 이메일, 메시지 입력 & 전송
● 회원 관리: 로그인/가입 후 과정 수강 연동
● (선택) 자동 인증서 발급 기능
5. 느낌 & 효과
● 브랜드 키워드: 실습 중심 · 성장 · 성과 기반 학습
● 사용자 경험:
•“누구나 쉽게 따라올 수 있는 단계별 실무 중심 교육”
•학습 성과를 데이터로 직접 확인 → 동기부여 강화
•취업/창업에 필요한 경쟁력 있는 포트폴리오 완성