CATEGORY : ブラック
-
04 Limited Sazabys OFFICIAL WEB SITE
名古屋出身のロックバンド、04 Limited Sazabys（フォー・リミテッド・サザビーズ）のオフィシャルサイトのWEBデザインです。 ウインドウ幅いっぱいに表示されたキービジュアルと、破れた紙のようなグランジデザインとポップなテキストデザインが特徴のサイトです。 MEDIAページではカテゴリーごとに色分けされたラベルを配置していて、ポップで鮮やかな印象を与えつつ情報を分かりやすくしていま...
-
Vanessa Carlton
ペンシルベニア州ミルフォード出身のピアニスト/シンガーソングライター、Vanessa Carlton（ヴァネッサ・カールトン）オフィシャルサイトのWEBデザインです。 油絵風のイラストを背景全体に敷き、その上にコンテンツを1カラムで表示したレイアウトが特徴のサイトです。 コンテンツやレイアウトはシンプルですが、全面に表示した油絵の温かく優しいタッチがサイトに独特の世界観を生んでいます。 ...
-
TOTO – The official TOTO website
アメリカ/カリフォルニア州ロサンゼルス出身のロックバンド、TOTO（トト）のオフィシャルサイトのWEBデザインです。 アルバム「40 TRIPS AROUND THE SUN」のアートワークをモチーフとした、ダークかつプログレッシブな印象を受けるサイトデザインです。 ページやコンテンツに合わせてレイアウトを切り替えているのも特徴で、ナビゲーションもTOPページと下層ページで配置を変えています。...
-
Ethermachines
エレクトロ・ノイズの鬼才と称されるオーストラリア出身のアーティスト、Ben Frost（ベン・フロスト）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示されたアヴァンギャルドな動画と、ブラックxホワイトxブルーの配色が孤高で深遠なイメージを与えるサイトです。 裁ち落としや区切り等、様々な形のボーダーでコンテンツを整理しながら装飾にも用いて、デザインにシャープで都会的な印象をもたら...
-
Robbie Williams – The Heavy Entertainment Show
イギリス/ストーク・オン・トレント出身の男性シンガー、Robbie Williams（ロビー・ウィリアムズ）オフィシャルサイトのWEBデザインです。 背景に配置した斜めの太いボーダーと、グリッドを基調としながらもランダムにレイアウトされたコンテンツがにぎやかでスタイリッシュなサイトです。 各ページごとにカラフルな色分けをしていて、あえてバランスを崩したレイアウトと組み合わせてより印象的なページ...
-
oaqk
東京のインストゥメンタル/ノイズバンド、oaqk（オーク）オフィシャルサイトのWEBデザインです。 ウインドウの横幅いっぱいに表示されたライブ動画のスライダーがサイトの世界観を構築しているサイトです。 モノトーンを中心とした重厚な印象の配色に整然としたレイアウトを組み合わせて、その音楽性を表すかのように、ダークな中にも知性を感じさせるデザインです、...
-
okgo.net
アメリカ/シカゴ出身のインディー・ロックバンド、OK Go（オーケー・ゴー）オフィシャルサイトのWEBデザインです。 画面の横幅いっぱいに広がるナビゲーションの配置が特徴で、ビジュアルとカラーをセットにして情報を整理しながら華やかな印象を与えています。 ナビゲーションと合わせてコンテンツごとに下層ページのカラーリングも違っていて、カラフルでとてもにぎやかな雰囲気のサイトです。...
-
RIP SLYME OFFICIAL HP
日本のヒップホップグループ、RIP SLYME（リップスライム）オフィシャルサイトのWEBデザインです。 黒背景に映えるイエローの斬新な形をしたスライダーと、カラフルな色使いの囲み枠が特徴のにぎやかで楽しさを感じるサイトです。 角丸やサークル形状の要素が柔らかさやポップ感を持ちつつ、太いボーダーを組み合わせることでインパクトと力強さも感じさせています。 左右ジグザグに配置されたPROFILE...
-
SEIROGAN UTILITY RECORDS
医薬品「正露丸」を販売する大幸薬品が立ち上げた音楽レーベル、SEIROGAN UTILITY RECORDSオフィシャルサイトのWEBデザインです。 フルスクリーンで大胆に表示されたブランド動画とその上で回転するロゴマーク、象徴的なオレンジをアクセントとした配色が特徴のサイトです。 大きく分かりやすい見出しとセクションごとに変えた背景色も特徴で、パララックスやアニメーションと合わせてスクロール...
-
Crown The Empire
アメリカ/テキサス州ダラス出身のポストハードコアバンド、Crown The Empire（クラウン・ジ・エンパイア）オフィシャルサイトのWEBデザインです。 ブラックベースにレッドを加えたホラーやゴシック感を感じさせる配色と、左側に固定されたグローバルナビゲーションが特徴のサイトです。 重厚感のある背景色と白文字×赤い画像のハイコントラストなデザインは、シンプルなレイアウトと合わさってシャープ...
-
MUTEK.JP – 電子音楽 × デジタルアートの祭典『MUTEK』
モントリオール発のデジタルアートと電子音楽の祭典、MUTEK.JPのオフィシャルサイトのWEBデザインです。 モノトーンにレッドでアクセントを加えたスタイリッシュな配色と、アブストラクトなパターン画像を配したモダンでテクノロジー感のあるサイトです。 1カラムとグリッドで構成されたレイアウトはレスポンシブとも相性が良く、PC/モバイルでの閲覧による差異が少ないデザインになっています。...
-
MONOEYES OFFICIAL WEBSITE
ELLEGARDENやthe HIATUSでも活動する細美武士氏が立ち上げたロックバンド、MONOEYES（モノアイズ）オフィシャルサイトのWEBデザインです。 フルスクリーンのアーティスト画像上にロゴを配したダイナミックなTOPページと、シンプルでクリーンな印象の下層ページの対比がユニークなサイトです。 シンプルな中にもWEBフォントでデザイン性を高めたり、見出し下に装飾を加えることでアクセ...
-
Hudson Mohawke
スコットランド出身のDJ/エレクトロニカ・ミュージシャン、Hudson Mohawke（ハドソン・モホーク）オフィシャルサイトのWEBデザインです。 グニャグニャと水面のように変化するビジュアルと、ウエイトのあるフォントを使用した大胆なタイポグラフィーが特徴のサイトです。 コントラストの強い配色がエフェクトを加えた画像と合わさって、テクノロジーや近未来感を感じさせるデザインとなっています。...
-
SHIBUYA MUSIC SCRAMBLE -渋谷音楽祭2018-
東京/渋谷の街全体をステージに活用した音楽イベント、渋谷音楽祭2018のオフィシャルサイトのWEBデザインです。 ロゴとキャッチコピーを大胆にフルスクリーン表示して、イベントごとにセクションで区切った縦長のシングルページサイトです。 セクションごとに背景画像や背景色で区切り、デザインテイストの異なるイベントを上手く1ページにまとめています。 嫌味を感じないさりげないパララックスは、縦長ページ...
-
Home | The Chemical Brothers
イギリスのテクノ・エレクトロニカユニット、The Chemical Brothers（ケミカル・ブラザーズ ）オフィシャルサイトのWEBデザインです。 アルバム「FREE YOURSELF」のMVを大胆に表示したファーストビュー、モノトーン中心の配色とカラフルな画像との美しいコントラストが特徴のサイトです。 CHEMIHISTORYページでは作品群を時系列に表示、パララックスを用いた奥行きを感...
-
CHVRCHES | LOVE IS DEAD
イギリス/グラスゴー出身のエレクトロポップ・バンド、CHVRCHES（チャーチズ）オフィシャルサイトのWEBデザインです。 ピンクとブルーを基調にしたカラフルな配色と、アルバム「LOVE IS DEAD」のアートワークをモチーフにしたデザインのシングルページのサイトです。 スクロールに合わせて背景色が変化していくのが美しく、さりげなく取り入れたブラシ風のデザインがアクセントを付けているのも特徴...
-
Animal Collective
アメリカ/ボルチモア出身のインディーロックバンド、Animal Collective（アニマル・コレクティヴ）オフィシャルサイトのWEBデザインです。 サイケデリックなその音楽性を表現するかのような、幾何学模様で描かれた動物やクリック時の効果音がインパクトの大きなサイトです。 筆で手書きされたようなフォントにさりげなくグラデーションを取り入れたり、細かなエフェクトやアニメーション等、細部までこ...
-
FKA twigs
イギリス/ロンドンを拠点に活動する女性シンガーソングライター、FKA twigs（エフケーエー・ツイッグス）のオフィシャルサイトのWEBデザインです。 音楽だけでなくそのファッションでも注目を浴びているアーティストならではのアーティスティックで写真をより綺麗に見せたサイトです。 他に見ないようなナビゲーションやレイアウトはユーザビリティの観念に囚われない、モダンで斬新であり大きなインパクトを与...
-
星野源 オフィシャルサイト
埼玉県出身の音楽家/俳優、星野源（ほしのげん）さんのオフィシャルサイトのWEBデザインです。 四方にホワイトエッジを設けてフレームに入ったように見せたアーティスト写真と、シンプルで爽快感のある配色が特徴のサイトです。 下層ページはシングルカラムのレイアウトでレスポンシブとの相性も良く、よりコンテンツに注視されるようになっています。 右側のサムネイルをクリックすることでメイン/背景画像を変更で...
-
U2 > Home
アイルランド出身のロックバンド、U2（ユーツー）オフィシャルサイトのWEBデザインです。 ブラック×グレー×ホワイトにレッドをアクセントにした配色と、美しく整理されたグリッドレイアウトがスタイリッシュなサイトです。 カード型のコンポーネントを多用しながらも区切りにボーダーを使わず、背景色を工夫することで見やすくすっきりとしたデザインになっています。...
-
五五七二三二〇 オフィシャルサイト
私立恵比寿中学のメンバー扮する前衛的アイドル、五五七二三二〇（ゴー・ゴー・ナナ・ニー・サン・ニー・レー）オフィシャルサイトのWEBデザインです。 フルスクリーン表示の菱形の中にコンテンツ、外側にメンバーとココナッツサブレが入れ替わるアニメーションが特徴のサイトです。 他のサイトでは見られない発想やレイアウトとカラフルで重厚なクリエイティブ等、コンセプトと共にユニークで斬新過ぎるデザインです。...
-
第17回 東京JAZZ｜2018年8月31日(金)・9月1日(土)・2日（日）
日本を代表する国際的ジャズフェスティバル、第17回 東京JAZZオフィシャルサイトのWEBデザインです。 ブラック×レッドのスタイリッシュな配色とダイナミックなスライダーが特徴的なサイトです。 画像やテキスト等の情報が多い中で、整然としたグリッドレイアウトと統一感のある配色が散漫とならないようにまとめている印象です。...
-
Tokyo Jazz X
東京JAZZ2018の関連イベント、Tokyo Jazz XのオフィシャルサイトのWEBデザインです。 ループする背景画像とコンテンツ読み込み時のアニメーションがスタイリッシュでユニークなサイトです。 出演アーティストの写真をデュオトーンにすることで全体のデザインや色彩に統一感を出しつつ、ポップで印象に残りやすいサイトにしています。...
-
clann
カナダ/モントリオール出身のKin Fablesによる音楽プロジェクト、clannのオフィシャルサイトのWEBデザインです。 モノクロでダークな画風が印象的なイラストと、質感のあるテクスチャーを背景に敷いたシンプルなレイアウトのサイトです。 嫌味のないアニメーションは好感度が高く、注目させたいコンテンツや要素をさりげなく目立たせています。 大きく取った余白と黒くザラザラとした質感の背景画像は...
-
くるり『その線は水平線』特設サイト
京都出身のロックバンド、くるりのシングル「その線は水平線」特設サイトのWEBデザインです。 アートワークに使用されているレトロでノスタルジックな雰囲気の海面画像をフルスクリーンで表示したダイナミックなサイトです。 シンプルなボーダーと明朝体のWEBフォント、ジャンプ率が低いテキストで構成された、落ち着きと懐かしさを感じさせるデザインです。...
-
くるり / QURULI
京都出身のロックバンド、くるりのオフィシャルサイトのWEBデザインです。 アルバム「ソングライン」のアートワークである風景イラストを横幅いっぱいに表示、その上を線で描画するSVGアニメーションのロゴが印象的なサイトです。 シンプルで無駄な装飾を省いたデザインの下層ページでは、縦書きの見出しがシャープでより引き立っています。...
-
Fatboy Slim – Official Website
イギリスのクラブDJ/ミュージシャンであるノーマン・クックのプロジェクト、Fatboy Slim（ファットボーイ・スリム）オフィシャルサイトのWEBデザインです。 大小のグリッドでアクセントとメリハリを付けたレイアウトと、ブラック×イエローの配色がポップかつ印象的なサイトです。 画像を大胆に大きく表示しているのも特徴で、ウエイトのある見出しと合わせて元気で賑やかな雰囲気を作り、より直感的に伝わ...
-
第９回大阪国際室内楽コンクール＆フェスタ｜OSAKA International Chamber Music Competition & Festa | 公益財団法人 日本室内楽振興財団
公益財団法人・日本室内楽振興財団が運営する第９回大阪国際室内楽コンクール＆フェスタのオフィシャルサイトのWEBデザインです。 格調高く重厚感を感じさせるブラック×ゴールドの配色と、斜めの要素をふんだんに使ったレイアウトがスタイリッシュな印象を与えているサイトです。 随所にさりげなくグラデーション要素を取り入れている事でアクセントを与え、ダークな印象になりがちな配色を華やかで鮮やかに彩っています...
-
Ken Yokoyama セルフコンピレーションアルバム [Songs Of The Living Dead] リリース特設サイト / PIZZA OF DEATH RECORDS
Hi-STANDARDのギター&ボーカル、Ken Yokoyama氏のアルバム「Songs Of The Living Dead」特設サイトのWEBデザインです。 アルバムのアートワークをダイナミックにフルスクリーンで表示、ホラーとパンクカルチャーを融合したようなデザインが印象的です。 イラストを大々的に使用することで独自の世界観を構築しつつ、他のサイトにはないオリジナリティとインパクトを感じ...
-
TuneCore Japan
デジタル音楽配信サービス、TuneCore Japan（チューンコア・ジャパン）のWEBデザインです。 ドキュメンタリーのような動画をフルスクリーンで表示、その中央に配置したシンプルなキャッチコピーと赤色のボタンが目を惹くサイトです。 シンプルでスタイリッシュなレイアウトの中にパララックスやグラデーション、デュオトーンを取り入れてモダンな印象を与えています。...
-
hernameisbanks
カリフォルニア州ロサンゼルス出身の女性シンガーソングライター、BANKS（バンクス）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示されたモノクロのアーティスト写真が印象的なサイトで、凛とした静逸の中に妖艶で独特な世界観を感じさせています。 ロゴやアーティスト名も表示せず一切の無駄を省いたミニマルなデザインの中で、細かなこだわりを感じるメニューの開閉アニメーションが光っています。...
-
THE BLUE HEARTS 30周年 特設サイト
日本のパンクロックバンド、THE BLUE HEARTS（ザ・ブルーハーツ）の30周年特設サイトのWEBデザインです。 背景にフルスクリーンでライブ動画を表示して、中央に半透明のアニバーサリーロゴを大きく配置したレイアウトのシングルページです。 1stアルバムを想起させるような白/黒/ブルーの配色と、右側に固定された各セクションごとへのナビゲーションも特徴で、 Discographyコンテン...
-
ROGUE / REAL AGAIN | ポニーキャニオン
群馬県出身のロックバンド、ROGUE（ローグ）のアルバム「REAL AGAIN」特設サイトのWEBデザインです。 モノクロのアーティスト画像を横幅いっぱいに表示、モノトーン＋ネイビーでスタイリッシュにまとめた配色が特徴のシングルページです。 特設サイトということでアートワークを大きく配置していて、ポップアップする視聴プレーヤー等、アルバムの世界観を余すことなく伝えています。...
-
Kesha Official Site
アメリカの女性歌手/シンガーソングライター、Kesha（ケシャ）のオフィシャルサイトのWEBデザインです。 アルバム「Rainbow」のアートワークをモチーフにしたポップでカラフル、賑やかなシングルページのサイトです。 マウスオーバーで反応するアートワークと、フォームのボタンが目玉のような画像になっている部分に遊び心を感じます。...
-
Kandace Springs | Official Site
ナッシュビル出身のシンガー・ソングライター/ピアニスト、Kandace Springs（キャンディス・スプリングス）オフィシャルサイトのWEBデザインです。 アルバム「indigo」のアートワークをフルスクリーンで表示、インディゴとブルーを中心にした配色がジャジーでクールな雰囲気を演出しているサイトです。 ウインドウの上部と下部に配置されたナビゲーションがスクロールすると上部に2段で固定される...
-
TEAC (日本)
日本の音響機器メーカー、TEAC（ティアック）のWEBデザインです。 モノトーンで統一された潔い配色と、整然としたグリッドレイアウト、フルスクリーンのダイナミックなスライダーが特徴のサイトです。 製品に白抜き画像を使っているのも特徴で、ホワイトスペースが増えることで高級感や落ち着きも演出していて、老舗メーカーの風格を感じさせています。...
-
MAROON 5 RED PILL BLUES JAPAN TOUR – ウドー音楽事務所
カリフォルニア出身のバンド、Maroon 5(マルーン5)のRED PILL BLUES JAPAN TOUR特設サイトのWEBデザインです。 バンド名のマルーンとピンクをベースにした配色が印象的な、縦長のシングルページです。 セクションごとに切り替わる背景色やフルスクリーン画像とパララックスを組み合わせ、コンテンツの区切りを分かりやすくしています。 8ビットのファミコンを想起させるようなレ...
-
Ennio Morricone | Official website
イタリアの作曲家、Ennio Morricone（エンニオ・モリコーネ）オフィシャルサイトのWEBデザインです。 モノクロの画像とモノトーン中心の配色にオレンジをアクセントカラーとして加えた、モダンでスタイリッシュな印象のサイトです。 大きなジャンプ率の大胆な見出しは存在感があり、落ち着いた雰囲気のデザインの中で視線を集めてメッセージを伝えています。...
-
GodCity Studio | We record sounds.
CONVERGEのギタリストKurt Ballouが運営するレコーディングスタジオ、GodCity StudioのWEBデザインです。 シンプルでフラットなデザインと、モノトーン中心の配色、TOPページ下部にあるダイナミックなスライダーが特徴のスタイリッシュなサイトです。 図版率が大きいのも特徴で、画像の上に半透明レイヤーを置いてテキストを表示していて、ORANGEのアンプを彷彿させる配色がア...
-
AGNÈS B. RADIO
フランスのファッションブランド、アニエスベーがセレクトしたWEBラジオ、AGNÈS B. RADIOのWEBデザインです。 大胆で猥雑な画像の配置と背景に帯をつけたテキスト等、往年のパンクバンドのフライヤーやジャケットデザインを彷彿させるサイトです。 下層ページでは左側にナビゲーションを固定、1カラムでコンテンツをしっかり見せるレイアウトとなっています。 ...
