ファーストビューには、舞台の写真と作品情報・上演スケジュールが見られるページへのリンクボタンが組み合わせられた見やすい表示が展開されていて、ユーザが知りたい情報への導線が一目でわかる内容になっています。また、写真にはカーソルを合わせると少しづつズームインする効果が加えられていて、ちょっとした動きが関心を抱く効果的な演出となっています。スクロールした先にある「ご観劇の際に」のコンテンツ表示にはオリジナルデザインのアイコンが設置されていて、わかりやすい表示となっています。下層ページではイラストやマンガを用いて観劇時の流れを説明したコンテンツなども用意されていて、充実の内容になっています。しっかりと作り込まれた完成度の高いサイトに仕上がっています。
執筆者
カテゴリ
基本情報
テーマパーク・遊園地に関連するデザイン
-
「tohotheater.jp」のホームページデザイン解説ファーストビューで表示されるスライドショーは前後のスライドを両脇に見切れさせ、その部分をグレーアウトすることで中央のスライドを目立たさえるとともに前後にもスライドがあることが一目でわかる構成です。画面左側にダークグレーのナビゲーションバーを...
-
「アメニティーズ」のホームページデザイン解説ファーストビューでは画面幅いっぱいに配置されたスライドショーの、アミューズメント施設と料理のアップ写真が興味と食欲を誘い、スライドショー中央に重ねられたイラスト入りのロゴが楽し気な雰囲気の演出に一役買っています。コンテンツごとに明るいグリー...
-
「富士急ハイランド」のホームページデザイン解説全体の画面構成は画面上部に固定された営業時間の案内バーと、画面左に固定されたナビゲーションバーはわずかにシャドウが施され、メインエリアからわずかに浮かび上がって見える奥行きのある構成となっています。わずかにくすんだブルーをメインに、ロゴのレ...
サービスサイトに関連するデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「TWKS」のホームページデザイン解説素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
ホワイトを使ったデザイン
- 「buddies」のホームページデザイン解説
ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
シンプルなホームページのデザイン
-
「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...
-
「北海道大学 人間知×脳×AI研究教育センター」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、北海道大学 人間知×脳×AI研究教育センターのロゴマークが表示されています。トップページの左サイドに、ニュースやイベントなどのメニューが出ています。トップページの中...
- 「Tokyo Ueno Wonderer」のホームページデザイン解説
ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...