이온디

프로젝트 개요

• 클라이언트: JYP퍼블리싱
• 기간: 2021년
• 역할: 퍼블리싱, 프론트엔드 개발
• 협업: 디자인 — 레이어(LAYER)
• 사용 기술: HTML5, CSS3, JavaScript, 반응형 웹

무엇을 만들었나

JYP엔터테인먼트 산하 음악 퍼블리싱 레이블의 공식 웹사이트 리뉴얼 프로젝트입니다. 아티스트·앨범·퍼블리싱 사업을 소개하는 브랜드 사이트로, 디자인 스튜디오 레이어의 시각 디자인을 기반으로 퍼블리싱과 개발을 담당했습니다.

핵심 작업 내용

• 브랜드 사이트 퍼블리싱: 레이어의 디자인 시안을 웹 표준에 맞게 정밀 구현
• 애니메이션 인터랙션: 스크롤 기반 등장 효과, 아티스트·앨범 카드 인터랙션 구현
• 반응형 대응: 모바일·태블릿·와이드 스크린 전 구간 대응
• 콘텐츠 관리 구조: 아티스트, 앨범, 뉴스 등 관리자가 직접 갱신 가능한 구조 적용

기술적 특이사항

엔터테인먼트 레이블 특성상 감각적인 타이포그래피와 이미지 중심 레이아웃을 구현하면서도 로딩 속도를 확보하는 것이 핵심이었습니다. 레이어와의 협업에서 디자인 의도를 훼손하지 않으면서 브라우저 호환성과 성능을 동시에 충족시켰습니다.