WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

ジャンプ率の差を大きくしてタイトルを目立たせたツアーサイト

   

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

「UNISON SQUARE GARDEN」の6thアルバムツアー「Dr.Izzy」の特設サイトです。

ファーストビューに大きくアルバムタイトルが配置されたインパクトのあるサイトです。背景にはライブ写真を使い、会場の臨場感が伝わってきます。
全体の文字をゴシック体で揃えトップのアルバムタイトルのみ明朝体を使い、更に本文とのジャンプ率の差を大きくすることで、躍動感が出てタイトルが際立っています。

全体的に白と黒を基調にしたシングルページで構成されています。装飾をシンプルにすることで、写真を際立たせています。
「RELEASE INFO」の部分のみ背景に幾何学模様をつけて、他のコンテンツより目立たせています。文章や左右の余白を大きくすることで、トップのファーストビュー部分同様タイトルが際立っています。

 - イベント系サイト, 写真で表現, 動きで表現

  関連記事

サイト全体の色味を抑えることで、まとまった印象を受けるイベントサイト

2016年10月22日から2017年4月9日まで神奈川県の相模原市にある「さがみ …

写真を使って島の魅力を伝える

2016年4月に「星野リゾート リゾナーレ西表島」からリオープンする「ホテル ニ …

フラットデザインで見やすい

  大阪経済法科大学のサイト。フラットデザインのイラストがとてもおしゃ …

水色と黒を使用し、近未来感を演出したデザイン

メルセデス・ベンツとPerfumeがコラボレーションしたメルセデス・ベンツのiP …

いちはらで開催しているアートイベントのサイトがシンプルでおしゃれ!

2017年4月8日の土曜日から5月14日の日曜日まで千葉県市原市で開催されている …

30代・40代の女性に受け入れやすいよう、可愛くなりすぎずシンプルなデザインになっているヨガスクール

大分県大分市にあるヨガスクール「Mysore Oita(マイソール大分)」のホー …

カーソルを乗せると動くボタン

愛知県碧南市松江町にある歯医者「あだち歯科クリニック」のホームページです。 歯を …

松本薫さんが開店したアイスクリーム屋さん「Darcy’s」のサイトが可愛い!

松本薫さんの引退会見、衝撃的でしたね! テレビではいつも柔道でかっこいい姿を見て …

動画・写真を活用した重厚感のあるデザインの酒造会社のサイト4選!

先週から暑い日が続いていますね…最近は「暑い」しか言っていない気がします。 夏の …

写真を使って奥行き感のあるデザインにした料理店のサイトがおしゃれ!

長野県上田市にあるビストロ料理店「Fika」のホームページです。 ファーストビュ …