概要

本デモサイトは、
音楽・ライブ・アーティストプロモーションなどのエンタメ事業を想定して構築したWebサイトです。

ライブ映像やビジュアルを見せるだけではなく、
弾幕コメント・LIVE PANEL・写真投稿・Webサイト専用AIなどを組み合わせ、訪れたユーザーがその場に参加できる構成としています。

「情報を見るためのWebサイト」から、
ファンが集まり、応援し、参加できるWebサイトへの発展を意識して制作しています。

ご依頼の背景

エンタメ分野では、SNSや動画配信サービスを通じて、ファンとのコミュニケーションが日常的に行われています。

一方、公式Webサイトは、

・プロフィールを見る
・イベント情報を確認する
・チケット情報を見る
・SNSや配信サービスへ移動する

といった、情報提供を中心とした使われ方が多くなっています。

そこで本サイトでは、公式Webサイトそのものにも「人が集まっている感覚」を持たせることを意識しました。

ライブ映像を見ながらコメントしたり、弾幕で応援したり、写真を投稿したり、そのサイトについてAIに聞いたり。

SNSや配信サービスとは少し違う、公式Webサイトならではの参加体験を目指しています。

制作内容

・動画背景を使用したVideo Hero
・弾幕コメント機能
・コメント投稿機能
・LIVE PANEL
・リアルタイム閲覧人数表示
・写真投稿・共有機能
・Webサイト専用AI案内機能
・アーティスト／サービス紹介
・イベント・ライブを意識した情報設計
・お問い合わせ導線設計
・スマートフォン表示最適化

エンタメサイトとしての情報発信だけでなく、ユーザーが参加できる仕組みまで含めて構築しています。

制作時に意識したポイント

① 「見る」から「参加する」Webサイトへ

本サイトで最も重視したのは、Webサイトを一方向の情報発信だけで終わらせないことです。

ライブ映像やビジュアルを見るだけではなく、ユーザー自身がコメントを投稿し、そのコメントが画面上を弾幕として流れる仕組みを実装しています。

同じページを見ている人たちの反応が見えることで、Webサイト上にも会場のような熱量を生み出すことを意識しています。

② 弾幕UIによるリアルタイム感の演出

Video Hero上には弾幕UIを搭載しています。

投稿されたコメントが映像上を流れることで、通常の動画背景とは異なる「今、人が参加している」という感覚を演出します。

ライブ、音楽イベント、スポーツ応援、文化祭、配信イベントなど、ユーザー参加型コンテンツへの展開も想定したUIです。

③ LIVE PANELによる参加機能の集約

画面上にはLIVE PANELを設置し、

・コメント
・写真
・閲覧状況
・AI

などの参加機能へアクセスできる構成としています。

PCでは映像を見ながら操作しやすいサイドパネル、スマートフォンでは画面下から表示されるパネルとすることで、デバイスごとの閲覧性にも配慮しています。

④ Webサイト専用AIを「案内係」として設置

本サイトでは、一般的な問い合わせ対応だけを目的としたチャットボットではなく、そのWebサイト専用のAI案内係という考え方を採用しています。

サイト内の情報について質問したり、イベントやコンテンツを案内したりすることで、ユーザーが情報を探し回らなくても目的の情報へたどり着ける体験を目指しています。

将来的には、Webサイトごとにキャラクターや話し方を変更することも想定しています。

⑤ ファンとの接点をWebサイトにもつくる

SNSでは、投稿・コメント・シェアなどを通じて、ファンと発信者のコミュニケーションが生まれています。

本サイトでは、そのような参加体験の一部を公式Webサイトにも取り入れています。

SNSを置き換えるのではなく、SNS・ライブ配信・公式Webサイトそれぞれの役割を活かしながら、公式Webサイトにもファンが訪れる理由をつくることを意識しています。

本サイトの特徴

本サイトは、エンタメ分野における

「発信」
「参加」
「応援」
「コミュニケーション」

を一つのWebサイト上でつなぐことを意識した構成です。

・Video Heroによる世界観の訴求
・弾幕によるユーザー参加
・LIVE PANELによるコミュニケーション
・写真投稿による共有
・Webサイト専用AIによる案内
・スマートフォン対応

など、従来の情報掲載型Webサイトとは少し異なる、参加型のWeb体験を取り入れています。

まとめ

エンタメ分野では、情報そのものだけでなく、ファンがどう参加し、どう応援できるかも重要になっています。

SNSや動画配信サービスがファンとの接点を広げてきた一方で、公式Webサイトにもまだ新しい役割を持たせられると考えています。

本デモサイトでは、

「情報を見に行くWebサイト」から
「人が集まり、参加したくなるWebサイト」へ。

そんなWebサイトの形をイメージして制作しています。

Showcaseタグ

エンタメ
音楽
ライブ
アーティスト
アーティストプロモーション
ファンサイト
イベントサイト
参加型Webサイト
ライブ配信
コミュニティ
WebサイトAI
弾幕
公式サイト

UIタグ

Video Hero
弾幕UI
LIVE PANEL
AI UI
写真投稿UI
参加型UI
動画UI
モバイル対応

デモを見る

CONTACT

Webサイト制作のご相談はこちら

業種に合わせたWebサイト制作のご相談を承っています。まずはお気軽にご相談ください。

お問い合わせはこちら

エンタメ業 live-001

概要