MIR STORY

메타코드

⦁ IT 개발에 관한 수강 사이트

⦁ 반응형 웹사이트 

⦁ 기술 홍보 및 제품 판매

ABOUT PROJECT

메타코드는 프로그래밍과 AI 교육 콘텐츠를 제공하는 온라인 학습 플랫폼이며

입문자부터 개발자까지 다양한 수준의 학습자를 위한 고급 개발자 양성 과정을 운영하는 사이트입니다.

AI, Python, 데이터 분석, 머신러닝 등 폭넓은 기술 강의를 제공하며, 실무 중심의 커리큘럼을 통해 실제 업무에 바로 적용할 수 있는 역량 향상을 목표로 합니다.

또한 전문 강사 소개와 고객 지원 시스템을 함께 운영하여 학습자가 안정적으로 교육을 받을 수 있도록 지원하고 있습니다.

DESIGN CONCEPT

⦁ 미래지향적 UI 구성 :: 사이버틱·디지털 감성의 그래픽과 3D 일러스트를 활용하여 현대적인 분위기를 연출합니다.

⦁ 모던 & 직관적 레이아웃 :: 상단 슬라이더로 주요 강의·이벤트를 강조하고, 카테고리 필터·인기 강의 섹션으로 편의를 높이며, 강사 소개와 C/S 센터로 신뢰성과 접근성을 강화합니다.

⦁ 카드형 강의 리스트 UI :: 각 강의의 핵심 정보를 직관적으로 제공하며, 시선을 끄는 구성으로 자연스러운 클릭을 유도합니다.

⦁ 다양한 인터랙션 요소 적용 :: ‘하트 수’, ‘보기 버튼’, 슬라이더 등 인터랙티브 기능을 도입하여 생동감 있는 사용자 경험을 제공합니다.

TYPOGRAPHY

⦁ Pretendard

COLORS

SUMMARY

⦁ 목적 :: 실무 중심의 IT 교육 콘텐츠를 통해 초보자를 고급 개발자로 성장시키는 것을 목표

⦁ 타겟 :: 프로그래밍과 AI 기술을 배우려는 20~40대 성인층

⦁ 디자인 스타일 :: 미래지향적이고 전문적인 분위기의 다크 테마와 테크 감성의 3D 시각 요소사용

⦁ 구성요소 :: 메인 배너, 카테고리 필터, 강의 카드, 강사 소개, 고객지원 섹션으로 구성