2026음원 유통·투자 — 기업 웹사이트
Ogam Entertainment
설명
음원 유통·투자 — 기업 웹사이트
기간
Feb 2026
역할
- 엔터테인먼트 브랜드 아이덴티티(BI)에 맞춘 웹사이트 전체 기획 및 UI/UX 디자인.
- 스크롤 기반 인터랙션 및 프론트엔드 동적 애니메이션 총괄 구현.
- 앨범 및 뮤직비디오 콘텐츠 관리 구조 세팅과 모바일 최적화 반응형 웹 개발.
기술
Frontend
Modern frontend stack · Custom layout
Motion
Scroll animation · Kinetic typography
프로젝트 목적
"We distribute culture, not just files." 오감엔터테인먼트는 K-POP 음원을 전 세계 150개 이상의 DSP에 직배급합니다. 표준적인 B2B 템플릿은 정확하지만 쓸모없었을 겁니다 — 물류만큼이나 취향으로 거래되는 산업 안에 있는 회사이기 때문입니다. 음악 인접으로 읽힐 만큼의 리듬과 시각적 활력, 그리고 유통 계약을 검토하는 파트너를 만족시킬 만큼의 구조를 동시에 담았습니다.
범위
- · 기업 공식 웹사이트 UI/UX 기획 및 디자인
- · 반응형 프론트엔드 개발
- · 동적 스크롤 인터랙션 및 애니메이션 구현
- · 미디어 아카이브(앨범/MV) 구조화
주요 기술 특징
키네틱 타이포그래피·애니메이션
- · 화면을 가로지르는 마퀴 애니메이션("GREAT ARTISTS UNDERSTAND THE POWER…")이 사이트 전체에 음악적 맥박을 만듭니다.
- · 모션을 장식이 아니라 템포로 썼습니다.
인터랙티브 미디어 쇼케이스
- · 'Latest Releases'의 가로 스크롤 UI로, 방대한 앨범 커버 카탈로그를 세로 공간과 싸우지 않고 갤러리처럼 탐색합니다.
- · 커스텀 슬라이더로 뮤직비디오와 음원 발매 소식을 전면에 세웠습니다.
핵심 비즈니스 모델 시각화
- · 글로벌 유통·데이터 분석·퍼블리싱·마케팅 4대 서비스를 넘버링과 직관적인 그리드로 정리했습니다.
- · B2B 파트너에게는 이 4개 서비스 개요가 절대 모호해선 안 되는 부분입니다.
성능 및 반응형 최적화
- · 다량의 고화질 앨범 아트워크와 미디어가 로드되는 환경에 맞춰 렌더링을 최적화했습니다.
- · 애니메이션이 많은 구간도 모바일에서 프레임 드랍 없이 동작하도록 튜닝했습니다.
디자인 포인트
트렌디·소닉 아이덴티티
다크 기반에 강한 대비의 타이포와 의도적인 여백으로 엔터테인먼트 산업이 기대하는 세련됨을 만들었습니다. "파일이 아니라 문화를 유통한다"는 철학이 말해지기 전에 보이도록 폰트 웨이트와 배치를 다듬었습니다.
몰입형 레이아웃
브라우저 화면 전체를 쓰는 풀 블리드 레이아웃으로 글로벌 유통 비즈니스의 스케일과 개방감을 표현했습니다.
프로젝트 보기웹사이트 방문 →