2010년, 웹사이트는 아직 온라인 브로셔에 가까웠다

2010년, 웹사이트가 아직 단순한 브로셔 역할에 머물러 있던 시절이었습니다. 스마트폰이 막 보급되기 시작했고, 소셜미디어도 지금만큼 일상적이지 않았습니다.

그때 우리는 엔터테인먼트 웹사이트가 단순히 정보를 전달하는 것 이상의 역할을 할 수 있다고 생각했습니다. 브랜드와 팬이 만나 새로운 경험을 나누는 공간, 그런 무대를 만들어보고 싶었습니다.

이 생각은 이후 비쥬얼스토리가 엔터테인먼트 웹사이트를 바라보는 중요한 기준이 되었습니다.

JYP가 열어준 첫 글로벌 경험

K-POP이 본격적으로 해외로 진출하던 2010년. 유튜브는 있었지만 지금처럼 거대한 글로벌 플랫폼은 아니었고, 아티스트들이 해외 팬들과 소통할 공식 창구는 웹사이트가 거의 유일했습니다.

우리는 2PM, 원더걸스, JOO 등 JYP 소속 아티스트의 공식 사이트를 구축하며 각 그룹이 가진 음악적 색과 세계관을 웹 안에서 어떻게 구현할지 고민했습니다.

당시 국내 아이돌 사이트는 팬카페나 간단한 이미지 업로드 중심이었기에, 앨범 아트워크와 멤버별 개성을 인터랙션과 모션으로 풀어내는 작업 자체가 새로운 시도였습니다.

가장 큰 과제는 글로벌 오디션 플랫폼이었습니다. 전 세계에서 수만 명이 동시에 접속해 지원할 시스템을 만들어야 했고, 다국어 지원부터 서버 안정성까지 모두 처음 맞닥뜨린 난제였습니다.

지원자가 지루하지 않게 정보를 입력하고 제출할 수 있도록 페이지 이동과 입력 과정을 직관적이고 간결하게 설계했고, 접속이 몰리는 순간에도 끊김 없이 동작하도록 트래픽 분산과 DB 최적화를 수십 차례 점검했습니다.

플랫폼보다 아티스트를 앞세운 실험

2012년, 네오위즈 벅스캐스트 프로젝트는 지금의 크리에이터 이코노미와 닮아 있었습니다. 아티스트가 직접 음원을 올리고 판매할 수 있는 시스템이었기 때문입니다.

“재생에 중점을 둘 것인가, 판매에 중점을 둘 것인가?” 이 질문을 두고 수십 번의 회의를 거듭했습니다. 결국 음악 감상과 구매, 팬 참여가 자연스럽게 연결되는 구조를 만들었지만 당시 시장 환경이 충분히 받쳐주지 못한 점은 아쉬움으로 남았습니다.

그럼에도 이 경험은 이후 팬 참여형 콘텐츠를 설계할 때 큰 자산이 되었습니다. 플랫폼 중심이 아닌 아티스트 중심의 음악 생태계가 가능하다는 사실을 확인한 시간이었습니다.

브랜드는 색 하나에서 시작된다

A9미디어 프로젝트는 또 다른 배움이었습니다. 남희석, 양세찬, 김신영, 조세호 같은 개성 강한 아티스트들이 한 회사에 모여 있었고, 각자의 색깔을 살리면서도 회사 브랜드를 함께 세워야 했습니다.

실제로 색상 하나, 폰트 하나를 두고 긴 대화를 나눴습니다. 각 아티스트의 개성을 유지하면서도 전체적인 통일감을 만들려면 어떻게 해야 할까. 수차례 디자인을 수정하고 토론하는 과정에서 브랜드는 단순히 로고나 색깔의 문제가 아니라는 사실을 다시 깨달았습니다.

함께 서는 무대를 만들기 위해서는 서로를 이해하고 타협하는 과정이 필요했습니다.

참여와 놀이로 진화한 팬 경험

2019년 무렵, 팬들의 행동 패턴이 달라지기 시작했습니다. 웹사이트를 단순히 보는 사람에서 직접 증명하고 놀고 싶은 참여자로 변하고 있었습니다.

특히 젊은 팬들은 자신이 얼마나 그 아티스트를 사랑하는지를 데이터와 행동으로 보여주고 싶어 했습니다. 우리는 이 변화를 웹에서 포착했고, 사이트를 하나의 놀이 무대로 바꾸는 실험을 시작했습니다.

체리블렛 — 레트로 게임 속으로

첫 무대는 체리블렛이었습니다. 그룹의 ‘여전사’ 콘셉트에 맞춰 총알과 체리 아이콘을 픽셀 아트로 구현하고, 80년대 오락실을 연상시키는 레트로 게임 UI를 설계했습니다.

팬은 스크롤을 내리는 순간부터 자연스럽게 게임을 플레이하는 듯한 몰입을 경험했고, 버튼을 누를 때마다 반응하는 사운드와 모션을 통해 웹 브라우저가 하나의 게임기처럼 느껴지도록 연출했습니다.

