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」の部分のみ背景に幾何学模様をつけて、他のコンテンツより目立たせています。文章や左右の余白を大きくすることで、トップのファーストビュー部分同様タイトルが際立っています。

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

  関連記事

雑誌のようなレイアウトのデザインが可愛い!

大阪・兵庫・奈良・京都・和歌山を中心に、建て替えや土地探し・新築一戸建て・注文住 …

浜松市にある工務店のサイトが、シンプルなデザインだけど可愛い!

静岡県浜松市にある工務店「株式会社 澄美家(すみか)」のホームページです。 ロゴ …

豆苗についてもっと知りたくなる!「豆苗研究会」

広島県広島市にある豆苗やブロッコリースプラウトなど、スプラウト野菜を生産・販売し …

森の中をイメージさせるサイトのデザインが可愛い!茨城県つくば市にある結婚式場「バウム」

茨城県つくば市二ノ宮の少人数結婚式の結婚式場「レストランウエディング バウム」の …

スマートフォンで見るユーザーを重視したデザイン

東京都を中心とした銭湯情報を掲載している「東京銭湯 -TOKYO SENTO-」 …

ページの所々にアニメーションを使った「一時お預かり専用託児所 はないと」

愛知県名古屋市にある「一時お預かり専用託児所 はないと」のホームページです。 メ …

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

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

北海道にある「朱鞠内湖」のサイトがシンプルだけど写真を大胆に使ったレイアウトでカッコいい!

北海道雨竜郡幌加内町にある「Kake Shumarinai(朱鞠内湖)」のホーム …

背景にまぎれないように、文字に少しだけ影をつけて強調させる

11月7日から八景島シーパラダイスで行われているイルミネーションイベント「楽園の …

5時間以上かけて炉窯で焼きあげる

東京都渋谷区にある薪焼きレストラン「炉窯ステーキ 煉瓦」のホームページです。 ト …