고객과 함께한 시간
스토리진컴퍼니
디자인아트플러스가 제작한 스토리진컴퍼니 홈페이지 포트폴리오.
영상화·게임화를 내다보는 트랜스미디어 전략으로 완성형 웹툰을 기획·제작하고, 보유 IP를 웹툰·시리즈·드라마·영화로 넓혀 가는 창작 스튜디오의 반응형 홈페이지입니다.
- CLIENT.
- 스토리진컴퍼니
- Year.
- 2023
- 프로젝트 설명
- 디자인아트플러스는 SLL(구 JTBC스튜디오)로부터 전략적 투자를 유치한 창작 스튜디오 스토리진컴퍼니(STORIGIN)의 홈페이지를 기획·디자인·개발했습니다. 영상화와 게임화를 내다보는 트랜스미디어 전략으로 완성형 웹툰을 만든다는 스튜디오의 정체성을, 「스토리진, 이야기로 잇다」라는 메시지와 작품 일러스트가 먼저 말하도록 설계했습니다. 반응형으로 구축하고 디자인아트플러스 호스팅으로 운영을 시작했습니다.
[주요 구축 내용]
작품이 말하는 첫 화면: 검정 배경 위에 여러 작품의 캐릭터 일러스트를 크기가 다른 카드로 모자이크처럼 배치해, 스튜디오가 가진 이야기의 다양함을 첫인상으로 전달
브랜드 메시지 타이포: 주황색으로 크게 쓴 「스토리진」 아래 「이야기로 잇다」를 넓은 자간으로 놓아, 이야기를 여러 매체로 잇는 스튜디오의 방향을 한 문장으로 전달
작품 중심 WORKS: 작품마다 대표 이미지와 줄거리를 볼 수 있는 WORKS를 사이트의 중심에 두고 작품 더보기로 이어, 보유 IP를 한눈에 둘러보도록 설계
IP 협업 안내: 웹툰에서 시리즈와 드라마, 영화로 넓혀 가는 협업 방향을 소개해, 제작사와 파트너가 함께할 수 있는 방식을 분명히 알 수 있게 구성
몰입형 다크 톤: 검정 배경과 주황 포인트 색으로 화면 전체를 통일해, 작품 일러스트의 색감이 돋보이는 웹툰 스튜디오다운 분위기를 연출
FAQ
스튜디오가 만든 작품을 첫 화면에서 바로 보여 주고, 어떤 방향으로 작품을 만드는지를 짧게 밝히는 것이 중요합니다. 플랫폼과 제작사, 투자사는 작품의 완성도와 함께 스튜디오의 기획 방향을 보고 협업을 결정합니다. 스토리진컴퍼니 홈페이지는 대표 작품 일러스트와 트랜스미디어 전략을 첫 화면과 소개에 함께 담았습니다.
보유한 원작 목록과 함께 그 원작이 웹툰, 시리즈, 드라마, 영화처럼 어떤 매체로 이어질 수 있는지를 보여 줘야 합니다. 영상 제작사나 게임사는 원작의 확장 가능성을 보고 협업을 제안하기 때문입니다. 스토리진컴퍼니 홈페이지는 보유 IP를 바탕으로 한 웹툰·시리즈·드라마·영화 협업 방향과 WORKS 메뉴 중심으로 구축했습니다.
대표 이미지와 함께 줄거리의 첫 장면이나 핵심 대사를 짧게 넣으면 읽는 사람이 작품에 바로 빠져듭니다. 장르와 연재 정보까지 함께 정리해 두면 제휴를 검토하는 쪽에서도 필요한 정보를 한 번에 얻을 수 있습니다. 스토리진컴퍼니 홈페이지는 메인 화면 슬라이드에서 작품별 줄거리와 이미지를 넘겨 보게 했습니다.
투자사와의 관계를 짧게 밝히고, 그 힘을 바탕으로 다음 단계에서 무엇을 하려는지를 함께 보여 주는 것이 좋습니다. 협업 상대는 지금의 작품뿐 아니라 앞으로의 성장 방향을 보고 함께할지를 정합니다. 스토리진컴퍼니 홈페이지는 SLL 관계사라는 소개와 보유 원작을 자체 영상화하려는 다음 단계의 목표를 함께 전했습니다.
