ラフなタッチで描かれたイラストが画面左と上下から現れて、常時様々な箇所が動いています。コンサートの賑わっている様子が表現されていて、動きをじっと見ているだけでも面白く、見入ってしまう作りになっています。イラストには直近のイベント情報の掲示も組み込まれていて、利便性も兼ねた表示になっています。サイトメニューには座席表・フロアガイド・アクセスという3つのページに分かれたホールの案内を設置していて、下層ページではわかりやすい図や写真を使って説明されています。サイト構成はシンプルで必要最低限に留めながら、イラストや表示の仕方に遊び心が感じられて個性的なサイトが完成されています。
執筆者
カテゴリ
基本情報
ライブハウスに関連するデザイン
-
「ageha」のホームページデザイン解説ダークグレーの背景にホワイトのフォント、レッドのアクセントカラーで構成されたクールな印象のデザインです。ナビゲーションバーの下にはTwitterのテキストが右から左へとスクロールし、その下にメインビジュアルのスライドショーが配置されています...
-
「ZEPP INFORMATION SITE」のホームページデザイン解説ブラック1色の背景にレッドのアクセントカラーが映える色使いと、奥から手前にせり出すようなモーションをつけたスライドショーがクールなイメージを感じさせます。右から左へと流れるイベント告知には、右上に半透明のレッドの円を重ね、そこに日付を記載す...
-
「Billboard-Live」のホームページデザイン解説ファーストビューでは全国3か所のライブハウス内の様子が鮮やかな写真で並び、ホワイトの英文フォントを重ねてクールな印象を与えています。各会場のページでは写真の右側にベタを引いてテキスト情報を重ねたスライドショーで直近のイベント情報を告知し、会...
サービスサイトに関連するデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「TWKS」のホームページデザイン解説素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
イエローを使ったデザイン
-
「Wemakefab」のホームページデザイン解説サイトを開いてまず現れるビビッドなイエローの背景がインパクトのある演出になっています。ファーストビューでは文字が右から左に流れるモーションが見られて、目を引く構成が考えられています。上部にはナビゲーションメニューが固定表示されていて、サイト...
-
「ipsa provisions」のホームページデザイン解説食品を扱ったECサイトになっていて、全体を通してクラフト感を感じる可愛らしいデザインが表現されています。サイトを開くと画面左側に大きく表示された文字を構成する線がカーソルの動きと連動していて、細かな箇所にもこだわりを感じます。ファーストビュ...
-
「会話とオーダーメイド」のホームページデザイン解説全体のカラーがイエロー系で統一されていて、暖かみのあるデザインにまとめられています。ファーストビューにはナチュラルなテイストのイラストが使われていて、サイトの雰囲気を演出する要素になっています。スクロールした先では「Exhibitors」の...
シンプルなホームページのデザイン
-
「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...
-
「北海道大学 人間知×脳×AI研究教育センター」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、北海道大学 人間知×脳×AI研究教育センターのロゴマークが表示されています。トップページの左サイドに、ニュースやイベントなどのメニューが出ています。トップページの中...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...