tst-claude-code-samples/.taskmaster/docs/aroum_landing_page_plan.md

에이로움(Aroum) 랜딩 페이지 상세 기획안

---

1. 벤치마크 사이트 (블랜차드코리아) 디자인 분석 요약

• 레이아웃 및 구조:

  • 전체적으로 섹션 구분이 명확한 수직 분할 레이아웃을 사용합니다.
  • Full-width 이미지와 동영상 배경을 적극적으로 활용하여 시각적 몰입감을 높입니다.
  • 콘텐츠 영역은 그리드 시스템을 기반으로 안정적이고 정돈된 느낌을 줍니다.
  • 정보를 카드 형태로 구조화하여 가독성과 탐색 용이성을 확보했습니다.

• 색상 및 타이포그래피:

  • 신뢰감을 주는 네이비와 블루 계열을 포인트 컬러로 사용하며, 흰색 배경과의 대비를 통해 콘텐츠 주목도를 높입니다.
  • 크고 굵은 산세리프 폰트를 헤드라인에 사용하여 자신감 있고 명확한 메시지를 전달합니다.
  • 본문 텍스트는 가독성이 좋은 크기와 자간을 유지하여 전문성을 강조합니다.

• 사용자 인터페이스(UI) 요소:

  • 'view more'와 같은 명확한 Call-to-Action(CTA) 버튼을 사용하여 사용자 행동을 유도합니다.
  • 캐러셀(Carousel) 슬라이더를 활용하여 많은 정보를 효율적으로 보여줍니다. (메인 배너, 베스트셀러 등)
  • 동영상 콘텐츠를 적극적으로 삽입하여 교육 현장의 생생함과 전문성을 전달합니다.

• 전반적인 UX 특징:

  • '재계약률', '교육 실적' 등 구체적인 수치와 고객사 로고를 제시하여 강력한 사회적 증거(Social Proof)를 통해 신뢰를 구축합니다.
  • 각 섹션의 목표가 명확하며, 사용자는 스크롤만으로도 회사의 핵심 역량과 서비스를 쉽게 파악할 수 있습니다.

---

2. 에이로움(Aroum) 랜딩 페이지 섹션별 상세 기획안

섹션 1: Hero - 미래를 여는 AI 교육

• 목표: 방문자가 사이트에 접속하는 즉시 '에이로움'이 'AI 시대를 선도하는 혁신적인 교육 기업'임을 인지시키는 것.
• 콘텐츠:
  • 메인 헤드라인: "AI로 여는 새로운 교육의 시대, 에이로움이 만듭니다."
  • 서브 헤드라인: "AI 개발자와 교육 전문가가 설계한 실천 중심 교육, 당신의 미래를 지금 준비하세요."
  • CTA 버튼: 모든 교육 프로그램 보기, 기업 맞춤 교육 문의
