WebGallery

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

*

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

      2017/07/04

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

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

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

 - 色で表現

  関連記事

タイプ別診断を掲載したクリエイタースクールのサイトが可愛くておしゃれ!

「COPEN COLLEGE(コペンカレッジ)」のホームページです。 ファースト …

ボックスでまとめられた情報で、レイアウトをすっきりさせる

墨田区にある接骨院「立花接骨院」のホームページです。 すごく可愛らしいデザインの …

色や動きを使ってイベントの雰囲気を演出したイベントサイトがおしゃれ!!

2017年4月22日の土曜日から7月2日の日曜日まで、東京都港区にある「アクアパ …

背景に学生の写真を使って親しみやすさを演出した専門学校

岡山県岡山市にある専門学校「専門学校ビーマックス」のホームページです。 トップペ …

多彩なアニメーションを使ったサイト

  私が言っていいものかどうか分かりませんが、懐かしきCyndi La …

大人の女性をメインターゲットにした「マイトリ」のサイトが、遊び心をくすぐるような配色で可愛い!

JTBが運営する女子旅情報サイト「女子旅COLLECTION マイトリ」の特設サ …

サイト全体の装飾を抑えてコンテンツに動きをつけることでさらに魅力的なデザインに

KinKi Kidsのオフィシャルサイト「KinKi Kids 20th Ann …

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

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

優しい色合いにすることで、リラックスできる空間をイメージさせる天然温泉

熊本県熊本市にある天然温泉「湯らっくす」のホームページです。 ロゴマークがゆるっ …

パソコンとスマートフォンで色味が変わるサイト

  千葉県八千代市にある「京成バラ園」のホームページです。全体的にピン …