アニメサイト考察

アニメのサイトのデザインを自分なりに考察をしてアウトプットしていきます。

RS計画

今期のメカアニメの一つ。
ロゴの格好良さとトップのメインビジュアルの雰囲気から見たい気持ちがそそられる。
ストーリーページに大きく絵コンテが珍しく表示されているけれど、これは結構コアなアニメファンをターゲットにしているということなのかな。

メカニカルのページでもメカの線画などがページの上部に表示されており、そのメカの説明自体はなぜか一番下に配置されている。
ストーリーや設定を説明して・・ではなく、絵とか雰囲気に興味を持った人に見てもらいたいのかな。

トップページをワイヤーフレームにしてみると、メインビジュアル下のお知らせとその下にあるNEWSはラベルは違えど内容は同じことに気がついた。
そろえてあげたら良いのになー。

RS計画公式サイト

感想

レスポンシブになっていることも良かったけど、それ以上にタイトルまわりのテキストがほぼSVGで作られていることが嬉しい驚き。

http://rsproject.jp/resources/images/common/gnav_cast-staff.svg

description

「僕たちの見たいメカアニメをつくろう製作委員会」コンテスト企画グランプリ作品『RS計画 -Rebirth Storage-』公式サイト

コンテスト企画があってそのコンテストから生まれたアニメなのかーなるほど!

keywords

<meta name="keywords" content="メカつく,めかつく,僕たちの見たいメカアニメをつくろう製作委員会,アニメ化,コンテスト,自主制作,応募,企画,RS計画">

略してメカつくというそう。

ページ構成

  • ストーリー
  • キャラクター
  • メカニカル
  • 配信情報
  • キャスト/スタッフ

サイト横幅

100% レスポンシブ

フォント

'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif

OGPイメージ

http://rsproject.jp/resources/images/common/og_image.jpg f:id:chanohajp:20160707003403j:plain

プラグイン

jquery-1.9.1.min.js, jquery.cookies.js, jquery.fademover.js, jquery.magnific-popup.min.js, jquery.nivescroll.min.js, riot_compiler.min.js

サイトデザイン

f:id:chanohajp:20160702162518p:plain

f:id:chanohajp:20160702162539p:plain