📌 Ogam Entertainment (오감엔터테인먼트) - 글로벌 음원 유통/투자사 기업 웹사이트 구축
🔹 프로젝트 개요
- 작업 기간: 2026.02
- 작업 범위: 기업 공식 웹사이트 UI/UX 기획 및 디자인, 반응형 프론트엔드 개발, 동적 스크롤 인터랙션 및 애니메이션 구현, 미디어 아카이브(앨범/MV) 구조화
- 사용 도구: 최신 프론트엔드 스택 (스크롤 애니메이션, 커스텀 레이아웃 구현), UI/UX 디자인 툴
🔹 프로젝트 목적
'오감엔터테인먼트'는 K-POP 아티스트의 음원을 전 세계 150개 이상의 DSP에 직배급하는 글로벌 유통 및 퍼블리싱 플랫폼입니다. 본 프로젝트는 정형화된 B2B 기업 사이트의 틀을 벗어나, 음악 산업 특유의 '트렌디함'과 글로벌 파트너로서의 '전문성'을 동시에 보여주는 하이엔드 웹사이트를 구축하는 데 목적을 두었습니다. 방문자가 소속/유통 아티스트의 최신 앨범과 미디어를 감각적으로 탐색할 수 있도록 동적인 사용자 경험(UX)을 설계했습니다.
🔹 핵심 기술 및 구현 기능 (Key Technical Features)
- Kinetic Typography & Animation (동적 타이포그래피 및 애니메이션):
화면을 가로지르는 텍스트 마퀴(Marquee) 애니메이션("GREAT ARTISTS UNDERSTAND THE POWER...")을 적용하여 사이트 전반에 음악적인 리듬감과 시각적 활력을 불어넣었습니다.
- Interactive Media Showcase (인터랙티브 미디어 쇼케이스):
'Latest Releases' 섹션에 가로 스크롤(Scroll to Explore) UI를 도입하여, 다수의 앨범 커버를 공간 제약 없이 갤러리 형태로 부드럽게 탐색할 수 있도록 구현했습니다. 뮤직비디오와 음원 발매 소식을 돋보이게 하는 커스텀 슬라이더를 적용했습니다.
- Structured Service UX (핵심 비즈니스 모델 시각화):
글로벌 유통, 데이터 분석, 퍼블리싱, 마케팅 등 회사의 4대 핵심 서비스(Service Overview)를 넘버링과 직관적인 그리드 레이아웃으로 정리하여 B2B 파트너들에게 신뢰감과 정보 전달력을 높였습니다.
- Performance & Responsive Optimization (성능 및 반응형 최적화):
다량의 고화질 앨범 아트워크와 미디어 소스가 로드되는 환경에서도 렌더링 성능이 저하되지 않도록 최적화했으며, 화려한 웹 애니메이션이 모바일 디바이스에서도 프레임 드랍 없이 매끄럽게 동작하도록 크로스 브라우징 및 반응형 대응을 완벽히 마쳤습니다.
🔹 디자인 포인트
- Trendy & Sonic Identity: 다크 모드 기반의 시크한 배경에 강렬한 대비를 이루는 폰트와 여백을 사용하여 엔터테인먼트 산업의 세련된 무드를 연출했습니다. "We distribute culture, not just files"라는 브랜드의 철학이 시각적으로 전달되도록 폰트 웨이트와 배치에 공을 들였습니다.
- Immersive Layout (몰입형 레이아웃): 브라우저 화면 전체를 넓게 쓰는 풀 블리드(Full-bleed) 레이아웃을 채택하여 글로벌 비즈니스의 스케일과 개방감을 표현했습니다.
🔹 담당 역할
- 엔터테인먼트 브랜드 아이덴티티(BI)에 맞춘 웹사이트 전체 기획 및 UI/UX 디자인
- 스크롤 기반 인터랙션 및 프론트엔드 동적 애니메이션 총괄 구현
- 앨범 및 뮤직비디오 콘텐츠 관리 구조 세팅 및 모바일 최적화 반응형 웹 개발
🔹 주요 화면