CATEGORY : 男性ボーカル
-
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デザインです。 ブラック+レッドの配色とグランジ加工されたロゴ、逆十字がダークなイメージを与える重厚感のあるデザインです。 パララックスやホバーエフェクト等の細かな動きが光っていて、フルスクリーン表示の際にスクロールボタンが下部コンテンツへのアクションを促しています。...
-
Waiting For Morning To Come | Being As An Ocean
カリフォルニア州アルパイン出身のポスト･ハードコアバンド、Being As An Ocean（ビーイング・アズ・アン・オーシャン）のWEBデザインです。 シンプルなシングルページで1カラムでコンテンツを並べ、スクロールで見せていくストーリーテリング型のサイトです。 ページの四隅に配された四角やテキストをクリックするとサイト全体の色を反転できる、遊び心のある仕掛けも特徴です。...
-
go!go!vanillas
日本のロックバンド、go!go!vanillas（ゴーゴーバニラズ）オフィシャルサイトのWEBデザインです。 フラットなデザインにパステル調のピンクやブルーの配色が映えるシンプルなデザインで、左側に固定されたナビゲーションが特徴のサイトです。 メインビジュアルのスライダーや斜めになったナビゲーションのアニメーションがユニークで、ローディング時の動きも読み込みのストレスを和らげています。...
-
Justin Bieber – Purpose Available Now
カナダのポップミュージシャン、Justin Bieber（ジャスティン・ビーバー）オフィシャルサイトのWEBデザインです。 ブラック×ホワイト×パープルの配色とフラットデザインの掛け合わせがスタイリッシュで、その中で手書き風のロゴが親しみやすさをプラスしています。 大胆なタイポグラフィーが印象的で、グリッドに囚われない自由なレイアウトと相まってエディトリアルデザインのような雰囲気を感じさせてい...
-
サザンオールスターズ Official Site
「サザン」の愛称で親しまれる日本のロックバンド、サザンオールスターズ（Southern All Stars）オフィシャルサイトのWEBデザインです。 インパクトの大きいビジュアルがランディングページ的な役割を果たす告知画面と、大きなスライダーや見出しがポップで明るい印象を作っています。 背景に敷いた薄いグレーからずらして表示した見出しや画像が遊び心を感じさせていて、一方でスタイリッシュなフッタ...
-
Home | Michael Jackson Official Site
アメリカのエンターテイナー/シンガーソングライター/ダンサー、MICHAEL JACKSON（マイケル・ジャクソン）オフィシャルサイトのWEBデザインです。 シャンパンゴールドを取り入れた配色はマイルドで優しく穏やかな高級感を演出していて、華やかでありながら大人の落ち着きも併せ持っています。 アイコンでページ下部に配置されたアプリライクなナビゲーションや、時系列に表示されたコンテンツ等、他のサ...
-
Billy Idol
イギリス出身のミュージシャン/シンガーソングライター、Billy Idol（ビリー・アイドル）オフィシャルサイトの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デザインです。 ブラック×レッドの配色がダークかつクールな印象のサイトで、背景に敷いた海や月面を想起させる画像が壮大で幻想的なイメージを作っています。 シングルカラムで構成されたレイアウトは大きなオブジェクトを配置しやすく、余分な動線がないためコンテンツを際立たせています。...
-
米津玄師 official site「REISSUE RECORDS」
徳島県出身のミュージシャン/シンガーソングライター、米津玄師（よねづけんし）さんのオフィシャルサイトのWEBデザインです。 モノトーン中心の配色のシンプルなフラットデザインに、ロゴや見出しのフォントや手書きイラストが温かみや親しみやすさをプラスしたサイトです。 ローディング時のアニメーションやマウスに追随するイエローのサークル等、クールな配色の中に遊び心やユーモアを感じられます。...
-
in•ter a•li•a
アメリカ/テキサス州出身のロックバンド、AT THE DRIVE IN（アット・ザ・ドライヴイン）のWEBデザインです。 アルバム「in∙ter a∙li∙a」のアートワークをモチーフとしたメインビジュアルは、マウスに合わせて反応する奥行きのあるパララックスが印象的です。 フラットなデザインにモノクロのグランジテイスト画像を合わせて、レトロ感やアナログ感、荒々しさをプラスしたデザインのサイトで...
-
LIMP BIZKIT | Established 1995.
アメリカのニューメタル/ラップメタル・バンド、LIMP BIZKIT（リンプ・ビズキット）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示された動画をロゴでマスクしたファーストビューは、ダイナミックでありながらも洗練された印象を与えています。 かっちりとしたイメージになりがちなグリッドレイアウトを多彩な色使いや大小のサイズを組み合わせることで、にぎやかで躍動感や流れのあるサイトに...
-
フジファブリック 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デザインです。 少し彩度を下げたアーティスト画像が独特の存在感を演出していて、フルスクリーンで表示することでサイトの世界観を決定付けています。 フラットなデザインに細かなドット柄の背景パターンを敷くことで、モノトーン中心のダークな配色にトラディショナルな雰囲気もプラスしていま...
-
OLDCODEX Official website
日本の音楽ユニット、OLDCODEX（オルドコデックス）オフィシャルサイトの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タグで埋め込まれた抽象的な動画がナビゲーションとなっている独特なサイトで、モノトーン配色に動画の持つ色彩が映えています。 無駄な装飾を極力省き、ジャンプ率を抑えて細めのフォントを使用したミニマルなデザインはクリーンで知的なイメージを感じられます。 ...
-
竹原ピストル
日本のシンガーソングライター、竹原ピストルさんのオフィシャルサイトのWEBデザインです。 黒背景にインディアンをモチーフにしたロゴと欠けた角丸のナビゲーションのみのTOPページは、無駄を削ぎ落とした潔いデザインとなっています。 下層ページは一転してナチュラルな配色で、1カラムで表示することでメインコンテンツに集中しやすいレイアウトになっています。...
-
Bring Me The Horizon | That’s The Spirit
イギリスのメタルコアバンド、Bring Me The Horizon（ブリング・ミー・ザ・ホライズン）のWEBデザインです。 アルバム「Live At The Royal Albert Hall」のアートワークと購入ページへのリンクをスプリットスクリーンでレイアウトしたデザインで、 無駄を削ぎ落としたシンプルなシングルページの中にメニュー開閉時のアニメーションが光っています。...
-
忘れらんねえよ OFFICIAL WEBSITE
日本のバンド、忘れらんねえよ（わすれらんねえよ）オフィシャルサイトのWEBデザインです。 独特な存在感を持つキャラクターのイラストを使用したGIFアニメのナビゲーションや、ページごとに違う背景画像などポップでカラフルなデザインです。 程よくゆるいテイストが親しみや柔らかさを感じさせていて、ファビコンやページTOPボタンの動きなど遊び心が満載のサイトです。...
