せろりのセオリー | Webサイト100選

Webデザイン未経験の私が、魅力的で優れたWebサイトを見て考察力、表現力を学ぶ学習サイトです。

No.6 フェイクスピア

せろりのセオリー/ Webサイト100選 No. フェイクスピア

■概要

舞台フェイクスピアの公式ホームページ

 

 

■ターゲット

・20〜30代女性(主演が人気俳優)
・演出家のファン(有名な演出家)
・出演者のファン

 

 

■FV

主演俳優のアップ画像をセンターに配置、とてもインパクトがあり印象に残る。
タイトル、公演内容、出演者については、右下に放射線状に並べてありこちらも印象に残る。
トップ画面だけではどのような内容なのか分からないため、スクロールしたくなる。

 

 

■特徴

スクロールをするとメインビジュアルの俳優の口元からピンクの帯が現れ下に続いていく。帯が徐々に広がっていき、次のセクションの背景色になる。突然現れたピンクの帯がどうなるのか、次の展開が気になるのでスクロールに繋がる。

せろりのセオリー/ Webサイト100選 No. フェイクスピア

 

 

随所に配置されている出演者の写真は、言葉やフェイクを発する口元を隠すよう、タイトル「フェイクスピア」のフの字に型取られ、舞台のテーマに紐づけられる。写真に動きを入れることで、視線誘導やスクロールに繋がる。

せろりのセオリー/ Webサイト100選 No. フェイクスピア

 

 

トピックスの最後には、監督直筆のメッセージが掲載されている。
それまではWebフォントのテキストだったが、手書きの画像を配置することで注目度が上がる。

せろりのセオリー/ Webサイト100選 No. フェイクスピア

 

■フォント

欧文:Lora, serif
テキスト:游ゴシック体

 

■配色

ベースカラー:#000
テキスト:#fff
アクセントカラー:#e85298

せろりのセオリー/ Webサイト100選 No. フェイクスピア

 

 

Webサイト:フェイクスピア

せろりのセオリー/ Webサイト100選 No. フェイクスピア

せろりのセオリー/ Webサイト100選 No6 フェイクスピア

次へ 投稿

前へ 投稿

返信する

© 2025 せろりのセオリー | Webサイト100選

テーマの著者 Anders Norén