CATEGORY : ロック
-
U2 > Home
アイルランド出身のロックバンド、U2（ユーツー）オフィシャルサイトのWEBデザインです。 ブラック×グレー×ホワイトにレッドをアクセントにした配色と、美しく整理されたグリッドレイアウトがスタイリッシュなサイトです。 カード型のコンポーネントを多用しながらも区切りにボーダーを使わず、背景色を工夫することで見やすくすっきりとしたデザインになっています。...
-
The Beach Boys | Home
アメリカ/カリフォルニア州出身のサーフロック・バンド、The Beach Boys（ザ・ビーチ・ボーイズ）オフィシャルサイトのWEBデザインです。 フラットデザインとグリッドや2カラムでのレイアウト、瑞々しく爽快感のある配色にレトロ感を持ったロゴやバッジデザインが特徴のサイトです。 さりげなくパララックスやグラデーションを取り入れるなど、シンプルな世界観の中に奥行きや広がりを与えています。 ...
-
くるり『その線は水平線』特設サイト
京都出身のロックバンド、くるりのシングル「その線は水平線」特設サイトのWEBデザインです。 アートワークに使用されているレトロでノスタルジックな雰囲気の海面画像をフルスクリーンで表示したダイナミックなサイトです。 シンプルなボーダーと明朝体のWEBフォント、ジャンプ率が低いテキストで構成された、落ち着きと懐かしさを感じさせるデザインです。...
-
くるり / QURULI
京都出身のロックバンド、くるりのオフィシャルサイトのWEBデザインです。 アルバム「ソングライン」のアートワークである風景イラストを横幅いっぱいに表示、その上を線で描画するSVGアニメーションのロゴが印象的なサイトです。 シンプルで無駄な装飾を省いたデザインの下層ページでは、縦書きの見出しがシャープでより引き立っています。...
-
AURORA | OFFICIAL WEBSITE
ノルウェー出身の女性シンガーソングライター、AURORA（アウロラ）オフィシャルサイトのWEBデザインです。 インパクトの大きいメインビジュアルと、高貴さと落ち着き・暖かみを感じさせるワインレッドの配色が印象的なサイトです。 グリッドで整然とレイアウトされた中でレンガ上に組まれたツイッターウィジェットがおしゃれでモダンな雰囲気を感じさせています。 フラットなデザインの中でファーストビューに質...
-
Ken Yokoyama セルフコンピレーションアルバム [Songs Of The Living Dead] リリース特設サイト / PIZZA OF DEATH RECORDS
Hi-STANDARDのギター&ボーカル、Ken Yokoyama氏のアルバム「Songs Of The Living Dead」特設サイトのWEBデザインです。 アルバムのアートワークをダイナミックにフルスクリーンで表示、ホラーとパンクカルチャーを融合したようなデザインが印象的です。 イラストを大々的に使用することで独自の世界観を構築しつつ、他のサイトにはないオリジナリティとインパクトを感じ...
-
THE BLUE HEARTS 30周年 特設サイト
日本のパンクロックバンド、THE BLUE HEARTS（ザ・ブルーハーツ）の30周年特設サイトのWEBデザインです。 背景にフルスクリーンでライブ動画を表示して、中央に半透明のアニバーサリーロゴを大きく配置したレイアウトのシングルページです。 1stアルバムを想起させるような白/黒/ブルーの配色と、右側に固定された各セクションごとへのナビゲーションも特徴で、 Discographyコンテン...
-
ROGUE / REAL AGAIN | ポニーキャニオン
群馬県出身のロックバンド、ROGUE（ローグ）のアルバム「REAL AGAIN」特設サイトのWEBデザインです。 モノクロのアーティスト画像を横幅いっぱいに表示、モノトーン＋ネイビーでスタイリッシュにまとめた配色が特徴のシングルページです。 特設サイトということでアートワークを大きく配置していて、ポップアップする視聴プレーヤー等、アルバムの世界観を余すことなく伝えています。...
-
MAROON 5 RED PILL BLUES JAPAN TOUR – ウドー音楽事務所
カリフォルニア出身のバンド、Maroon 5(マルーン5)のRED PILL BLUES JAPAN TOUR特設サイトのWEBデザインです。 バンド名のマルーンとピンクをベースにした配色が印象的な、縦長のシングルページです。 セクションごとに切り替わる背景色やフルスクリーン画像とパララックスを組み合わせ、コンテンツの区切りを分かりやすくしています。 8ビットのファミコンを想起させるようなレ...
-
BECK | OFFICIAL WEBSITE
アメリカ/カリフォルニア州出身のソロミュージシャン、BECK（ベック）オフィシャルサイトのWEBデザインです。 グレーをベースにした配色のクールでスタイリッシュなデザインに、六角形のカラフルなオブジェクトが世界観を作っているサイトです。 ページ遷移時のアニメーションが非常にユニークで、マイクロインタラクションを取り入れてユーザー体験を高めています。 ブレイクポイント640px以下で切り替わる...
-
CHAI GLOBAL | We are New Exciting Onna(female) Band from Japan ! NEO KAWAII ! COMPLEX IS ART !
名古屋出身の女性4人組バンド、CHAI（チャイ）グローバルサイトのWEBデザインです。 ピンクを基調にしたポップな配色とクリエイティブ、ダイナミックなフルスクリーン動画やアニメーションする装飾が賑やかでキュートなサイトです。 テキストをマスクしたローディング画面や、手書きのテキストなども取り入れたタイポグラフィー等、餃子のPAGETOPボタン等、見どころが満載です。...
-
Rise Against | Official Site
アメリカ/イリノイ州シカゴ出身のメロディック・パンクバンド、Rise Against（ライズ・アゲインスト）オフィシャルサイトのWEBデザインです。 モノトーンの中でレッドが際立つスタイリッシュな配色と、ザラザラとした質感を感じさせているグランジ風の背景画像が特徴のデザインです。 水平・垂直のラインに整然と整理されたレイアウトの中で、シェアボタン等に円形フォルムを用いてポイントを作り、サイトに...
-
Fall Out Boy
アメリカ/イリノイ州シカゴ出身のポップ･パンクバンド、Fall Out Boy（フォール・アウト・ボーイ）オフィシャルサイトのWEBデザインです。 ビビッドなパープル配色がクールさと上品さ、アクティブな印象も感じさせるサイトで、デュオトーンやパララックスも特徴です。 センター表示されたテキストと全面表示された画像がダイナミックかつ安定した構図で、半透明の角丸ボタンがポップ感とスタイリッシュ感を...
-
Crack-Up | Available Now – Fleet Foxes
アメリカ/シアトル出身のバンド、Fleet Foxes（フリート・フォクシーズ）オフィシャルサイトのWEBデザインです。 アルバム「Crack-Up」のアートワークをフルスクリーン表示し、壮大なサウンドと美しいコーラスワークを持つ音楽性を表現するかのようなサイトです。 下層ページはモノクロの森の画像にあえて装飾などを施さずコンテンツを表示した、粗野で荒々しい印象のブルータルなデザインです。...
-
Namie Amuro 25th Anniversary Site
沖縄出身の歌手/ダンサー、安室奈美恵（あむろなみえ）さんの25周年スペシャルサイトのWEBデザインです。 フルスクリーン表示のアーティスト写真が年毎にくるくると切り替わるアニメーションが圧巻のダイナミックなサイトです。 線の描画が美しいSVGアニメーションやテキストエフェクトを取り入れることでサイトをよりリッチに演出しています。 ...
-
GLAY公式サイト
北海道出身のヴィジュアル系ロックバンド、GLAY（グレイ）オフィシャルサイトのWEBデザインです。 グリッドで整然とレイアウトされた誘導バナーと各コンテンツごとに色分けされた半透明レイヤー、ダイナミックな各種アニメーションが特徴のサイトです。 下層ページでは広めの余白とグレーの濃淡で配色されたクリーンなデザインで、大きな見出しやWEBフォント、アイコンが親しみやすくポップ感を演出しています。...
-
AIR JAM 2018
Hi-STANDARDを中心に企画されたロックフェスティバル、AIR JAM（エアジャム）2018オフィシャルサイトのWEBデザインです。 パンクロックとストリートカルチャーを融合したイベントを象徴するかのようなロゴと熱気溢れる会場の背景画像、ダイナミックなスライダーが特徴のサイトです。 1カラム+グリッドで構成されたレイアウトはレスポンシブデザインとの親和性も高く、モバイル端末でも差異の少な...
-
さユり「月と花束」特設サイト
福岡出身の女性シンガーソングライター、酸欠少女さユりさんのシングル「月と花束」特設サイトのWEBデザインです。 シングルのアートワークの世界観をそのままに、イバラのイラストやダイヤ柄を取り入れた縦長のシングルページです。 グリッドをベースとしたレイアウトに散りばめられたイラストや背景画像、ユニークな形状のボタンが躍動感を与えて、よりサイトを印象的にしています。...
-
酸欠少女さユり公式サイト
福岡出身の女性シンガーソングライター、酸欠少女さユりさんのオフィシャルサイトのWEBデザインです。 シングル「月と花束」のアートワークをモチーフとしたデザインで、フルスクリーンのダイナミックな表示とパララックスが奥行きを与えています。 セリフ体の大きな見出しと画面右に固定されたナビゲーションも特徴で、グラデーションも取り入れることで深みが増し、よりサイトの世界観を魅力的にしています。...
-
松井常松OfficialSite
群馬県高崎市出身のミュージシャン/ベーシスト、松井常松（まつい つねまつ）氏のオフィシャルサイトのWEBデザインです。 フルスクリーンでセンターに表示されたアーティスト画像と右固定のナビゲーション、多くの余白が落ち着きと大人のゆとりをも感じさせるサイトです。 下層ページは一転して黒背景にセンター表示のコンテンツとアップ寄りの画像となり、大小の対比がシャープで距離感と緊張感を生んでいます。 ...
-
Skies Collide
オーストラリア出身の女性ボーカルエモーショナルロックバンド、SKIES COLLIDE（スカイズ・コライド）オフィシャルサイトのWEBデザインです。 印象的なライブ画像をファーストビューで横幅いっぱいに表示した、クールでダイナミックな縦長シングルページのサイトです。 セクションごとに背景色や背景画像を切り替えることでメリハリをつけていて、特にメールフォームの背景の幻想的な画像はサイトの雰囲気を...
-
Sleeping With Sirens Official Website | New Album ‘Gossip’ Available Now
フロリダ州オーランド出身のポスト・ハードコアバンド、Sleeping With Sirens（スリーピング・ウィズ・サイレンス）オフィシャルサイトのWEBデザインです。 黒ベースの重厚な配色の中に浮かび上がる、アルバム「Gossip」のアートワークがグラマラスで80'sテイストも感じさせるデザインです。 左固定の縦書きナビゲーションやグリッドを基調としつつもずらしたり重ねたりしたレイアウト、ア...
-
LArc-en-Ciel.com
日本のロックバンド、L'Arc〜en〜Ciel (ラルク・アン・シエル）オフィシャルサイトのWEBデザインです。 シングル「Don't be Afraid」のアートワークをテーマにしたアーティスト写真と半透明のブラックレイヤーがクールな、近未来感もあるデザインです。 下層ページは薄いグレーをベースにゴールドをアクセントにした配色と、余白をたっぷりと取ったレイアウトが優雅な落ち着きを感じさせてい...
-
Pink Floyd Endless River
イングランド出身のプログレッシブ・ロックバンド、Pink Floydのアルバム「The Endless River」特設サイトのWEBデザインです。 アルバムのアートワークをフルスクリーンで表示、ボートの人物と雲海がアニメーションしたシネマグラフが印象的なサイトです。 タイトルロゴやナビゲーションのゆるやかなアニメーション表示も加わり、アルバムやバンドの壮大な世界観を十二分に表現しています。...
-
Pink Floyd | The Official Site
イングランド出身のプログレッシブ・ロックバンド、Pink Floyd（ピンク・フロイド）オフィシャルサイトのWEBデザインです。 抽象的なロゴとセンターに集められた縦積みのナビゲーションと特設サイトへのリンクのみという意味深なTOPページが印象的なサイトです。 ページやコンテンツに合わせて様々に背景画像が切り替わり、バンドサイトとしては珍しいDESIGNページと合わせて見応えがあります。...
-
Aqua Timez official Website
日本のロックバンド、Aqua Timez（アクア タイムズ）オフィシャルサイトのWEBデザインです。 柔らかく優しいタッチのイラストとパララックスを多用したストーリー性のあるレイアウトが印象的な動きを感じさせるサイトです。 下層ページは水彩画風の背景画像に柔らかなトーンの配色や細めの罫線を用いて、落ち着きと温かみを感じさせるデザインとなっています。 ...
-
The Official Black Sabbath Website ::
イングランド出身のヘヴィメタルの源流となる始祖的グループ、Black Sabbath（ブラック・サバス）オフィシャルサイトのWEBデザインです。 モノトーン中心の配色に映えるパープルのロゴ、ポラロイド風のモノクロ写真を猥雑に並べたような背景画像がバンドの音楽性と呼応したデザインです。 VIDEOページの動画キャプチャー画像にマスキングテープでラベルを貼ったような装飾は味があり、立体感と共に質感...
-
Home | TALONS
イギリスのポストロックバンド、TALONS（タロンズ）オフィシャルサイトのWEBデザインです。 アルバム「We All Know」のアートワークをモチーフとしたダークなデザインで、背景にフルスクリーンで敷いた画像とパララックスが特徴です。 フルスクリーンで表示しながらもヘッダーやフッターと組み合わせて画面の四方にブラックのフレームを作る事で、コンテンツを際立たせています。 ...
-
Dead Letter Circus – New album The Endless Mile
オーストラリア出身のオルタナティヴロックバンド、DEAD LETTER CIRCUS（デッド・レター・サーカス）オフィシャルサイトのWEBデザインです。 フルスクリーンでフェードイン/アウトする大きな画像とブルーをアクセントとした配色、半透明の固定ナビゲーションがクールでスタイリッシュなサイトです。 部分的にグランジ調の背景テクスチャを用いて質感を高めたり、フッターにさりげなくパララックスを取...
-
THE YELLOW MONKEY | ザ・イエロー・モンキー オフィシャルサイト
「イエモン」の愛称で親しまれる日本のロックバンド、THE YELLOW MONKEY（ザ・イエロー・モンキー）オフィシャルサイトのWEBデザインです。 フルスクリーンでのライブ動画と画面幅いっぱいに表示されたコンテンツがダイナミックで迫力があるサイトです。 下層ページでは余白を大きく取り、細めのボーダーや広めの行間がクールで落ち着いた印象で、ゴールドのアクセントカラーと相まって優雅な雰囲気も感...
-
sukekiyo official web site
DIR EN GREYのボーカル・京氏の率いるバンド、sukekiyo（スケキヨ）オフィシャルサイトのWEBデザインです。 フレームに囲まれたメインビジュアルはそれ自体がバナーとなっていて、サイトの世界観を作ると共に動線も担っています。 おどろおどろしい背景画像やテクスチャー、明朝体のフォントがバンドの方向性を表現しているTOPページと、 かっちりとしたベーシックなレイアウトで情報やコンテン...
-
Official Nirvana Website: Complete Discography, Videos and more
ワシントン州アバディーン出身のロックバンド、Nirvana（ニルヴァーナ）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示された動画がダイナミックで大きなインパクトを与えるサイトで、パララックスも取り入れた縦長のページです。 色使いを抑えた配色とフラットデザイン、罫線のみで装飾したシンプルな見出し等が動画やジャケット画像を映えて見せています。...
-
TUBE | ソニーミュージック オフィシャルサイト
日本の夏を代表するロックバンド、TUBE（チューブ）ソニーミュージック オフィシャルサイトのWEBデザインです。 グリッドと2カラムで構成されたベーシックなレイアウトで、大きな海の画像を背景に敷いたデザインはバンドのイメージをストレートに表現しています。 また背景画像を固定してコンテンツのみをスクロールさせることで、ページ全体がスクロールするよりもテキストや画像に注目を集めています。...
-
Hotei
群馬県出身/ロンドン在住のギタリスト・ロックミュージシャン、布袋 寅泰（ほていともやす）氏のENGLISH SITEのWEBデザインです。 フラットなデザインとネイビー+レッドの配色がクールでスタイリッシュな印象で、固定ナビゲーションとアンカーリンクが特徴の縦長ページのサイトです。 トレードマークでもある幾何学模様を色々なパターンで背景に敷いていて、オリジナリティと近未来的なイメージをもたらし...
-
Namie Amuro Official Site
沖縄出身の歌手/ダンサー、安室奈美恵（あむろなみえ）さんのオフィシャルサイトのWEBデザインです。 ホワイト+シャンパンゴールドの配色と広めに取られたホワイトスペースがエレガントで洗練された印象を感じさせるデザインです。 フルスクリーンで表示されたライブ画像はビジュアル面で魅了するだけでなく、それ自体がバナーとなっていて購入ページへの誘導の役割を果たしています。...
-
namie amuro Final Space
安室奈美恵さんの軌跡を辿る体感型の展覧会、namie amuro Final Spaceの特設サイトのWEBデザインです。 キラキラとしたメインビジュアルとシャンパンゴールドをアクセントとした配色、セリフ体のフォントを見出しに使用したエレガントなサイトです。 ホワイトベースのシングルページの途中にグレーの背景を用いることでコンテンツの区切りを作りつつ、ページに締まりを与えています。...
-
Waiting For Morning To Come | Being As An Ocean
カリフォルニア州アルパイン出身のポスト･ハードコアバンド、Being As An Ocean（ビーイング・アズ・アン・オーシャン）のWEBデザインです。 シンプルなシングルページで1カラムでコンテンツを並べ、スクロールで見せていくストーリーテリング型のサイトです。 ページの四隅に配された四角やテキストをクリックするとサイト全体の色を反転できる、遊び心のある仕掛けも特徴です。...
-
GOSPELS OF JUDAS
L.A.在住の日本人ギタリストYT氏が中心となったプロジェクト、GOSPELS OF JUDAS（ゴスペルズ オブ ジュダ）オフィシャルサイトのWEBデザインです。 画面の横幅いっぱいのダイナミックなスライダーとモノトーン中心の配色が特徴のシンプルなフラットデザインのサイトです。 レスポンシブを意識したグリッド＆1カラムのレイアウトで構築されていて、様々なデバイスでの閲覧環境によるデザインの差...
-
go!go!vanillas
日本のロックバンド、go!go!vanillas（ゴーゴーバニラズ）オフィシャルサイトのWEBデザインです。 フラットなデザインにパステル調のピンクやブルーの配色が映えるシンプルなデザインで、左側に固定されたナビゲーションが特徴のサイトです。 メインビジュアルのスライダーや斜めになったナビゲーションのアニメーションがユニークで、ローディング時の動きも読み込みのストレスを和らげています。...
-
EGO-WRAPPIN’
大阪出身のユニット、EGO-WRAPPIN'（エゴラッピン）オフィシャルサイトのWEBデザインです。 真っ暗な中にランプの明かりが点る仕掛けが印象的で、大きな見出しや横幅いっぱいの画像＆カルーセルが黒背景のサイトに躍動感を与えています。 コンテンツ表示時のアニメーションが凝っていて、DISCOGRAPHYをカテゴリーごとにソートした時のカードをシャッフルしたような動きも素敵です。...
