파라뮤직 반응형 포트폴리오

PORTFOLIO
다양한 분야의 경험과 전문가의 노하우로
모두가 만족할 결과물을 제시해 드립니다.
Drawing on extensive experience across diverse fields and expert know-how,
we deliver outcomes that satisfy everyone.
비젠소프트 포트폴리오 상세보기 - 홈페이지제작 쇼핑몰제작 AI 솔루션
파라뮤직 반응형
개발분야 : Website(웹사이트) / Responsible website(반응형웹)
파라뮤직 반응형 2026/03
비젠소프트 포트폴리오 목록으로 돌아가기 이전 포트폴리오 프로젝트 보기 다음 포트폴리오 프로젝트 보기


메인 화면 기획 및 아티스트 중심 랜딩 구성

파라뮤직 메인 페이지 아티스트 중심 비주얼 반응형 디자인


[메인 화면 기획]

엔터테인먼트 레이블의 핵심인 소속 아티스트에 집중해,

첫 화면 전체를 아티스트의 흑백 화보 슬라이드로 채워 브랜드의 무드를 가장 먼저 전달하도록 기획했습니다.

이어서 RELEASE ALBUMS·VIDEOS·STORE·Notice 순으로 콘텐츠를 배치해,

신보와 뮤직비디오를 감상한 팬이 공식 MD 구매와 최신 소식 확인까지 자연스럽게 이어지도록 콘텐츠 흐름을 설계했습니다.





메인 디자인 시스템

파라뮤직 통합 UI 구조 메인부터 갤러리까지 콘텐츠 흐름


[메인 디자인]

화이트 배경에 흑백 화보와 굵은 영문 산세리프 타이틀을 활용해,

아티스트의 이미지를 돋보이게 하는 절제된 디자인을 기본 콘셉트로 적용했습니다.

VIDEOS는 민트 그린, STORE는 연한 스카이블루로 섹션별 컬러를 구분해 스크롤에 시각적 리듬을 더하고,

로고의 블루 컬러와 차콜 푸터를 조합해 트렌디하면서도 정돈된 K-pop 레이블의 이미지를 완성했습니다.






콘텐츠 디자인 및 정보 구조

파라뮤직 아티스트 페이지 멤버 앨범 영상 갤러리 카테고리 구조


[콘텐츠 디자인]

ABOUT US·ARTISTS·AUDITION·NOTICE·SHOP의 5개 영문 메뉴로,

레이블 소개부터 아티스트 정보와 팬을 위한 콘텐츠까지 간결하게 구분했습니다.

ABOUT US는 **PM 심볼과 '음악의 가치를 넘어서, 새로운 문화를 만듭니다'**라는 메시지로 브랜드의 방향성을 전달하고,

ARTISTS는 화보와 국·영문 이름을 활용한 카드형 목록으로 구성했습니다.

AUDITION은 세리프체의 'COMING SOON' 타이포그래피를 활용해 향후 오디션에 대한 기대감을 표현했습니다.







웹사이트 UX/UI 최적화

파라뮤직 반응형 웹사이트 노트북 환경 실제 사용 목업


[웹사이트 UX/UI]

앨범과 영상 콘텐츠를 가로 슬라이드와 진행 바로 구성해,

다양한 콘텐츠를 한 화면에서 편리하게 넘겨 보며 탐색할 수 있도록 설계했습니다.

STORE 영역에는 'SHOP NOW' 버튼을 배치해 공식 쇼핑몰로 바로 연결하고,

헤더에 유튜브·인스타그램·X 소셜미디어 아이콘을 고정 배치해,

팬들이 어느 페이지에서든 아티스트의 공식 채널과 관련 콘텐츠로 빠르게 이동할 수 있도록 구성했습니다.





비젠소프트 포트폴리오 전체 목록으로 돌아가기
이전 포트폴리오 보기 다음 포트폴리오 보기
카카오톡 상담하기
전화 상담 무료 견적 문의 →