베리베리 — 멤버별 세계관과 퍼즐 탐험

베리베리 프로젝트는 더 정교했습니다. 각 멤버에게 빵집, 농구장, 세탁소 등 개별 공간을 부여하고, 팬이 각 방을 탐험하며 힌트를 찾아 낱말을 맞추는 퍼즐 게임을 설계했습니다.

아트워크와 힌트까지 전 과정을 직접 설계해 멤버별 개성이 스토리와 퍼즐의 난이도에 자연스럽게 녹아들도록 했습니다. 방마다 숨겨진 키워드를 찾을 때마다 팬이 멤버와 비밀을 공유하는 듯한 감각을 느끼게 하는 것이 목표였습니다.

2020년대, 브랜드를 하나의 세계관으로 만들다

팬 경험이 복잡해질수록, 기업 브랜드를 어떻게 공간화할 것인가가 더 중요해졌습니다. 단순히 정보를 나열하는 웹사이트가 아니라 팬이 브랜드 세계관 속을 직접 여행하듯 경험하도록 만드는 것이 필요했습니다.

Big Planet Made — 아티스트를 행성으로, 회사를 우주로

Big Planet Made 프로젝트에서는 과감한 설정을 택했습니다. 각 아티스트를 하나의 행성, 회사를 우주 전체로 상징화해 팬이 우주비행사가 되어 각 행성을 탐험하는 여정을 만들었습니다.

추상적이었던 ‘회사’라는 개념을 누구나 직관적으로 이해할 수 있게 만든, 그리고 팬이 직접 탐험하며 브랜드를 체험하도록 이끄는 실험이었습니다.

팬엔터테인먼트 — 글로벌 제작사의 복합 허브

팬엔터테인먼트는 성격이 전혀 달랐습니다. 글로벌 드라마 제작사라는 특성상 팬뿐 아니라 투자자, 플랫폼 관계자, 해외 파트너까지 다양한 이해관계자가 한곳을 찾습니다.

우리는 드라마 IP와 제작·투자 정보를 한 페이지 안에서 자연스럽게 탐색할 수 있도록 정보 구조를 여러 층으로 나누고, 사용자의 목적에 따라 짧게 혹은 깊게 접근할 수 있는 다중 동선 시스템을 설계했습니다.

제로베이스원 — 음악을 눈으로 듣는 경험

CJ ENM 웨이크원 제로베이스원 프로젝트에서는 음악이 발매되기 전부터 팬들이 곡의 느낌을 미리 경험할 수 있도록 프리세이브 페이지에 실시간으로 반응하는 그래픽을 구현했습니다.

클릭할 때마다 음악의 비트에 맞춰 그래픽이 움직이도록 설계해 음악을 듣는 것이 아니라 보고 만지는 경험에 가깝게 만들었습니다.

2025년, 팬 경험을 게임으로 확장하다

체리블렛과 베리베리에서 시작된 게임화 UX는 2025년에 이르러 한층 더 정교해졌습니다. 스타쉽엔터테인먼트와 진행한 아이브와 몬스타엑스 프로젝트는 팬 참여형 웹의 진화를 선명하게 보여주는 무대였습니다.

아이브 — 퍼즐로 완성되는 팬의 무대

아이브 프로젝트는 이전 실험을 최신 기술로 확장한 작업이었습니다. 팬은 페이지 곳곳에 숨겨진 오브젝트를 찾아내며 멤버와 비밀을 공유하는 듯한 몰입을 경험했고, 모든 단서를 모으면 새로운 힌트와 콘텐츠가 열리도록 설계했습니다.

몬스타엑스 — 다중 미션이 이어지는 시크릿 요원 체험

몬스타엑스 페이지는 모스부호, 숫자 퀴즈, 같은 그림 찾기 등 여러 게임 미션을 순차적으로 클리어해야 다음 단계로 이동할 수 있는 구조였습니다.

앨범 콘셉트와 연계된 아이콘과 사운드를 곳곳에 배치해 마치 시크릿 요원이 미션을 수행하듯 사이트 전체를 탐험하도록 유도했습니다.

우리가 남긴 것들

2010년 JYP와의 프로젝트를 시작으로 엔터테인먼트 업계와의 인연은 지금까지 이어지고 있습니다. 그동안 우리가 만든 웹사이트들은 그저 예쁘거나 기능적이기만 한 페이지가 아니었습니다.

새벽에 서버 오픈을 앞두고 떨었던 순간, 기획서를 수십 번 다시 쓰던 집요함, 색 하나를 정하기 위해 이어가던 끝없는 토론, 처음 게임 요소를 적용했을 때의 짜릿한 반응.

이 모든 경험이 쌓여 지금의 비쥬얼스토리를 만들었습니다.

웹 기술은 계속 발전하고 팬들의 행동도 변할 것입니다. 하지만 사람과 사람을 연결하고 좋은 경험을 만들어주고 싶다는 마음만큼은 변하지 않을 것입니다.

그것이 우리가 오랫동안 지켜온 일이며, 앞으로도 이어갈 우리의 길입니다.