1) 문제점
브랜드의 핵심 가치와 제품 특성을 한눈에 보여줄 웹 채널 부재
다양한 기기(모바일·태블릿·PC) 환경에서 일관된 사용자 경험 제공 어려움
콘텐츠 전달 중심의 구조가 부족해 제품·앱 기능이 명확히 드러나지 않음

2) 프로젝트 목표
브랜드 정체성과 음향 제품의 전문성을 시각적으로 표현하는 홍보용 웹사이트 구축
반응형 레이아웃을 통한 멀티 디바이스 접근성 확보
음악 학습 앱(노래·악보·정확도 평가·보상 시스템) 소개 중심 콘텐츠 설계

3) 주안점
단순한 제품 소개를 넘어 브랜드 신뢰도를 높이는 스토리텔링 중심 구조
SEO·퍼포먼스 최적화를 통한 노출·유입 극대화
이미지·텍스트 밸런스를 고려한 직관적 UI/UX 구성

1. 프로젝트 개요
- 음향 브랜드의 정체성과 핵심 서비스를 효과적으로 전달하는 반응형 홍보용 홈페이지

2. 주요 기능
- 멀티 디바이스 대응 반응형 레이아웃 구성
- 음악 학습 앱 섹션 구성(노래 모드, 악보 학습, 정확도 평가, 보상 시스템)
- 앱 다운로드 링크 연동 및 콘텐츠 중심 정보 구조 설계
- SEO 최적화 및 빠른 페이지 로딩 구현

3. 기술 구현
- Next.js 기반 컴포넌트 구조 및 SSR 렌더링
- Vercel 배포 파이프라인 구성 및 이미지 최적화·코드 스플리팅 적용
- SEO 메타태그·오픈그래프·구조화 데이터 반영, 사이트맵·robots 설정