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

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

  関連記事

注目させたい所には写真を枠からはみ出させて使用する

大分県由布市にあるリゾートホテル「湯布院ガーデンホテル」のホームページです。 こ …

モデルハウスのパンフレットを見ているような気持ちになる箱根のリゾートホテルのサイトがオシャレでカッコいい!

神奈川県足柄下郡箱根町にあるリゾートホテル「NEST INN HAKONE(ネス …

ロゴを使ったファーストビューがインパクト大!東京都の「みるみるクリニック」

東京都江東区にある、小児科・内科・アレルギー科「みるみるクリニック」のホームペー …

愛媛ならではのサイクリングコースを紹介した「ゆっクル」

愛媛ならではの温泉めぐりのサイクリングコースを紹介している「湯めぐりサイクル」の …

情報を中央に寄せることで、まとまりを

大阪にある専門学校のホームページです。全体的にフラットデザインでまとめてあり、ア …

東京にある建設会社のサイトが、和風なデザインでカッコいい!

東京都港区にある建設会社「株式会社タカノハ住建」のホームページです。 ファースト …

アイコンや背景を動かして一工夫加えたサイトが可愛い!「札友電材株式会社」

北海道札幌市にある、電材設備の販売を行っている「札友電材株式会社」のホームページ …

車の世界観に合わせたデザインがグッとくる!「Make Your own RENOCA」のサイト

トヨタのランドクルーザーとハイエースの専門店を全国展開する「フレックス」が、リノ …

下から泡を出して、見ている人が水族館にいるような気分に

大分県大分市にある水族館「大分マリーンパレス水族館 うみたまご」のホームページで …

一つのコンテンツで二つの情報が見れる

10月24日から行われるイベント「Any Tokyo 2015」のホームページで …