• 디자인 및 레이아웃:
  • 블랜차드코리아처럼 Full-width 동영상 배경을 사용합니다. 단, 기업 교육 영상 대신 뉴럴 네트워크, 데이터 시각화 등 추상적이고 세련된 AI 관련 모션 그래픽을 활용하여 미래지향적이고 기술적인 이미지를 강조합니다.
  • 헤드라인은 Pretendard와 같은 현대적인 산세리프 폰트를 사용하여 신뢰감과 전문성을 동시에 표현합니다.
  • 전체적인 색감은 딥 블루(#0A2A5B)와 화이트를 메인으로 하고, 포인트 컬러로 생동감 있는 사이버 블루(#00D1FF)를 사용하여 '새로움'과 '기술'의 이미지를 부각합니다.

섹션 2: About Aroum - 왜 에이로움인가?

• 목표: 에이로움의 차별화된 강점 4가지를 명확하고 간결하게 전달하여 브랜드 신뢰도를 구축하는 것.
• 콘텐츠:
  • 섹션 제목: "에이로움은 다릅니다"
  • 핵심 강점 4가지 (아이콘과 함께):
    1. 실천 중심 교육: "수업, 연수, 업무에 바로 적용하는 맞춤형 교육"
    2. 열린 교육 기회: "지역 거점 센터를 통한 전문 AI 교육 기회 확대"
    3. 미래 연결 교육: "진로와 현장을 연결하는 융합적 사고력 증진"
    4. 검증된 전문가: "성과로 증명된 AI 개발자 및 교육 전문가의 협업"
• 디자인 및 레이아웃:
  • 블랜차드코리아의 카드 UI를 차용하여 4개의 핵심 강점을 2x2 그리드 형태로 배치합니다.
  • 각 카드에는 직관적인 아이콘, 핵심 키워드, 간결한 설명 문구를 포함하여 정보 전달력을 높입니다.
  • 배경에는 미니멀한 그리드 패턴이나 회로도 패턴을 옅게 깔아 AI 전문 기업의 이미지를 강화합니다.

섹션 3: Core Programs - 모두를 위한 AI 교육

• 목표: 에이로움이 제공하는 다양한 교육 프로그램을 체계적으로 보여주고, 타겟 고객(학생, 교사, 기업)이 자신에게 맞는 프로그램을 쉽게 찾도록 돕는 것.
• 콘텐츠:
  • 섹션 제목: "당신의 성장을 위한 최적의 AI 교육 프로그램"
  • 프로그램 목록: AI 진로 프로젝트, AI 교과 연계, AI 윤리 교육, 생성형 AI 실무, 교사 연수, 강사 양성 과정 등.
• 디자인 및 레이아웃:
  • 블랜차드코리아의 'Best Seller'와 유사한 캐러셀 또는 탭(Tab) UI를 적용합니다.
  • '학생/대학생', '교사/공무원', '기업/일반' 3개의 탭으로 구분하여 사용자가 원하는 프로그램 그룹을 필터링해서 볼 수 있도록 UX를 개선합니다.
  • 각 프로그램 카드는 프로그램명, 한 줄 소개, '자세히 보기' 버튼으로 구성하여 간결하게 정보를 제공합니다.

섹션 4: Testimonials & Partners - 신뢰의 증거

• 목표: 실제 교육 실적과 파트너사를 노출하여 에이로움의 전문성과 신뢰성을 객관적으로 증명하는 것.
• 콘텐츠:
  • 섹션 제목: "이미 많은 분들이 에이로움과 함께하고 있습니다"
  • 파트너사 로고: 주요 교육 기관, 협력 기업의 로고를 슬라이드 형태로 보여줍니다.
  • 고객 후기: "수업의 질이 달라졌어요!" (초등 교사 OOO) 와 같은 구체적인 직책과 이름이 포함된 짧은 후기를 2-3개 배치합니다.
• 디자인 및 레이아웃:
  • 블랜차드코리아의 '국내 10대 대기업의 이유있는 선택' 섹션처럼, 파트너사 로고를 모아 보여주는 섹션을 구성하여 시각적인 신뢰도를 높입니다.
  • 고객 후기는 인물 사진과 함께 카드 형태로 디자인하여 진정성을 더합니다.

섹션 5: Call to Action (CTA) - 미래를 향한 첫걸음

• 목표: 잠재 고객이 망설이지 않고 다음 단계(문의 또는 상담 신청)로 나아가도록 강력하게 유도하는 것.
• 콘텐츠:
  • 헤드라인: "AI 시대, 더 이상 망설일 이유가 없습니다."
  • 서브헤드라인: "에이로움의 전문가가 당신의 조직과 개인의 성장을 위한 최적의 솔루션을 제안합니다."
  • CTA 버튼: 무료 상담 및 교육 문의하기
• 디자인 및 레이아웃:
  • 배경에 포인트 컬러인 사이버 블루(#00D1FF) 그라데이션을 사용하여 다른 섹션과 시각적으로 명확히 구분하고 주목도를 극대화합니다.
  • 버튼은 크고 명확하게 디자인하여 사용자가 쉽게 클릭할 수 있도록 합니다.

섹션 6: Footer - 회사 정보

• 목표: 회사 기본 정보, 소셜 미디어 링크, 약관 등을 제공하여 사이트의 완결성을 높이는 것.
• 콘텐츠:
  • 회사명, 주소, 연락처, 사업자등록번호 등 기본 정보.
  • 개인정보처리방침, 이용약관 링크.
  • 블로그, 인스타그램 등 공식 소셜 미디어 채널 링크.
• 디자인 및 레이아웃:
  • 블랜차드코리아와 유사한 다단 구조를 사용하여 정보를 체계적으로 정리합니다.
  • 전체적인 톤앤매너를 유지하되, 배경은 어두운 색(딥 블루)으로 처리하여 페이지의 끝을 명확히 알립니다.