Work·Web & Brand·Entertainment

CABEON / Dream Factory ·/ Animation IP Hub

A multimedia brand hub for a Korean animation property: character encyclopedia, video integration, AR-card merchandise.

What this maps to

Closest sprint

Brand + Site Express

Duration

14주

Team

2 + network

CABEON / Dream Factory · Animation IP Hub

CABEON: 애니메이션 IP 허브

Client: CABEON / Dream Factory Studio Services: 브랜드 아이덴티티, 웹 디자인·개발, 멀티미디어 통합, 머천다이즈 쇼케이스 Duration: 14주 Tech: WordPress + Elementor + 커스텀 통합, YouTube와 Instagram 피드, AR 카드 제품 디스플레이

문제 정의

CABEON은 Dream Factory Studio가 제작하는 캐릭터 중심 애니메이션 IP입니다. 캐릭터 캐스트를 중심으로 한 한국 IP로, 관객은 늘고 있고 머천다이즈 라인은 확장 중입니다. AR 카드 인터랙티브 상품도 포함됩니다. IP의 성공은 분산돼 있었습니다. YouTube 채널, Instagram 계정, TV 방송 편성, AR 카드를 포함한 머천다이즈 라인, 여러 플랫폼에 걸친 파트너십.

기존 웹 프레즌스는 낡아 있었습니다. IP에 필요한 허브로 작동하지 않았고, AR 카드 머천다이즈를 효과적으로 보여 주지 못했고, 캐릭터 팬덤이 CABEON 유니버스 전체와 만나는 공간을 만들어 주지 못했습니다.

요청은 이러했습니다. IP의 홈베이스로 작동하는 멀티미디어 허브. 캐릭터 백과, 영상 콘텐츠 집계, 방송 편성표, 머천다이즈 쇼케이스, 팬 인게이지먼트.

만든 것

CABEON 애니메이션 IP를 위한 풀 멀티미디어 콘텐츠 허브.

캐릭터 백과. CABEON 유니버스의 모든 캐릭터를 다룬 상세 프로필. 성격 설명, 출연 에피소드, 팬용 트리비아
비디오 갤러리. 큐레이팅된 에피소드 플레이리스트가 들어간 YouTube 피드를 네이티브로 통합
방송 편성 애그리게이터. 여러 TV 파트너로부터 가져온 실시간 방송 편성표
AR 카드 제품 쇼케이스. AR 머천다이즈 라인 전용 제품 페이지. 제품 사진, 사용 시연, 커머스로의 주문 핸드오프
Instagram 통합. CABEON 계정의 라이브 Instagram 피드
감정적 톤. 한국 SME 사이트가 기본으로 선택하는 코퍼레이트 외관 대신, IP의 캐릭터 중심 보이스에 맞는 장난스럽고 따뜻한 사이트
다국어 기반. 한국어로 초기 런칭, 국제 확장에 대비한 구조

왜 의미가 있는가

CABEON은 우리 포트폴리오 가운데 가장 컨슈머 브랜드에 가까운 프로젝트입니다. 스튜디오의 작업이 산업·B2B의 디폴트를 넘어선 영역에서도 작동한다는 것을 보여 주기 때문에 의미가 있습니다. IP의 관객은 아이들, 가족, 캐릭터 머천다이즈 컬렉터입니다. 우리 웹 작업의 다수가 대응하는 엔지니어링·조달 청중과는 시각적 기대치가 한참 다릅니다.

톤을 맞추려면 우리의 기본 미감을 내려놓고, 더 따뜻하고 더 밝고 더 장난스러운 무언가를 짓는 작업이 필요했습니다. 동시에 백과와 방송 편성표가 요구하는 정보 설계의 엄격함은 그대로 지키면서.

스택

프레임워크: WordPress + Elementor(Dream Factory가 런칭 이후 비기술 콘텐츠 매니저가 사내에서 편집할 수 있어야 한다는 요건을 가졌기 때문에 선택)
피드 통합: YouTube Feed Pro, Instagram Feed Pro, 커스텀 방송 편성 애그리게이터
호스팅: 클라이언트 관리 한국 호스팅
성능: 4G에서 LCP 2.5초 이하, Imagify로 이미지 최적화, 전반에 lazy-load 적용

배운 것

컨슈머 브랜드 웹은 산업·B2B 웹과는 다른 분야입니다. 우리 웹 포트폴리오 대부분은 한국 산업입니다. 열교환기, 밸브, 단조. 카테고리의 관습, 컬러 팔레트, 타이포그래피 기본값, 정보 설계 기대치는 어느 정도 정착되어 있습니다. 컨슈머 IP 웹은 모든 축에서 다릅니다. 우리의 기본값을 내려놓고 IP의 보이스에 맞춰 짓는 법을 배웠습니다.

방송 편성 집계는 맞춤형 작업입니다. "세 파트너에 걸친 한국 TV 방송 편성" 같은 깔끔한 API는 없습니다. 결국 작은 스크래핑·캐싱 레이어를 만들어 각 파트너의 편성 페이지에서 데이터를 가져와 정규화하고 우리 사이트로 다시 노출했습니다. 작업 사흘. 런칭 시점에 가장 많이 본 기능이었습니다.

팬 인게이지먼트는 캐릭터 단위로 일어납니다, 브랜드 단위가 아니라. 사이트 방문자는 섹션이 아니라 캐릭터로 탐색했습니다. 초기 IA는 "어바웃 CABEON / 시청 / 쇼핑"을 최상위 내비에 두었습니다. 최종 IA는 캐릭터를 앞에 두었습니다. 인게이지먼트가 두 배가 됐습니다.