
株式会社78nine 様 『俺クロ』 公式Webサイト
「『俺クロ』憑かれた俺と黒神心霊相談所」とは異能力バトル、ラブコメ、心霊ジャンルのYouTubeアニメです。今作品の世界観の表現、3周年記念イベントの認知を目的にWeb企画・コンテンツ提案・デザインを担当いたしました。
Webデザイン


今作品は「YouTubeアニメ」という形式で、キャラクターイラストに動きと音声を加えて作品を制作されています。紙芝居のようなアナログさもある独特な作風を、切り絵のように構成しデザインとして表現しています。火の玉や幽霊などのモチーフを使い、色はポップにまとめる、またメインキャラクターをページ内に散りばめるなどの方法で作品の世界観をわかりやすく伝えています。
ターゲットは若者を中心としており、作品の魅力が伝わりやすい形状や配色、ページを最後まで見たくなる様なギミックも考えデザインしました。
コンテンツ提案


ターゲットの若者に対してテキストの量が多すぎないか、難しい表現になっていないか、シンプルな図やイラストに変換できないかを細かく検証しました。
外部サイトや複数のSNSへの動線がある中で、バナーやボタンのデザインが遷移前後で誤解を招かないか注意して制作しました。
作品そのものに興味を持っていただくため、キャラクター達の個性が魅力的に映るアニメーション表現にこだわりました。
「俺クロ夏祭り」特設ページ



色のトーンをTOPページに合わせ、作品の世界観を壊さないように、柄やイラストで日本の夏祭りを表現しました。
7つのイベントを色分けし、同じレイアウトのコンテンツが連続してもユーザーが迷わないようにしました。イベントによって公開日が異なるため、それぞれの公開前後ステータスが正しく伝わるようにデザインしました。
プロジェクト情報
- Client
- 株式会社78nine様
- Place
- 東京都
- Period
- 1.5ヶ月
- Director
- Fukatsu
- Designer
- Hirasawa
- HTML Corder
- Hirasawa, Horizumi, Suzuki
- Tester
- Yamazoe
その他の制作実績
-
アグリ株式会社 様
サンクリスピーノ・オーガニック LP
-
UUUM株式会社 様
イリクス学園 VTuberオーディション LP
-
学校法人静岡理工科大学 浜松未来総合専門学校 様
浜松未来総合専門学校 公式Webサイト