見出し画像

【Webレビュー】No.18 モブサイコ100

URL

TVアニメ『モブサイコ100』公式サイト

第一印象

モブサイコの世界観をそのまま拡張したようなWebですごい。色と字体がそう感じさせているのかな。アニメ・漫画の要素を入れるとごちゃついて情報の整理がしにくいイメージがあったが、整理されていて情報も受け取りやすい。

ターゲット

モブサイコを見ているファン
モブサイコが気になっている見込みファン

使用フォント

メイン…Stick No Bills

Stick No Bills

サブ…Noto Sans JP

配色

黒…#0A0D24
アクセント…パープル #D250FF
アクセント2…サイコ波っぽい色 #2DFFD2

トップページ構成

トップビュー
News・Twitter
←公式Twitterでグッズやイベントなどタイムリーな情報を発信しており、そっちへの流入も狙っているのでは。
あらすじ
キャンペーン・スペシャル
ムービー←アニメに興味を持ってもらうためのお試し的な。
関連リンク

デザインポイント

  • ハンバーガーメニューがめっちゃかっこいい。

横から出るのに加えてアクセントカラーの線が上から伸びてくる。ど真ん中にでっかくアニメロゴがあるのも印象的。

ハンバーガーメニュー
  • 左右でずれてスクロールされるトップビュー

美しくて目を惹くキービジュアルを見せるとともに、サイコキネシスで動かしているように見せているのは。公開日が残ることで、そっちも印象に残る。

  • フォントの頭をネオンカラーにすることで世界観を表現

見出し


  • 背景にうっすらどデカいセクションタイトル

背景にもでっかい見出し

この記事が気に入ったらサポートをしてみませんか?