WebGallery

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

*

会場ごとに色を分けて、情報を見やすく分類したライブハウスがシンプルだけどカッコいい!

      2017/07/04

渋谷・名古屋・梅田・広島にスタジオをかまえる「CLUB QUATTRO(クラブクアトロ)」のホームページです。

ファーストビューの赤・緑・青・黄色の4色がとてもインパクトのあるサイトです。
白と黒を基調としたデザインなので、よりいっそう際立っています!
カーソルを合わせると、各スタジオのスケジュールやアクセス、インフォメーションなどが掲載されているページへのリンクボタンが配置されていて、見る人が利用するスタジオの情報が探しやすいように工夫されています。

その下にある「TODAY」のコンテンツでは、今日行われるイベントが掲載されています。
各会場ごとにタグ付けされており、色分けもされているのでパッと見ただけでどこの会場で行われるのか分かりやすく工夫されています。
イベント一覧のページでは、過去に行われたイベントも月別で見れるようになっていて、どんなアーティストさんが来ているのかも知ることができます。

 - 色で表現

  関連記事

背景を白にしたシンプルなデザインにしていちごの美味しさが伝わるようにしたいちご園

静岡県富士宮市でいちご狩りや紅ほっぺを使った商品の販売を行っている「いちご 生産 …

親をターゲットにした、見やすいだけでなく可愛くデザインされた幼稚園サイトが素敵!

岐阜県岐阜市にある幼稚園「中部学院大学・中部学院短期大学部 ふぞく幼稚園」のホー …

岐阜県にある法律事務所のサイトがイラストを使ったデザインで可愛い!

岐阜県関市にある法律事務所「関あさくら法律事務所」のホームページです。 ファース …

ロゴカラーで統一された心療内科クリニック

埼玉県さいたま市にある心療内科クリニック「新都心むさしのクリニック」のホームペー …

背景にふわふわしたアニメーションをつけて幻想的な雰囲気に

「大丸・松坂屋のファンタスティッククリスマス2016」のホームページです。 赤と …

白黒の配色と扇形の写真の切り取り方を使った重厚感ある香料メーカー

200年あまりの歴史を持つ香料メーカー「塩野香料株式会社」のホームページです。 …

カーソルを肉球にして愛らしさをアップ

広島県の観光地?としても有名な「広島キャットストリートビュー」という世界初の猫目 …

色とアイコンを中心とした、どんな年代にも受け入れられるデザイン

「一般財団法人 神戸住まいづくり公社」のホームページです。 どんな年代の人でも見 …

ファーストビューで対象者がわかるようにしたデザインの「椿音楽教室」

東京でピアノ教室など11の音楽教室を開講している「椿音楽教室」のホームページです …

アニメーションをたくさん使ったヨットハーバーのサイトが面白い!

兵庫県西宮市にあるヨットハーバー「Shin Nishinomiya Yacht …