Picorporation | CREDIT 포트폴리오

PICORPORATION_

CLIENT:
HERUE LAB
SERVICE:
PICORPORATION WEBSITE
CATEGORY:
- DEVELOPMENT
- WEBSITE
- RESPONSIVE WEB DESIGN
EXECUTION:
2025.08
PROJECT:
피아이코퍼레이션 웹사이트 개발

The Pi Corporation official website project involved building the digital platform for an entertainment company dedicated to fostering the potential growth of creators. This project aimed to maximize the individuality and content immersion of the affiliated creators, and efficiently showcase the company's vision and business sectors to the public. The dynamic interactions implemented go beyond mere visual effects; they play a key role in building a trendy and innovative corporate image and clearly imprinting Pi Corporation's core message onto visitors.

Pi Corporation은 크리에이터의 잠재력 성장을 지원하는 엔터테인먼트 기업의 공식 웹사이트 구축 프로젝트입니다. 본 프로젝트는 소속 크리에이터의 개성과 콘텐츠 몰입도를 극대화하고, 회사의 비전과 사업 분야를 효율적으로 대외에 소개하는 것을 목표로 했습니다. 역동적인 인터랙션은 단순한 시각 효과를 넘어, 트렌드에 민감하고 혁신적인 기업 이미지를 구축하고 방문자에게 Pi Corporation의 핵심 메시지를 명확하게 각인시키는 핵심 역할을 수행합니다.

VIEW SITE

Picorporation

OVERVIEW

본 프로젝트는 디자인과 기술적 구현 사이의 간극을 최소화하여, 역동적인 인터랙션을 통해 높은 신뢰도와 몰입도를 제공하는 디지털 경험을 완성했습니다. About 페이지에서는 Three.js 기반의 3D 인터랙션을 활용하여, Pi Corporation의 '미션'과 '비전'을 역동적으로 시각화했습니다. 문자의 스크롤에 따라 텍스트와 배경의 3D 오브젝트가 연동되어 움직이며, 기업의 가치를 몰입감 있게 전달합니다. creator 페이지는 소속 크리에이터를 카테고리별로 효율적으로 소개하며, 마우스 오버 시 해당 크리에이터의 SNS 채널 링크가 부드럽게 노출되도록 인터랙션을 설계했습니다.

Home ®Credit

About ®Credit

Creator ®Credit

TONE &
MANNER

톤앤매너는 크리에이터의 열정과 도전 정신, 그리고 혁신적인 기업 이미지를 중심으로 구성되었습니다. 주조색으로 사용된 핑크는 콘텐츠 산업의 활기찬 에너지를 전달하는 동시에 트렌디하고 대담한 브랜드를 상징합니다. 블랙과 화이트의 강한 대비감은 시각적 몰입도를 높여 크리에이터 콘텐츠에 대한 집중을 유도하며 전문적인 신뢰를 부여합니다. 특히, 이 강한 대비를 활용하여 역동적인 인터랙션 요소들이 더욱 강조되고, 콘텐츠의 시각적 임팩트를 극대화했습니다.

Pink

BUSINESS

페이지는 당사가 제공하는 핵심 사업 영역인 매니지먼트, 광고 제작, 프로덕션, 음원 마케팅, 안무 제작, AR 필터 제작, 계정 운영을 상세히 소개합니다. 각 서비스의 전문성과 역동성을 시각적으로 전달하여, 잠재 고객 및 파트너사에게 당사의 통합 솔루션 역량을 효과적으로 각인시키는 것을 목표로 합니다.

Business_management

Business_Ad Production

Business_music Marketing

CONTACT

Contact 페이지는 Pi Corporation과의 협업 또는 지원 문의를 효율적이고 전문적으로 접수하기 위해 구축되었습니다. 상단 탭 메뉴를 통해 문의 목적을 명확히 구분하여 구현했습니다. 이 탭 분류 시스템을 기반으로, 사용자가 폼에 입력한 데이터가 목적별로 정확하게 분류되어 해당 담당자에게 이메일로 전송되도록 안정적인 시스템을 구축했습니다.

Contact

LIVE

LIVE 페이지는 메인 웹사이트와 분리된 별도의 새 창으로 열리도록 구축되었으며, 라이브 크리에이터 정보, 라이브 서비스 소개, 그리고 관련 뉴스 콘텐츠를 전문적으로 제공합니다. 이 페이지는 콘텐츠의 성격에 따라 메인 사이트와 독립적으로 관리되지만, 핵심 UX/UI 및 역동적인 인터랙션은 메인 페이지의 스타일을 유지하도록 구현했습니다. 이를 통해 사용자는 라이브 콘텐츠에 집중하면서도 Pi Corporation 웹사이트 전체의 통일된 브랜드 경험과 기술적 완성도를 일관성 있게 느낄 수 있도록 했습니다.