1. 프로젝트 개요
디자인 강의 웹사이트 제작
☑️ 누구나 쉽게 배우는 웹디자인 & 웹개발 강의 플랫폼
☑️ 역할: 기획 · 브랜딩 · 디자인 · 퍼블리싱(반응형)
☑️ 주요 기능: 강의 카탈로그 · 온라인 결제 · 회원 로그인/FAQ
☑️ 링크: (예: edu.connectials.com)
2. 기획 포인트
실무 중심 교육 플랫폼
•실무에서 바로 활용 가능한 강의 과정 구성
•상세페이지, 포트폴리오, 웹사이트 제작 등 실질적인 강좌 제공
편리한 UX 설계
•카테고리 & 검색 기능으로 원하는 강의 빠르게 탐색
•가격 표시 & 장바구니(결제 버튼)로 직관적 사용 경험 제공
신뢰 기반 운영
•수강생 수, 지원강사 수, 클래스 수 등 통계로 신뢰성 강화
•강의 후기와 별점 리뷰 시스템 반영
3. 디자인 요소
컬러
•블루 (#1E63F8) – 브랜드 신뢰 & 강조 색상
•그린 (#00C853) – 버튼 포인트 색
•라이트 그레이 (#F8F8F8) – 배경과 카드 분리용
폰트
•Pretendard / Noto Sans (가독성 중심, 웹 표준 산세리프)
레이아웃
•상단 메뉴바(홈 · 클래스 · FAQ · 로그인) 고정
•카테고리/검색/정렬 필터가 포함된 강의 리스트 UI
•카드형 강의 정보 (썸네일, 가격, 평점, 카테고리)
이미지
•모션 느낌의 3D 아이콘(그래픽 디자인, 웹사이트, 상세페이지 등)
•강의 썸네일을 PC 화면 Mockup에 삽입 → 전문성 강조
4. 구현 기능
● 강의 카탈로그: 카테고리별/정렬 옵션별 강의 탐색
● 강의 카드 UI: 가격 · 할인 · 강사명 · 수강시간 표시
● 장바구니 & 결제: Add to cart 버튼을 통한 구매 흐름
● 회원 시스템: 로그인/FAQ 페이지 연동
● 반응형 레이아웃: PC/태블릿/모바일 최적화
● 관리자 페이지: 강의 등록, 가격 변경, 수강생 관리
● 통계 제공: 수강생/강사/클래스 수 자동 업데이트
5. 느낌 & 효과
● 브랜드 키워드: 실무 · 직관적 · 트렌디 · 신뢰
● 사용자 경험:
•“찾기 쉽고 → 결제 편리 → 즉시 수강 시작”의 직관적인 흐름
•교육 브랜드 신뢰성을 수치와 후기로 뒷받침
•초보자도 빠르게 웹디자인/상세페이지 제작 기술 습득