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

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

  関連記事

イラストを使ってテント用品の名称を分かりやすく見せたテント用品販売サイト

東京都だけでなく、宮城県や福島県・愛知県・京都府などに店舗をかまえ、テント用品を …

見出しにアニメーションをつけてインパクトを出す

茨城県の「キャピタルマリーナ」のホームページです。トップページの波の形を連想させ …

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

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

自分が本を選んでいるかのようなスクロール

  丸善出版株式会社とジュンク堂書店が佐賀県とコラボレートした「ほんの …

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

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

情報量を抑え、写真で見せるレストランのサイトが大人の雰囲気でとても綺麗!

神奈川県鎌倉市にあるフレンチレストラン「古我邸」のホームページです。 ファースト …

大人の京都を演出したデザインで和風と高級感を出す

京都府にある太秦映画村で行われているイベント「江戸酒場」のホームページです。 シ …

様々なところに写真を使って幼稚園の雰囲気を伝えているサイト

栃木県栃木市にある幼稚園「ふじおか幼稚園」のホームページです。 1枚1枚個性的な …

綺麗な写真が購買意欲をそそる和菓子屋さん

石川県金沢市に本社を構える「株式会社 柴舟小出」のホームページです。 全体的に色 …

空気清浄したくなる

  下ではなく上にスクロールする形のサイト。動いている灰色のものは空気 …