CATEGORY : バンド
-
LOUDNESS – Official Website –
名実共に日本を代表するヘヴィメタルバンド、LOUDNESS（ラウドネス）オフィシャルサイトのWEBデザインです。 熱気溢れるライブ画像を背景にフルスクリーンで使用し、セクションの切り替わりにパララックスで魅せているのが特徴です。 PC閲覧時でも最初からハンバーガーメニューになっていて、1カラムやグリッドレイアウト等と合わせてモバイルとの差異が少ないデザインです。...
-
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デザインです。 フルスクリーンでのライブ動画と画面幅いっぱいに表示されたコンテンツがダイナミックで迫力があるサイトです。 下層ページでは余白を大きく取り、細めのボーダーや広めの行間がクールで落ち着いた印象で、ゴールドのアクセントカラーと相まって優雅な雰囲気も感...
-
Gouge Away
フロリダ出身の女性ボーカル激情ハードコアバンド、Gouge AwayオフィシャルサイトのWEBデザインです。 アルバム「BURNT SUGAR」のパープルブラウンとミントグリーンを基調とした配色が甘くもレトロ感も感じさせるデザインです。 デュオトーンのライブ画像を背景にフルスクリーンで表示、図版率も大きめのレイアウトでライブ感のあるダイナミックなサイトです。...
-
sukekiyo official web site
DIR EN GREYのボーカル・京氏の率いるバンド、sukekiyo（スケキヨ）オフィシャルサイトのWEBデザインです。 フレームに囲まれたメインビジュアルはそれ自体がバナーとなっていて、サイトの世界観を作ると共に動線も担っています。 おどろおどろしい背景画像やテクスチャー、明朝体のフォントがバンドの方向性を表現しているTOPページと、 かっちりとしたベーシックなレイアウトで情報やコンテン...
-
アナ Official WebSite
福岡出身の２人組バンド、アナのオフィシャルサイトのWEBデザインです。 アースカラーを取り入れた配色と柔らかな質感のテクスチャを用いた、ナチュラルな雰囲気のサイトです。 アイコンを積極的に取り入れたり、ページ下部にはコンテンツをピンク・ネイビー・イエローで区切って配置したりと視覚的に分かりやすく配慮されています。...
-
Official Nirvana Website: Complete Discography, Videos and more
ワシントン州アバディーン出身のロックバンド、Nirvana（ニルヴァーナ）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示された動画がダイナミックで大きなインパクトを与えるサイトで、パララックスも取り入れた縦長のページです。 色使いを抑えた配色とフラットデザイン、罫線のみで装飾したシンプルな見出し等が動画やジャケット画像を映えて見せています。...
-
ケラケラ オフィシャルウェブサイト
日本の3人組音楽ユニット、ケラケラ オフィシャルサイトのWEBデザインです。 手書きのナビゲーションや罫線・イラスト、背景のパターンがファンシーでポップな印象のサイトです。 白背景にイエローとブルーの配色とリボンやサークルをモチーフとしたパターン、程良くゆるい感じのイラストが明るくぬくもりを感じさせています。...
-
TUBE | ソニーミュージック オフィシャルサイト
日本の夏を代表するロックバンド、TUBE（チューブ）ソニーミュージック オフィシャルサイトのWEBデザインです。 グリッドと2カラムで構成されたベーシックなレイアウトで、大きな海の画像を背景に敷いたデザインはバンドのイメージをストレートに表現しています。 また背景画像を固定してコンテンツのみをスクロールさせることで、ページ全体がスクロールするよりもテキストや画像に注目を集めています。...
-
PALM Official Website
大阪のダークハードコアバンド、PALM（パーム）オフィシャルサイトのWEBデザインです。 ブラック+レッドの配色とグランジ加工されたロゴ、逆十字がダークなイメージを与える重厚感のあるデザインです。 パララックスやホバーエフェクト等の細かな動きが光っていて、フルスクリーン表示の際にスクロールボタンが下部コンテンツへのアクションを促しています。...
-
Waiting For Morning To Come | Being As An Ocean
カリフォルニア州アルパイン出身のポスト･ハードコアバンド、Being As An Ocean（ビーイング・アズ・アン・オーシャン）のWEBデザインです。 シンプルなシングルページで1カラムでコンテンツを並べ、スクロールで見せていくストーリーテリング型のサイトです。 ページの四隅に配された四角やテキストをクリックするとサイト全体の色を反転できる、遊び心のある仕掛けも特徴です。...
-
go!go!vanillas
日本のロックバンド、go!go!vanillas（ゴーゴーバニラズ）オフィシャルサイトのWEBデザインです。 フラットなデザインにパステル調のピンクやブルーの配色が映えるシンプルなデザインで、左側に固定されたナビゲーションが特徴のサイトです。 メインビジュアルのスライダーや斜めになったナビゲーションのアニメーションがユニークで、ローディング時の動きも読み込みのストレスを和らげています。...
-
和楽器バンド Official Site
日本のロックバンド、和楽器バンド（わがっきバンド）オフィシャルサイトのWEBデザインです。 グリッドで色分けされた背景に画像やコンテンツを重ねたりずらしたりすることでオリジナリティや躍動感を高めているレイアウトが特徴です。 縦書きの見出しやグラデーションも取り入れた和を感じさせるデザインは、バンドの世界観やコンセプトを的確に表現しています。...
-
サザンオールスターズ Official Site
「サザン」の愛称で親しまれる日本のロックバンド、サザンオールスターズ（Southern All Stars）オフィシャルサイトのWEBデザインです。 インパクトの大きいビジュアルがランディングページ的な役割を果たす告知画面と、大きなスライダーや見出しがポップで明るい印象を作っています。 背景に敷いた薄いグレーからずらして表示した見出しや画像が遊び心を感じさせていて、一方でスタイリッシュなフッタ...
-
BUCK-TICK Official Website
群馬県出身のロックバンド、BUCK-TICK（バクチク）オフィシャルサイトのWEBデザインです。 柔らかな色合いをブラックとサーモンピンクで引き締めて華やかにした配色で、フラットデザインと相まって優しくポップな印象を与えています。 2カラムのベーシックなレイアウトはユーザーを迷わせることなく、またローカルナビゲーションやバナーがサイト内や各コンテンツへの回遊性を高めています。...
-
D’ERLANGER
日本のロックバンド、D'ERLANGER（デランジェ）オフィシャルサイトのWEBデザインです。 エレガントな印象のロゴマークや斜体のナビゲーション、ホワイトをベースとした配色にゴールドをアクセントカラーとした優雅な雰囲気のデザインです。 下層ページではキャッチ画像やローカルナビゲーションを色分けしてジグザグにすることでリズムを作りつつ、印象的なページにしています。...
-
Mötley Crüe
アメリカ/カリフォルニア州ロサンゼルス出身のロックバンド、Mötley Crüe（モトリー・クルー）オフィシャルサイトのWEBデザインです。 代表作でもある「GIRLS, GIRLS, GIRLS」をモチーフとした猥雑なイメージのファーストビューや、横幅いっぱいのダイナミックなスライダーが印象的なサイトです。 ブラック×ピンク×レッドの配色やWEBフォントで装飾されたグランジテイストの見出しが...
-
back number（バックナンバー）official web site
群馬県出身のスリーピースロックバンド、back number（バックナンバー）オフィシャルサイトのWEBデザインです。 フルスクリーンの四方にホワイトエッジを付けて、変化していくグラデーションが鮮やかなファーストビューが印象的なサイトです。 下層ページではホワイトとグレーをベースにした配色と、細めの罫線、たっぷりと余白を取ったレイアウトがゆったりと落ち着いた雰囲気を演出しています。...
-
LUNA SEA OFFICIAL WEBSITE
東京都町田市出身のヴィジュアル系ロックバンド、LUNA SEA（ルナシー）オフィシャルサイトのWEBデザインです。 ブラック×レッドの配色がダークかつクールな印象のサイトで、背景に敷いた海や月面を想起させる画像が壮大で幻想的なイメージを作っています。 シングルカラムで構成されたレイアウトは大きなオブジェクトを配置しやすく、余分な動線がないためコンテンツを際立たせています。...
-
in•ter a•li•a
アメリカ/テキサス州出身のロックバンド、AT THE DRIVE IN（アット・ザ・ドライヴイン）のWEBデザインです。 アルバム「in∙ter a∙li∙a」のアートワークをモチーフとしたメインビジュアルは、マウスに合わせて反応する奥行きのあるパララックスが印象的です。 フラットなデザインにモノクロのグランジテイスト画像を合わせて、レトロ感やアナログ感、荒々しさをプラスしたデザインのサイトで...
-
LIMP BIZKIT | Established 1995.
アメリカのニューメタル/ラップメタル・バンド、LIMP BIZKIT（リンプ・ビズキット）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示された動画をロゴでマスクしたファーストビューは、ダイナミックでありながらも洗練された印象を与えています。 かっちりとしたイメージになりがちなグリッドレイアウトを多彩な色使いや大小のサイズを組み合わせることで、にぎやかで躍動感や流れのあるサイトに...
-
Vampillia
日本のロックバンド、Vampillia（ヴァンピリア）オフィシャルサイトのWEBデザインです。 モノトーンのスタイリッシュな配色にイラストやコラージュ画像を合わせたデザインで、グリッドに囚われない自由なレイアウトが動きや遊び心を感じさせます。 PROFILEページでは背景にアブストラクトなGIFアニメーションを用いていて、その音楽性と共に先鋭的でありながらポップな印象も受けるサイトです。 ...
-
フジファブリック Official Website
日本のロックバンド、フジファブリックのオフィシャルサイトのWEBデザインです。 フルスクリーンで表示された迫力のあるスライダーにフィギュア画像を使用した、ポップで柔らかな雰囲気を持つサイトです。 ホワイトとミントグリーンの爽やかな配色と、縦横の直線ボーダーがサイトをキリっとシャープにしています。...
-
BLUE ENCOUNT
熊本出身のロックバンド、BLUE ENCOUNT（ブルー・エンカウント）オフィシャルサイトのWEBデザインです。 画面幅いっぱいのダイナミックなスライダーと縦方向に貫くナビゲーションが特徴のサイトで、上下方向への空間の広がりも感じさせる印象的なデザインです。 グレーの濃淡とミントブルーをアクセントとした配色は爽やかでクリーンな印象で、レトロな印象のWEBフォントと相まったクールな雰囲気を醸し出...
-
Coldplay official website
イギリス/ロンドン出身のロックバンド、Coldplay（コールドプレイ）オフィシャルサイトのWEBデザインです。 アルバム「A Head Full of Dreams」のアートワークをモチーフとした、グラデーションと幾何学模様が印象的なポップなデザインです。 左側にグローバルナビゲーション、下部にSNSへのリンクが固定されていて、ページによっては右側にもローカルナビを配しているのが特徴です。...
-
KEYTALK official web
日本のロックバンド、KEYTALK（キートーク）オフィシャルサイトのWEBデザインです。 斜めのメインビジュアルやレイヤーが印象的なサイトで、シンプルなフラットデザインを単調にさせずスタイリッシュにしています。 ナビゲーションのマウスオーバー時にエフェクトを加えたり、リリース作品の画像にロングシャドウを加えたりとさりげない部分までこだわりを感じられます。...
-
nine inch nails | the official website
アメリカ/オハイオ州クリーブランド出身のインダストリアル・ロックバンド、nine inch nails（ナイン・インチ・ネイルズ）オフィシャルサイトのWEBデザインです。 余白を大きく取ったレイアウトにアンビグラムになっているロゴが映えるミニマルなデザインのサイトで、テキスト要素が少なく画像が大きいのも特徴です。 SVGアニメーションやローディング、マウスオーバー時のエフェクトが光っていて、シ...
-
The BONEZ Official Website
日本のロックバンド、The BONEZ（ザ・ボーンズ）オフィシャルサイトのWEBデザインです。 スライダーの右側に余白を設けて抜けを作り、少しずらしてロゴを重ねることで躍動感や流れを感じさせています。 モノトーンで配色されたフラットデザインを、ジャンプ率の大きな見出しや背景に透かしたロゴマーク等がポップでにぎやかな印象にしています。 ...
-
Survive Said The Prophet OFFICIAL WEB
日本の5人組ロックバンド、Survive Said The Prophet(サバイブ・セッド・ザ・プロフェット)オフィシャルサイトのWEBデザインです。 余白を大きく取ったレイアウトと細めのボーダー、広めに取った字間などが知的でクールな印象を与えるフラットなデザインのサイトです。 さりげないパララックスや固定時にはハンバーガー＋ドロワーメニューに変化するナビゲーション等、細かな部分にもこだわり...
-
MAN WITH A MISSION
日本の5人組ロックバンド、MAN WITH A MISSION（マン・ウィズ・ア・ミッション）オフィシャルサイトのWEBデザインです。 少し彩度を下げたアーティスト画像が独特の存在感を演出していて、フルスクリーンで表示することでサイトの世界観を決定付けています。 フラットなデザインに細かなドット柄の背景パターンを敷くことで、モノトーン中心のダークな配色にトラディショナルな雰囲気もプラスしていま...
-
weareDANGERS
アメリカ/カリフォルニア州ロサンゼルス出身のインディーロック・ハードコアバンド、DANGERS（デンジャーズ）オフィシャルサイトのWEBデザインです。 アルバム「THE BEND IN THE BREAK」のアートワークをフルスクリーンで表示、四方にホワイトエッジを付けたTOPページデザインです。 下層ページは左側にナビゲーションを固定したレイアウトのフラットデザインで、小さめのフォントサイズ...
-
ASIAN KUNG-FU GENERATION
日本のロックバンド、ASIAN KUNG-FU GENERATION（アジアン・カンフー・ジェネレーション）オフィシャルサイトのWEBデザインです。 ベストアルバムのアートワークを背景に敷いたデザインで、イラストの持つ色彩や世界観がサイトをポップで華やかに彩っています。 下層ページは白背景をベースとしたモノトーン中心の配色デザインで、グレーの濃淡でデザインされた試聴プレーヤーがミニマルで都会的...
-
Minus The Bear
アメリカ/シアトル出身のインディーロックバンド、Minus The Bear（マイナス・ザ・ベアー）オフィシャルサイトのWEBデザインです。 アルバム「PLANET OF ICE」Anniversary Tourのポスターをモチーフにフルスクリーンで表示、ブラックとピンクの配色がビビッドかつ毒々しいデザインです。 ノイズ加工をしたデュオトーンの画像やグラデーションの背景画像を用いて、フラットな...
-
雨のパレード オフィシャルサイト
日本のロックバンド、雨のパレードのオフィシャルサイトのWEBデザインです。 VIDEOタグで埋め込まれた抽象的な動画がナビゲーションとなっている独特なサイトで、モノトーン配色に動画の持つ色彩が映えています。 無駄な装飾を極力省き、ジャンプ率を抑えて細めのフォントを使用したミニマルなデザインはクリーンで知的なイメージを感じられます。 ...
-
Employed To Serve
イギリスの女性ボーカルハードコアバンド、Employed To ServeのオフィシャルサイトのWEBデザインです。 フルスクリーンで表示したアーティスト写真がダイナミックなサイトで、さりげなく取り入れたパララックス効果が秀逸です。 ページごとにキャッチ画像や背景画像を変化させたりと、シンプルなフラットデザインを華やかにしています。...
-
Bring Me The Horizon | That’s The Spirit
イギリスのメタルコアバンド、Bring Me The Horizon（ブリング・ミー・ザ・ホライズン）のWEBデザインです。 アルバム「Live At The Royal Albert Hall」のアートワークと購入ページへのリンクをスプリットスクリーンでレイアウトしたデザインで、 無駄を削ぎ落としたシンプルなシングルページの中にメニュー開閉時のアニメーションが光っています。...
-
忘れらんねえよ OFFICIAL WEBSITE
日本のバンド、忘れらんねえよ（わすれらんねえよ）オフィシャルサイトのWEBデザインです。 独特な存在感を持つキャラクターのイラストを使用したGIFアニメのナビゲーションや、ページごとに違う背景画像などポップでカラフルなデザインです。 程よくゆるいテイストが親しみや柔らかさを感じさせていて、ファビコンやページTOPボタンの動きなど遊び心が満載のサイトです。...
-
凛として時雨
埼玉出身のスリーピースロックバンド、凛として時雨（りんとしてしぐれ）オフィシャルサイトのWEBデザインです。 ページごとに異なる背景画像をフルスクリーンで表示していて、彩度を落としノイズを加えた画像がサイトの世界観をクールに演出しています。 小さめのフォントサイズがサイトをすっきりと見せていて、スマートで引き締まった印象を与えています。...
-
Galileo Galilei オフィシャルサイト
北海道出身のロックバンド、Galileo Galilei（ガリレオ・ガリレイ）オフィシャルサイトのWEBデザインです。 様々な質感のテクスチャーを合わせ型抜き画像をコラージュしたサイトは、自由な発想に溢れた、荒々しく大胆でブルータルなデザインです。 グリッドに囚われないレイアウトやblinkタグを思い起こさせるような点滅テキストが、より印象に残りやすいサイトにしています。...
