CATEGORY : 男性ボーカル
-
Pharrell Williams
アメリカ/バージニア州出身の歌手・プロデューサー、Pharrell Williams（ファレル・ウィリアムス）オフィシャルサイトのWEBデザインです。 多彩な色使いとダイナミックに表示された画像がポップでカラフル、賑やかで楽し気な雰囲気を演出しているサイトです。 ページやコンテンツに合わせてグリッドやレイアウトを変化させたり、デュオトーンで印象を変えてみたりと様々な見せ方をしているのが特徴です...
-
DEEPSLAUTER
千葉県柏市で結成されたハードコアバンド、DEEPSLAUTER (ディープスローター)のオフィシャルサイトのWEBデザインです。 熱気が伝わってくるようなライブシーンの画像をフルスクリーンで表示、シンプルな配色とレイアウトのコンテンツとの対比がクールなサイトです。 Tumblrをカスタマイズしていて、カード型のコンポーネントを縦方向のみ可変にしたレイアウトは、一覧性の見やすさと適度な動きや躍動...
-
星野源 オフィシャルサイト
埼玉県出身の音楽家/俳優、星野源（ほしのげん）さんのオフィシャルサイトのWEBデザインです。 四方にホワイトエッジを設けてフレームに入ったように見せたアーティスト写真と、シンプルで爽快感のある配色が特徴のサイトです。 下層ページはシングルカラムのレイアウトでレスポンシブとの相性も良く、よりコンテンツに注視されるようになっています。 右側のサムネイルをクリックすることでメイン/背景画像を変更で...
-
U2 > Home
アイルランド出身のロックバンド、U2（ユーツー）オフィシャルサイトのWEBデザインです。 ブラック×グレー×ホワイトにレッドをアクセントにした配色と、美しく整理されたグリッドレイアウトがスタイリッシュなサイトです。 カード型のコンポーネントを多用しながらも区切りにボーダーを使わず、背景色を工夫することで見やすくすっきりとしたデザインになっています。...
-
The Beach Boys | Home
アメリカ/カリフォルニア州出身のサーフロック・バンド、The Beach Boys（ザ・ビーチ・ボーイズ）オフィシャルサイトのWEBデザインです。 フラットデザインとグリッドや2カラムでのレイアウト、瑞々しく爽快感のある配色にレトロ感を持ったロゴやバッジデザインが特徴のサイトです。 さりげなくパララックスやグラデーションを取り入れるなど、シンプルな世界観の中に奥行きや広がりを与えています。 ...
-
くるり『その線は水平線』特設サイト
京都出身のロックバンド、くるりのシングル「その線は水平線」特設サイトのWEBデザインです。 アートワークに使用されているレトロでノスタルジックな雰囲気の海面画像をフルスクリーンで表示したダイナミックなサイトです。 シンプルなボーダーと明朝体のWEBフォント、ジャンプ率が低いテキストで構成された、落ち着きと懐かしさを感じさせるデザインです。...
-
くるり / QURULI
京都出身のロックバンド、くるりのオフィシャルサイトのWEBデザインです。 アルバム「ソングライン」のアートワークである風景イラストを横幅いっぱいに表示、その上を線で描画するSVGアニメーションのロゴが印象的なサイトです。 シンプルで無駄な装飾を省いたデザインの下層ページでは、縦書きの見出しがシャープでより引き立っています。...
-
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以下で切り替わる...
-
Rise Against | Official Site
アメリカ/イリノイ州シカゴ出身のメロディック・パンクバンド、Rise Against（ライズ・アゲインスト）オフィシャルサイトのWEBデザインです。 モノトーンの中でレッドが際立つスタイリッシュな配色と、ザラザラとした質感を感じさせているグランジ風の背景画像が特徴のデザインです。 水平・垂直のラインに整然と整理されたレイアウトの中で、シェアボタン等に円形フォルムを用いてポイントを作り、サイトに...
-
RAY OFFICIAL WEB SITE
大阪出身のレゲエ・シンガー、RAY（レイ）さんのオフィシャルサイトのWEBデザインです。 フルスクリーンで切り替わり表示されるダイナミックなビジュアルと細かな装飾のアニメーションが特徴的なサイトです。 アーティスト写真を水彩画風の背景イラストに溶け込ませていたり、さりげなく取り入れたグラデーションが美しいデザインです。...
-
Fall Out Boy
アメリカ/イリノイ州シカゴ出身のポップ･パンクバンド、Fall Out Boy（フォール・アウト・ボーイ）オフィシャルサイトのWEBデザインです。 ビビッドなパープル配色がクールさと上品さ、アクティブな印象も感じさせるサイトで、デュオトーンやパララックスも特徴です。 センター表示されたテキストと全面表示された画像がダイナミックかつ安定した構図で、半透明の角丸ボタンがポップ感とスタイリッシュ感を...
-
Crack-Up | Available Now – Fleet Foxes
アメリカ/シアトル出身のバンド、Fleet Foxes（フリート・フォクシーズ）オフィシャルサイトのWEBデザインです。 アルバム「Crack-Up」のアートワークをフルスクリーン表示し、壮大なサウンドと美しいコーラスワークを持つ音楽性を表現するかのようなサイトです。 下層ページはモノクロの森の画像にあえて装飾などを施さずコンテンツを表示した、粗野で荒々しい印象のブルータルなデザインです。...
-
Iron Maiden – Official Website
イングランド出身のヘヴィメタル・バンド、Iron Maiden(アイアン･メイデン）オフィシャルサイトのWEBデザインです。 ブラックとレッドのヘヴイメタル然とした配色と、バンドのキャラクターであるエディがインパクト大なサイトです。 グランジ調のテクスチャーを背景に敷くことで、ノイズが入ったようなザラっとした質感を加えています。...
-
GLAY公式サイト
北海道出身のヴィジュアル系ロックバンド、GLAY（グレイ）オフィシャルサイトのWEBデザインです。 グリッドで整然とレイアウトされた誘導バナーと各コンテンツごとに色分けされた半透明レイヤー、ダイナミックな各種アニメーションが特徴のサイトです。 下層ページでは広めの余白とグレーの濃淡で配色されたクリーンなデザインで、大きな見出しやWEBフォント、アイコンが親しみやすくポップ感を演出しています。...
-
DANCE GAVIN DANCE
カリフォルニア州サクラメント出身のポスト・ハードコアバンド、DANCE GAVIN DANCE（ダンス・ギャヴィン・ダンス）オフィシャルサイトのWEBデザインです。 こなれ感のある少し褪せたピンクやブラウン、オレンジの配色がヴィンテージ・レトロ感も感じさせるシングルページのサイトです。 画面幅いっぱいに表示されるアーティスト写真にイラストを馴染ませることで、ウィットに富んだユーモアのあるデザイ...
-
Sleeping With Sirens Official Website | New Album ‘Gossip’ Available Now
フロリダ州オーランド出身のポスト・ハードコアバンド、Sleeping With Sirens（スリーピング・ウィズ・サイレンス）オフィシャルサイトのWEBデザインです。 黒ベースの重厚な配色の中に浮かび上がる、アルバム「Gossip」のアートワークがグラマラスで80'sテイストも感じさせるデザインです。 左固定の縦書きナビゲーションやグリッドを基調としつつもずらしたり重ねたりしたレイアウト、ア...
-
旅と音楽〜Travel & Music〜 旅をしながら音楽を作るバンド
旅をしながら音楽をつくるバンド、「旅と音楽」オフィシャルサイトのWEBデザインです。 フルスクリーンの動画とアニメーションをふんだんに使用することで、五感を刺激し思わず魅入ってしまう印象的なサイトです。 四隅にロゴやナビゲーション等を置くことで画面を引き締め、画面中央にレトロなロゴを置くことで安定感とナチュラル感も演出しています。...
-
Kendrick Lamar | Official Site
カリフォルニア州コンプトン出身のラッパー、Kendrick Lamar（ケンドリック・ラマー）オフィシャルサイトのWEBデザインです。 ブラックを基調にゴールドをアクセントカラーとした配色と小さく細めのフォント、ブラックの半透明レイヤーがクールでスタイリッシュなサイトです。 グリッドとカラムで構成された堅い印象のレイアウトに、アルバム「To Pimp A Butterfly」のアートワークを背...
-
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ページの動画キャプチャー画像にマスキングテープでラベルを貼ったような装飾は味があり、立体感と共に質感...
-
Sadie
大阪出身のヴィジュアル系ロックバンド、Sadie（サディ）オフィシャルサイトのWEBデザインです。 象徴的なキービジュアルと縦積みのナビゲーション、ダークな雰囲気を演出した背景のテクスチャーが特徴のサイトです。 ページ下部にスライドインする固定ナビゲーションがあるのも特徴で、他のサイトではあまり見かけないユニークなアイデアです。...
-
Lamb of God – Official Website
アメリカ/バージニア州リッチモンド出身のヘヴィメタル/ハードコアバンド、Lamb of God（ラム・オブ・ゴッド）オフィシャルサイトのWEBデザインです。 デュオトーン×ビデオノイズ風の加工をしたアーティスト写真と、濃いグリーンを基調とした配色や背景画像がダークな雰囲気を醸し出したサイトです。 ALBUMSページではセクション毎にブラシ風のボーダーとブラー加工した画像を敷き、リリース作品毎の...
-
Sam Smith | Home – Sam Smith
イギリスのシンガーソングライター、Sam Smith（サム・スミス）オフィシャルサイトのWEBデザインです。 余白を大きく取ったアーティスト写真と薄いグレーを中心にモノトーンでまとめた配色がクールでスタイリッシュなサイトです。 左側にハンバーガーメニューで開閉するグローバルナビゲーション、右側に各SNSへの動線があるのも特徴で、レスポンシブでの可変を意識したデザインです。...
-
LOUDNESS – Official Website –
名実共に日本を代表するヘヴィメタルバンド、LOUDNESS（ラウドネス）オフィシャルサイトのWEBデザインです。 熱気溢れるライブ画像を背景にフルスクリーンで使用し、セクションの切り替わりにパララックスで魅せているのが特徴です。 PC閲覧時でも最初からハンバーガーメニューになっていて、1カラムやグリッドレイアウト等と合わせてモバイルとの差異が少ないデザインです。...
-
Dead Letter Circus – New album The Endless Mile
オーストラリア出身のオルタナティヴロックバンド、DEAD LETTER CIRCUS（デッド・レター・サーカス）オフィシャルサイトのWEBデザインです。 フルスクリーンでフェードイン/アウトする大きな画像とブルーをアクセントとした配色、半透明の固定ナビゲーションがクールでスタイリッシュなサイトです。 部分的にグランジ調の背景テクスチャを用いて質感を高めたり、フッターにさりげなくパララックスを取...
-
THE YELLOW MONKEY | ザ・イエロー・モンキー オフィシャルサイト
「イエモン」の愛称で親しまれる日本のロックバンド、THE YELLOW MONKEY（ザ・イエロー・モンキー）オフィシャルサイトのWEBデザインです。 フルスクリーンでのライブ動画と画面幅いっぱいに表示されたコンテンツがダイナミックで迫力があるサイトです。 下層ページでは余白を大きく取り、細めのボーダーや広めの行間がクールで落ち着いた印象で、ゴールドのアクセントカラーと相まって優雅な雰囲気も感...
-
HOME | 4年2組
“青春” をテーマに活動するヴォーカルユニット、4年2組オフィシャルサイトのWEBデザインです。 高揚感のあるライブ画像を大きく使用したダイナミックな印象のスライダーと、黒背景に映える色鮮やかな画像が華やかなデザインのサイトです。 DISCOGRAPHYではCDジャケットとテキストを交互に左右ジグザグに配置し、楽しげなイメージを演出しリズミカルなテンポ感を生んでいます。...
-
sukekiyo official web site
DIR EN GREYのボーカル・京氏の率いるバンド、sukekiyo（スケキヨ）オフィシャルサイトのWEBデザインです。 フレームに囲まれたメインビジュアルはそれ自体がバナーとなっていて、サイトの世界観を作ると共に動線も担っています。 おどろおどろしい背景画像やテクスチャー、明朝体のフォントがバンドの方向性を表現しているTOPページと、 かっちりとしたベーシックなレイアウトで情報やコンテン...
-
アナ Official WebSite
福岡出身の２人組バンド、アナのオフィシャルサイトのWEBデザインです。 アースカラーを取り入れた配色と柔らかな質感のテクスチャを用いた、ナチュラルな雰囲気のサイトです。 アイコンを積極的に取り入れたり、ページ下部にはコンテンツをピンク・ネイビー・イエローで区切って配置したりと視覚的に分かりやすく配慮されています。...
-
Official Nirvana Website: Complete Discography, Videos and more
ワシントン州アバディーン出身のロックバンド、Nirvana（ニルヴァーナ）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示された動画がダイナミックで大きなインパクトを与えるサイトで、パララックスも取り入れた縦長のページです。 色使いを抑えた配色とフラットデザイン、罫線のみで装飾したシンプルな見出し等が動画やジャケット画像を映えて見せています。...
-
TUBE | ソニーミュージック オフィシャルサイト
日本の夏を代表するロックバンド、TUBE（チューブ）ソニーミュージック オフィシャルサイトのWEBデザインです。 グリッドと2カラムで構成されたベーシックなレイアウトで、大きな海の画像を背景に敷いたデザインはバンドのイメージをストレートに表現しています。 また背景画像を固定してコンテンツのみをスクロールさせることで、ページ全体がスクロールするよりもテキストや画像に注目を集めています。...
-
Hotei
群馬県出身/ロンドン在住のギタリスト・ロックミュージシャン、布袋 寅泰（ほていともやす）氏のENGLISH SITEのWEBデザインです。 フラットなデザインとネイビー+レッドの配色がクールでスタイリッシュな印象で、固定ナビゲーションとアンカーリンクが特徴の縦長ページのサイトです。 トレードマークでもある幾何学模様を色々なパターンで背景に敷いていて、オリジナリティと近未来的なイメージをもたらし...
-
PALM Official Website
大阪のダークハードコアバンド、PALM（パーム）オフィシャルサイトのWEBデザインです。 ブラック+レッドの配色とグランジ加工されたロゴ、逆十字がダークなイメージを与える重厚感のあるデザインです。 パララックスやホバーエフェクト等の細かな動きが光っていて、フルスクリーン表示の際にスクロールボタンが下部コンテンツへのアクションを促しています。...
