■ 概要 Overview
映画『Dear Evan Hansen』の公式Webサイト
■ ファーストビュー Above the fold
キービジュアル
グローバルナビ
タイトル
映画情報
SNSリンクボタン
■ ターゲット Target
映画・ミュージカルが好き、興味があるユーザー全般
■ フォント Font
Noto Sans JP 10px,13p,18px,24px,27px
Title : Impact serif sans-serif 手書き風筆記体
■ カラー Color
<B>#003457
<M>#01A9DA
<A>#0080CC
■ デザインの特徴 Design features
キービジュアルはローディングで映画のキーワードが順番に流れるアニメーションが終わった後にでてくる
キービジュアルのも登場人物やタイトルなどがフェードインし、下へスクロールすると説明文や図版全てがゆっくりフェードアップする
一つ一つ読み進めるようナビゲートしているがふんわりしたフェードによってにぎやかではなく、ゆっくり語り掛けるようになっている
Webサイト中間あたりに宣伝映像を背景に埋め込み、YouTubeによる動画のサムネイルや劇中のワンシーンの図版の選定、ブルー系の配色と写真のシャドウやレイヤーマスクのグラデーションも、叙情的に表現されるデザインになっている
よく企業系の配色にブルー系でまとめるパターンをよく目にするが、それら特有の堅さがなく、ブルー系のみで空・涙・光を連想させるのは写真加工、写真選定、フォント、フェードなどの構成によって印象付けられている
また、ストーリー性がはっきりしている映画のオフィシャルサイトという性質上、わかりやすくデザインされることから非常に参考になる
https://deh-movie.jp/