CATEGORY : 男性ボーカル
-
People In The Box Official Site
福岡出身の3ピース・オルタナティヴ・ロックバンド、People In The Box（ピープルインザボックス）オフィシャルサイトのWEBデザインです。 シンプルなレイアウトとジャンプ率の低い落ち着いたデザインの中で、画面幅いっぱいにランダムに表示される動物や風景の画像が世界観を作っているサイトです。...
-
JAY Z’s Life+Times
ニューヨーク州ブルックリン出身のラッパー/ソングライター、JAY Z（ジェイ・ジー）のオフィシャルサイトのWEBデザインです。 ブラック×ゴールドの配色と、グリッドで区切られたレイアウトがクールでスタイリッシュな雰囲気を醸し出しているサイトです。...
-
AUTO-MOD official website
日本のロックバンド、AUTO-MOD（オートモッド）のオフィシャルサイトのWEBデザインです。 モノトーンを中心とした配色と、フルスクリーン表示したモノクロのアーティスト画像がダークで退廃的な雰囲気を演出したサイトです。 ...
-
The xx
イギリス/ロンドン出身のポスト・ポップバンド、The xx（ジ・エックス・エックス）のオフィシャルサイトのWEBデザインです。 シンプルで余白を多く取った中にグリッドの概念に囚われず、マウスに合わせてふわふわと浮かぶコンテンツが斬新なサイトです。 色使いも少なく抑え、画像の持つ色合いのみで彩っていて、パララックス効果による奥行き感と浮遊感と合わせてクールでユニークなデザインです。...
-
THE BACK HORN 20th ANNIVERSARY
東京で結成されたオルタナティヴ・ロックバンド、THE BACK HORN（ザ・バックホーン）の20th ANNIVERSARY特設サイトのWEBデザインです。 ブラック×ゴールドの配色と明朝体フォントを使用したエレガントなデザインに、グランジテイストのテクスチャーを合わせたサイトです。 ...
-
La Dispute
アメリカ/ミシガン州出身のポスト・ハードコアバンド、La Dispute(ラ・ディスピュート)のオフィシャルサイトのWEBデザインです。 アルバム「Panorama」のアートワークをフルスクリーンで表示した、パステル調の淡く柔らかな色合いのサイトデザインです。 シンプルな構成のフラットデザインに、さりげなくグラデーションやパララックスも取り入れていて奥行きや広がりも感じさせています。...
-
QueenOnline.com – The Official Queen Website
イギリスのロックバンド、Queen（クイーン）のオフィシャルサイトのWEBデザインです。 ウインドウ幅いっぱいに表示されたスライダーとレンガ調のグリッドレイアウトで構成されたコンテンツへの誘導が特徴のサイトです。 モノトーンでスタイリッシュに配色されたサイトと画像の持つ色合いのコントラストがシャープですっきりとした印象を与えています。...
-
X JAPAN
日本のヴィジュアル系ロックバンド、X JAPAN（エックス・ジャパン）オフィシャルサイトのWEBデザインです。 ブラック×レッドのスタイリッシュな配色と、フルスクリーンで表示したアーティスト写真、グランジ調のテクスチャーが特徴のサイトです。 シングルカラムで構成されたレイアウトはコンテンツを際立たせていて、スクロールと連動して情報をひとつの文脈の中で伝えています。...
-
映画『WE ARE X』公式サイト Blu-ray DVD 12.13(wed) RELEASE
日本のロックバンドX JAPAN の軌跡に迫る音楽ドキュメンタリー映画、WE ARE X公式サイトのWEBデザインです。 ブルーとレッドを基調にしたキービジュアルをフルスクリーン表示、その上にロゴを大胆に表示したファーストビューが象徴的なサイトです。 GALLERYセクションではCSS3のtransformプロパティを使用して、マウスオーバー時に画像をズームさせてサイトに動きを与えています。...
-
YOSHIKI feat. HYDE 特設サイト
日本のロックバンド、X JAPANのYOSHIKIとL'Arc～en～CielのHYDEのコラボレーションユニット、YOSHIKI feat. HYDEのオフィシャルサイトのWEBデザインです。 ブラック×レッド×ゴールドという配色とざらざらとした質感のテクスチャー、接写画像をダイナミックに表示したダークかつエレガントな印象のサイトです。 PROFILEセクションではジグザグに半透明のレイヤー...
-
hide official web site [hide-city] www.hide-city.com
神奈川県横須賀市出身のギタリスト/ソロアーティスト、hide（ヒデ）さんのオフィシャルサイトのWEBデザインです。 トレードマークでもある髪色のピンクをアクセントカラーとした、ポップでビビッドな印象のサイトです。 上下を貫くブラックのナビゲーションがサイトに締まりを与え、また天地への広がりも感じさせています。...
-
MO’SOME TONEBENDER official web site
福岡出身のロックバンド、MO'SOME TONEBENDER（モーサム・トーンベンダー）オフィシャルサイトのWEBデザインです。 フルスクリーン表示したモノクロのアーティスト画像とモノトーンで統一された配色がスタイリッシュなサイトです。 DISCOGRAPHYベージでは画像に白枠を付けて、額縁効果でよりリリース作品を際立たせています。 TOPページスライダーの広告デザインのようなタイポグラフ...
-
Ringo Starr | Official Site
イギリス・リヴァプール出身のミュージシャン/シンガーソングライター、Ringo Starr（リンゴ・スター）オフィシャルサイトのWEBデザインです。 ホワイトと薄いグレーをベースにしたクリーンな配色と、画面幅いっぱいに使用した画像が特徴の、図版率の高いサイトです。 各ページごとに大きくキャッチ画像を表示しているのも特徴で、クローズアップした大胆な画像がシャープで切れ味のある印象を加えています。...
-
George Harrison – Official site with news, image gallery, links, discography of entire Harrison catalog, audio, video, and other media downloads.
イギリス・リヴァプール出身のミュージシャン/シンガーソングライター、George Harrison（ジョージ・ハリスン）オフィシャルサイトのWEBデザインです。 ホワイト・グレーベースにグリーンをアクセントとした配色と、ベーシックなレイアウトに映える手書き風フォントを使用したロゴが特徴のサイトです。 背景にパターン画像を繰り返し表示しているのも特徴で、インド哲学に魅了され続けた音楽性を表現して...
-
Official Paul McCartney: Tours, Music, Media & Community
イギリス・リヴァプール出身のミュージシャン/シンガーソングライター、Paul McCartney（ポール・マッカートニー）オフィシャルサイトのWEBデザインです。 ブラックをベースに彩度の高いアクセントカラーを加えた配色と、2カラム/グリッドレイアウトで構成されたサイトです。 テキストでさりげなくマスクしたロゴを用いていて、サイトを鮮やかに彩るアクセントとなっています。...
-
John Lennon – Official Website
イギリス・リヴァプール出身のミュージシャン/シンガーソングライター、John Lennon（ジョン・レノン）オフィシャルサイトのWEBデザインです。 ホワイトとグレーの濃淡にスカイブルーを加えた爽やかな配色と余白をたっぷりと取ったレイアウト、ダイナミックなスライダーが特徴のサイトです。 タイトルや見出しにウエイトのあるゴシック体のフォントを使用していて、本文との対比がポップで躍動感を与えていま...
-
The Beatles
イギリス・リヴァプール出身のロックバンド、The Beatles（ザ・ビートルズ）オフィシャルサイトのWEBデザインです。 MONO BOXのジャケットをモチーフとしたホワイト+グリーンの配色と、フルスクリーンで表示したダイナミズム溢れるスライダーが特徴のサイトです。 フラットデザインをベースにしながらもヘッダーやカード型コンポーネントに薄くシャドウを加えて、さりげない立体感を持たせています。...
-
L’Arc-en-Ciel LIVE 2018 L’ArChristmas
日本のロックバンド、L’Arc〜en〜Ciel (ラルク・アン・シエル）のLIVE 2018 L'ArChristmasのWEBデザインです。 ブラック×レッド×グリーン×ゴールドの配色とカンプからしっかりと作りこんだと思われるデザインがクリスマス感満載のエレガントなサイトです。 雪が舞うようなアニメーションやローディング画面、スクロール時のフェードイン等、ページ全体に多くのエフェクトを施して...
-
UNISON SQUARE GARDEN TOUR 2018「MODE MOOD MODE」
東京都出身のロックバンド、UNISON SQUARE GARDENのTOUR 2018「MODE MOOD MODE」スペシャルサイトのWEBデザインです。 ゴールドとブラックで色分けされたスプリットスクリーンレイアウトから2つのコンテンツページへ遷移するのが特徴的なサイトです。 「MODE MODE MODE」ページはモノトーン+ピンクの配色と斜めの要素を組み合わせたスタイリッシュなデザイン...
-
UNISON SQUARE GARDEN OFFICIAL SITE
東京都出身のスリーピースロックバンド、UNISON SQUARE GARDEN（ユニゾン・スクエア・ガーデン）のオフィシャルサイトのWEBデザインです。 アーティスト写真をフルスクリーンで表示したダイナミックなTOPページと、シンプルな中にテクスチャーが映える下層ページで構成されたサイトです。 様々な太さやドットのボーダーを使用しているのも特徴で、白地の中で黒い水平線がシックでスタイリッシュな...
-
The Who – Official Site of The Who, Pete Townshend and Roger Daltrey.
イギリスのロックバンド、The Who（ザ・フー）のオフィシャルサイトのWEBデザインです。 高彩度のカラフルな配色と画面幅をいっぱいに使ったスライダーやレイアウトが特徴のサイトです。 図版率が高いのも特徴で、モノクロやデュオトーン画像を大胆に取り入れてレトロ感も演出しながら強く印象付けています。...
-
ATATA『JOY』Release Tour 2016 -WE ARE ATATA ARMY!!! IN JAPAN!!!-
新代田発FEVER系6人組バンド、ATATAのミニアルバム「JOY」特設サイトのWEBデザインです。 アルバムのアートワークをモチーフとしたフェイスペイントの画像とアニメーション、3つにスプリットされたユニークなレイアウトが特徴のサイトです。 縦スクロールの中に斜めの要素を加えたり、左右ジグザグの配置で躍動感や流れを与えているポップでエネルギッシュなデザインです。...
-
Bruce Springsteen
アメリカ/ニュージャージー州出身のシンガーソングライター、Bruce Springsteen（ブルース・スプリングスティーン）のオフィシャルサイトのWEBデザインです。 モノトーン中心の配色と、趣きのある画像や質感のあるグランジ風ロゴがレトロでノスタルジックな雰囲気を感じさせるデザインです。 TOPページが記事のタイムラインのようになっていて、Pinterestに見られるようなレンガ調のレイア...
-
矢沢永吉公式サイト｜YAZAWA’S DOOR
広島出身のロックミュージシャン・タレント、矢沢永吉（やざわえいきち）氏のオフィシャルサイトのWEBデザインです。 モノトーンにレッドをアクセントとした配色と、ウインドウ幅いっぱいに表示したコンテンツやレイアウトがダイナミックでスタイリッシュなサイトです。 図版率が高いのも特徴で、画像の全面表示やスプリットスクリーンレイアウト等で視覚度を高めながらコンテンツを引き立たせています。...
-
04 Limited Sazabys OFFICIAL WEB SITE
名古屋出身のロックバンド、04 Limited Sazabys（フォー・リミテッド・サザビーズ）のオフィシャルサイトのWEBデザインです。 ウインドウ幅いっぱいに表示されたキービジュアルと、破れた紙のようなグランジデザインとポップなテキストデザインが特徴のサイトです。 MEDIAページではカテゴリーごとに色分けされたラベルを配置していて、ポップで鮮やかな印象を与えつつ情報を分かりやすくしていま...
-
スキマスイッチ OFFICIAL WEBSITE
大橋卓弥と常田真太郎からなる日本の音楽ユニット、スキマスイッチのオフィシャルサイトのWEBデザインです。 清涼感とポップさを併せ持つ配色と柔らかな質感のテクスチャーがナチュラルな雰囲気を感じさせるサイトです。 ウインドウサイズによって可変するカード型のレイアウトも特徴で、テキストや画像・動画等をスタイリッシュに配置しています。...
-
Anthony Hamilton
ノースカロライナ州シャーロット出身のR&B・ソウルシンガー、Anthony Hamilton（アンソニー・ハミルトン）オフィシャルサイトのWEBデザインです。 アルバム「What I’m Feelin」のアーティスト写真をフルスクリーン表示した、ダイナミックでインパクトのあるサイトです。 優しく控えめな淡い配色とカード型コンポーネントを組み合わせたデザインに、さりげないパララックスがサイトをよ...
-
TOTO – The official TOTO website
アメリカ/カリフォルニア州ロサンゼルス出身のロックバンド、TOTO（トト）のオフィシャルサイトのWEBデザインです。 アルバム「40 TRIPS AROUND THE SUN」のアートワークをモチーフとした、ダークかつプログレッシブな印象を受けるサイトデザインです。 ページやコンテンツに合わせてレイアウトを切り替えているのも特徴で、ナビゲーションもTOPページと下層ページで配置を変えています。...
-
桑田佳祐 Act Against AIDS 2018「平成三十年度！ 第三回ひとり紅白歌合戦」スペシャルサイト
サザンオールスターズのボーカル・桑田佳祐氏の第三回ひとり紅白歌合戦スペシャルサイトのWEBデザインです、 ゴールドのグラデーションや画像であしらった和風デザインと、紙吹雪のアニメーションが特徴のサイトです。 モバイルファーストを意識したようなレイアウトは閲覧デバイスによるデザインの差異が少なく、ARCHIVE要素では横幅いっぱいに表示を切り替えて最適化しています。...
-
Robbie Williams – The Heavy Entertainment Show
イギリス/ストーク・オン・トレント出身の男性シンガー、Robbie Williams（ロビー・ウィリアムズ）オフィシャルサイトのWEBデザインです。 背景に配置した斜めの太いボーダーと、グリッドを基調としながらもランダムにレイアウトされたコンテンツがにぎやかでスタイリッシュなサイトです。 各ページごとにカラフルな色分けをしていて、あえてバランスを崩したレイアウトと組み合わせてより印象的なページ...
-
okgo.net
アメリカ/シカゴ出身のインディー・ロックバンド、OK Go（オーケー・ゴー）オフィシャルサイトのWEBデザインです。 画面の横幅いっぱいに広がるナビゲーションの配置が特徴で、ビジュアルとカラーをセットにして情報を整理しながら華やかな印象を与えています。 ナビゲーションと合わせてコンテンツごとに下層ページのカラーリングも違っていて、カラフルでとてもにぎやかな雰囲気のサイトです。...
-
RIP SLYME OFFICIAL HP
日本のヒップホップグループ、RIP SLYME（リップスライム）オフィシャルサイトのWEBデザインです。 黒背景に映えるイエローの斬新な形をしたスライダーと、カラフルな色使いの囲み枠が特徴のにぎやかで楽しさを感じるサイトです。 角丸やサークル形状の要素が柔らかさやポップ感を持ちつつ、太いボーダーを組み合わせることでインパクトと力強さも感じさせています。 左右ジグザグに配置されたPROFILE...
-
Crown The Empire
アメリカ/テキサス州ダラス出身のポストハードコアバンド、Crown The Empire（クラウン・ジ・エンパイア）オフィシャルサイトのWEBデザインです。 ブラックベースにレッドを加えたホラーやゴシック感を感じさせる配色と、左側に固定されたグローバルナビゲーションが特徴のサイトです。 重厚感のある背景色と白文字×赤い画像のハイコントラストなデザインは、シンプルなレイアウトと合わさってシャープ...
-
MONOEYES OFFICIAL WEBSITE
ELLEGARDENやthe HIATUSでも活動する細美武士氏が立ち上げたロックバンド、MONOEYES（モノアイズ）オフィシャルサイトのWEBデザインです。 フルスクリーンのアーティスト画像上にロゴを配したダイナミックなTOPページと、シンプルでクリーンな印象の下層ページの対比がユニークなサイトです。 シンプルな中にもWEBフォントでデザイン性を高めたり、見出し下に装飾を加えることでアクセ...
-
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フォント、ジャンプ率が低いテキストで構成された、落ち着きと懐かしさを感じさせるデザインです。...
