![見出し画像](https://assets.st-note.com/production/uploads/images/113970480/rectangle_large_type_2_f48e42bb9f0001c92537d6bd1f1b9cf5.png?width=1200)
【Webレビュー】No.18 モブサイコ100
URL
第一印象
モブサイコの世界観をそのまま拡張したようなWebですごい。色と字体がそう感じさせているのかな。アニメ・漫画の要素を入れるとごちゃついて情報の整理がしにくいイメージがあったが、整理されていて情報も受け取りやすい。
ターゲット
モブサイコを見ているファン
モブサイコが気になっている見込みファン
使用フォント
メイン…Stick No Bills
![](https://assets.st-note.com/img/1692631061493-Uv40VWuUNI.png)
サブ…Noto Sans JP
配色
黒…#0A0D24
アクセント…パープル #D250FF
アクセント2…サイコ波っぽい色 #2DFFD2
トップページ構成
トップビュー
News・Twitter
←公式Twitterでグッズやイベントなどタイムリーな情報を発信しており、そっちへの流入も狙っているのでは。
あらすじ
キャンペーン・スペシャル
ムービー←アニメに興味を持ってもらうためのお試し的な。
関連リンク
デザインポイント
ハンバーガーメニューがめっちゃかっこいい。
横から出るのに加えてアクセントカラーの線が上から伸びてくる。ど真ん中にでっかくアニメロゴがあるのも印象的。
![](https://assets.st-note.com/img/1692631102588-OYoLUosiwB.png?width=1200)
左右でずれてスクロールされるトップビュー
美しくて目を惹くキービジュアルを見せるとともに、サイコキネシスで動かしているように見せているのは。公開日が残ることで、そっちも印象に残る。
フォントの頭をネオンカラーにすることで世界観を表現
![](https://assets.st-note.com/img/1692630974906-y9OJzyqwnA.png?width=1200)
背景にうっすらどデカいセクションタイトル
![](https://assets.st-note.com/img/1692630948501-DbkGOJqk77.png?width=1200)
この記事が気に入ったらサポートをしてみませんか?