CATEGORY : エレクトロニカ
-
PUBIC HAIR GROOVING｜アンダーヘアで音楽を
株式会社人間とm-floの☆Taku Takahashi氏によるアンダーヘアで音楽を作るプロジェクト、PUBIC HAIR GROOVINGのWEBデザインです。 衝撃的なキービジュアルとカラフルな配色やグラデーション、大胆なタイポグラフィーや斜めの要素が特徴のシングルページです。 canvasで描画された波形のアニメーションや動画の背景画像等がダンス・エレクトロニカ感も高めている、ユニークで...
-
Ethermachines
エレクトロ・ノイズの鬼才と称されるオーストラリア出身のアーティスト、Ben Frost（ベン・フロスト）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示されたアヴァンギャルドな動画と、ブラックxホワイトxブルーの配色が孤高で深遠なイメージを与えるサイトです。 裁ち落としや区切り等、様々な形のボーダーでコンテンツを整理しながら装飾にも用いて、デザインにシャープで都会的な印象をもたら...
-
Washed Out
アメリカのミュージシャン、アーネスト・グリーンによる音楽プロジェクト、Washed Out（ウォッシュト・アウト）オフィシャルサイトのWEBデザインです。 クネクネと回る手書きのカセットテープのGIFアニメーションをフルスクリーンで表示した、レトロでアナログ感を感じさせるデザインです。 縦に4分割したナビゲーションと無駄を省いたコンテンツ等、デザインやレイアウトと共に他に類を見ない個性的なサイ...
-
MUTEK.JP – 電子音楽 × デジタルアートの祭典『MUTEK』
モントリオール発のデジタルアートと電子音楽の祭典、MUTEK.JPのオフィシャルサイトのWEBデザインです。 モノトーンにレッドでアクセントを加えたスタイリッシュな配色と、アブストラクトなパターン画像を配したモダンでテクノロジー感のあるサイトです。 1カラムとグリッドで構成されたレイアウトはレスポンシブとも相性が良く、PC/モバイルでの閲覧による差異が少ないデザインになっています。...
-
Hudson Mohawke
スコットランド出身のDJ/エレクトロニカ・ミュージシャン、Hudson Mohawke（ハドソン・モホーク）オフィシャルサイトのWEBデザインです。 グニャグニャと水面のように変化するビジュアルと、ウエイトのあるフォントを使用した大胆なタイポグラフィーが特徴のサイトです。 コントラストの強い配色がエフェクトを加えた画像と合わさって、テクノロジーや近未来感を感じさせるデザインとなっています。...
-
Home | The Chemical Brothers
イギリスのテクノ・エレクトロニカユニット、The Chemical Brothers（ケミカル・ブラザーズ ）オフィシャルサイトのWEBデザインです。 アルバム「FREE YOURSELF」のMVを大胆に表示したファーストビュー、モノトーン中心の配色とカラフルな画像との美しいコントラストが特徴のサイトです。 CHEMIHISTORYページでは作品群を時系列に表示、パララックスを用いた奥行きを感...
-
CHVRCHES | LOVE IS DEAD
イギリス/グラスゴー出身のエレクトロポップ・バンド、CHVRCHES（チャーチズ）オフィシャルサイトのWEBデザインです。 ピンクとブルーを基調にしたカラフルな配色と、アルバム「LOVE IS DEAD」のアートワークをモチーフにしたデザインのシングルページのサイトです。 スクロールに合わせて背景色が変化していくのが美しく、さりげなく取り入れたブラシ風のデザインがアクセントを付けているのも特徴...
-
FKA twigs
イギリス/ロンドンを拠点に活動する女性シンガーソングライター、FKA twigs（エフケーエー・ツイッグス）のオフィシャルサイトのWEBデザインです。 音楽だけでなくそのファッションでも注目を浴びているアーティストならではのアーティスティックで写真をより綺麗に見せたサイトです。 他に見ないようなナビゲーションやレイアウトはユーザビリティの観念に囚われない、モダンで斬新であり大きなインパクトを与...
-
clann
カナダ/モントリオール出身のKin Fablesによる音楽プロジェクト、clannのオフィシャルサイトのWEBデザインです。 モノクロでダークな画風が印象的なイラストと、質感のあるテクスチャーを背景に敷いたシンプルなレイアウトのサイトです。 嫌味のないアニメーションは好感度が高く、注目させたいコンテンツや要素をさりげなく目立たせています。 大きく取った余白と黒くザラザラとした質感の背景画像は...
-
Fatboy Slim – Official Website
イギリスのクラブDJ/ミュージシャンであるノーマン・クックのプロジェクト、Fatboy Slim（ファットボーイ・スリム）オフィシャルサイトのWEBデザインです。 大小のグリッドでアクセントとメリハリを付けたレイアウトと、ブラック×イエローの配色がポップかつ印象的なサイトです。 画像を大胆に大きく表示しているのも特徴で、ウエイトのある見出しと合わせて元気で賑やかな雰囲気を作り、より直感的に伝わ...
-
hernameisbanks
カリフォルニア州ロサンゼルス出身の女性シンガーソングライター、BANKS（バンクス）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示されたモノクロのアーティスト写真が印象的なサイトで、凛とした静逸の中に妖艶で独特な世界観を感じさせています。 ロゴやアーティスト名も表示せず一切の無駄を省いたミニマルなデザインの中で、細かなこだわりを感じるメニューの開閉アニメーションが光っています。...
-
Kesha Official Site
アメリカの女性歌手/シンガーソングライター、Kesha（ケシャ）のオフィシャルサイトのWEBデザインです。 アルバム「Rainbow」のアートワークをモチーフにしたポップでカラフル、賑やかなシングルページのサイトです。 マウスオーバーで反応するアートワークと、フォームのボタンが目玉のような画像になっている部分に遊び心を感じます。...
-
BECK | OFFICIAL WEBSITE
アメリカ/カリフォルニア州出身のソロミュージシャン、BECK（ベック）オフィシャルサイトのWEBデザインです。 グレーをベースにした配色のクールでスタイリッシュなデザインに、六角形のカラフルなオブジェクトが世界観を作っているサイトです。 ページ遷移時のアニメーションが非常にユニークで、マイクロインタラクションを取り入れてユーザー体験を高めています。 ブレイクポイント640px以下で切り替わる...
-
KENJI ENDO
東京出身のレジデントDJ/トラックメーカーのKENJI ENDOさんのオフィシャルサイトのWEBデザインです。 印象的なアーティスト画像と大胆なタイポグラフィ、canvasで描かれたアブストラクトな模様のアニメーションが特徴的なサイトです。 スクロールで変化していくパララックスやグラデーションも美しく、またコンタクトフォームのホバーエフェクトと合わせて近未来感も感じられるデザインです。...
-
Japanese Breakfast – Official Website
Little Big Leagueのボーカリスト、ミシェル・ザウナーによるソロプロジェクト、Japanese Breakfast（ジャパニーズ・ブレックファスト）のWEBデザインです。 シンプルで余白を多く取ったフラットデザインに配置された独特なタッチのイラストが印象に残るサイトです。 ファビコンと合わせてサイトの世界観を一手に担って構築していて、アメリカと韓国の両方のテイストが感じられるデザ...
-
タビノエ – きこえる音、うかぶ風景 – 10/7(日) 18:30 東京・蔵前 Nui. HOSTEL& BAR LOUNGE
音楽イベント、「タビノエ – きこえる音、うかぶ風景 -」の特設サイトのWEBデザインです。 ホワイトスペースが心地の良いゆったりとしたレイアウトと美しい風景画像、その上にずらして重なったテキストが特徴のデザインです。 ジャンプ率の低いテキストと淡い配色、さりげなく取り入れたナビのグラデーション等が柔らかで落ち着いた雰囲気を演出しています。...
-
Home / Ninja Tune
クラブミュージックのリリースで知られるロンドンのインディペンデント・レーベル、Ninja Tune（ニンジャ・チューン）のWEBデザインです。 アクセス毎にランダムでリリース作品のアートワークをフルスクリーン表示したダイナミックなサイトです。 モノトーン中心の配色と無駄な装飾を省いたシンプルなサイトですが図版率が高く、大きく表示された画像が華やかでにぎやかな印象を与えています。...
-
Namie Amuro 25th Anniversary Site
沖縄出身の歌手/ダンサー、安室奈美恵（あむろなみえ）さんの25周年スペシャルサイトのWEBデザインです。 フルスクリーン表示のアーティスト写真が年毎にくるくると切り替わるアニメーションが圧巻のダイナミックなサイトです。 線の描画が美しいSVGアニメーションやテキストエフェクトを取り入れることでサイトをよりリッチに演出しています。 ...
-
KPP 5th Anniversary Special Website
日本の女性歌手/ファッションモデル、きゃりーぱみゅぱみゅさんの5周年記念スペシャルサイトのWEBデザインです。 フルスクリーンの動画からスクロールで奥へと進んでいくかのようなストーリー仕立てのアニメーションが圧巻の体験型サイトです。 独特の世界観を演出しているイラストやカラフルでポップな配色と共に、遊び心とインパクトを多分に併せ持ったデザインです。...
-
Sam Smith | Home – Sam Smith
イギリスのシンガーソングライター、Sam Smith（サム・スミス）オフィシャルサイトのWEBデザインです。 余白を大きく取ったアーティスト写真と薄いグレーを中心にモノトーンでまとめた配色がクールでスタイリッシュなサイトです。 左側にハンバーガーメニューで開閉するグローバルナビゲーション、右側に各SNSへの動線があるのも特徴で、レスポンシブでの可変を意識したデザインです。...
-
Bonobo
ロサンゼルスを拠点とする英国人ミュージシャン、Bonobo（ボノボ）オフィシャルサイトのWEBデザインです。 アルバム「Migration」のアートワークをフルスクリーンで背景に表示した、ダイナミックでスケール感のあるサイトです。 1カラムのシングルページで無駄な要素や装飾を省いた潔いページは分かりやすく、またレスポンシブでも差異が少ないデザインとなっています。...
-
TETSUYA KOMURO ARCHIVES
音楽プロデューサー小室哲哉氏のアルバム「TETSUYA KOMURO ARCHIVES」 の約15mに及ぶ大型アートワークのデジタル版サイトのWEBデザインです。 各時代を切り取ったかのような象徴的な背景画像を鮮やかなグラデーションで繋ぎ、横スクロールのタイムラインで見せた斬新なデザインです。 ローディング時のアニメーションも凝っていて、デザイン性と共にユニークで他には見ないようなサイトです。...
-
SQUAREPUSHER
イギリスのミュージシャン/作曲家/ベーシスト、トーマス・ジェンキンソンことSQUAREPUSHER（スクエアプッシャー）オフィシャルサイトのWEBデザインです。 無彩色を中心とした配色に左側に固定ナビゲーション、グリッドに囚われない自由なレイアウトのコンテンツが特徴のサイトです。 大胆に配置したり上下左右を反転したりと遊び心満載の見出しや、ずれたり重なったりしたテキストやフォームは斬新でウィッ...
-
Namie Amuro Official Site
沖縄出身の歌手/ダンサー、安室奈美恵（あむろなみえ）さんのオフィシャルサイトのWEBデザインです。 ホワイト+シャンパンゴールドの配色と広めに取られたホワイトスペースがエレガントで洗練された印象を感じさせるデザインです。 フルスクリーンで表示されたライブ画像はビジュアル面で魅了するだけでなく、それ自体がバナーとなっていて購入ページへの誘導の役割を果たしています。...
-
namie amuro Final Space
安室奈美恵さんの軌跡を辿る体感型の展覧会、namie amuro Final Spaceの特設サイトのWEBデザインです。 キラキラとしたメインビジュアルとシャンパンゴールドをアクセントとした配色、セリフ体のフォントを見出しに使用したエレガントなサイトです。 ホワイトベースのシングルページの途中にグレーの背景を用いることでコンテンツの区切りを作りつつ、ページに締まりを与えています。...
-
Waiting For Morning To Come | Being As An Ocean
カリフォルニア州アルパイン出身のポスト･ハードコアバンド、Being As An Ocean（ビーイング・アズ・アン・オーシャン）のWEBデザインです。 シンプルなシングルページで1カラムでコンテンツを並べ、スクロールで見せていくストーリーテリング型のサイトです。 ページの四隅に配された四角やテキストをクリックするとサイト全体の色を反転できる、遊び心のある仕掛けも特徴です。...
-
GOSPELS OF JUDAS
L.A.在住の日本人ギタリストYT氏が中心となったプロジェクト、GOSPELS OF JUDAS（ゴスペルズ オブ ジュダ）オフィシャルサイトのWEBデザインです。 画面の横幅いっぱいのダイナミックなスライダーとモノトーン中心の配色が特徴のシンプルなフラットデザインのサイトです。 レスポンシブを意識したグリッド＆1カラムのレイアウトで構築されていて、様々なデバイスでの閲覧環境によるデザインの差...
-
Homepage – Orbital
イギリス出身のテクノユニット、Orbital（オービタル）オフィシャルサイトのWEBデザインです。 アルバム「Monsters Exist」のアートワークの世界観を表現した、ダークかつファンタジーな印象のデザインです。 サイト全体に縦書きの見出しを大胆に配置することで目新しさやアクセントが出て、インパクトと強いインプレッションを与えています。...
-
KRAFTWERK
ドイツの電子音楽グループ、KRAFTWERK（クラフトワーク）オフィシャルサイトのWEBデザインです。 ユーザビリティの観念に囚われない前衛的で自由な表現は洗練されたモダンなサイトとは真逆の、荒々しくブルータルなデザインです。 TOPページのファミコンを想起させるようなGIFアニメーションが印象的で、WEB黎明期を思わせるような斬新でユニークなサイトです。 ...
-
Madonna.com > Home
アメリカ/ミシガン州出身の歌手/シンガソングライター/女優、Madonna（マドンナ）さんのオフィシャルサイトのWEBデザインです。 アルバム「Ray Of Light」の20th Anniversaryを記念したデザインで、フルスクリーンで表示されたアートワークとモノトーン×レッドの配色がスタイリッシュです。 大きなキャッチやサムネイル画像はダイナミックで見る人の目を引き、より直感的にコンテ...
-
Home | Michael Jackson Official Site
アメリカのエンターテイナー/シンガーソングライター/ダンサー、MICHAEL JACKSON（マイケル・ジャクソン）オフィシャルサイトのWEBデザインです。 シャンパンゴールドを取り入れた配色はマイルドで優しく穏やかな高級感を演出していて、華やかでありながら大人の落ち着きも併せ持っています。 アイコンでページ下部に配置されたアプリライクなナビゲーションや、時系列に表示されたコンテンツ等、他のサ...
-
水曜日のカンパネラ OFFICIAL SITE
日本の音楽ユニット、水曜日のカンパネラのオフィシャルサイトのWEBデザインです。 数多のサイトとは異なるブルータルなレイアウトやデザインはとても刺激的でありながら、ミニマルでわかりやすいサイト構成です。 ビジュアル要素として見せるテキスト、レトロな印象も受ける画像、ダイナミックなアニメーション等、斬新で独創的なデザインのサイトです。...
-
フジファブリック Official Website
日本のロックバンド、フジファブリックのオフィシャルサイトのWEBデザインです。 フルスクリーンで表示された迫力のあるスライダーにフィギュア画像を使用した、ポップで柔らかな雰囲気を持つサイトです。 ホワイトとミントグリーンの爽やかな配色と、縦横の直線ボーダーがサイトをキリっとシャープにしています。...
-
lycoriscoris
都内を中心に活動するエレクトロニカ系の音楽家、lycoriscoris（リコリスコリス）オフィシャルサイトのWEBデザインです。 切なく懐かしいような風景画像をフルスクリーンで表示、ジャンプ率のないテキストや横長の画像が平穏で落ち着いた印象を与えるサイトです。 シンプルで無駄を極力省いたようなデザインは潔く、柔らかな配色と合わさって知的でシックな雰囲気を演出しています。...
-
Katy Perry | WITNESS. THE ALBUM. THE TOUR
アメリカ/カリフォルニア州出身の女性シンガーソングライター、Katy Perry（ケイティー・ペリー）さんのオフィシャルサイトのWEBデザインです。 インパクトの大きいメインビジュアルが印象的なサイトで、フラットデザインをポップながらも女性らしい配色で鮮やかに彩っています。 ブレイクポイントを細かく設定したレスポンシブデザインで、ウインドウ幅640px以下ではアプリライクなアイコンメニューに切...
-
Home – Massive Attack
イギリス/ブリストル出身のユニット、Massive Attack（マッシヴ・アタック）オフィシャルサイトのWEBデザインです。 動画コンテンツをフルスクリーンで表示して全面的に使用し、イメージ喚起と共に多くの情報を持たせ、より訴求力を高めています。 映像ノイズが入ったような背景画像と大胆な配置のテキスト画像など、荒々しくも奇抜で斬新な印象のブルータルなデザインです。...
-
Taylor Swift – Taylor Swift – End Game ft. Ed Sheeran, Future
アメリカ/ペンシルベニア州出身の女性歌手、Taylor Swift（テイラー・スイフト）オフィシャルサイトのWEBデザインです。 アルバム「reputation」のアートワークをモチーフとした、英字新聞をイメージするようなビジュアルが印象的なサイトです。 モノトーンにレッドとゴールドをプラスした配色が女性らしいエレガントさを演出していて、セリフ体のフォントと合わせてクラシカルな雰囲気も醸し出し...
-
きゃりーぱみゅぱみゅOFFICIAL HOMEPAGE
日本の女性歌手/ファッションモデル、きゃりーぱみゅぱみゅさんのオフィシャルサイトのWEBデザインです。 クリーンなフラットデザインのサイトで、余白を大きく取った動画からずらして重ねたタイトルテキストが遊び心とインパクトを与えています。 モノトーン中心のシンプルな配色の中で動画自体の持つ色彩や、部分的に敷かれている幾何学的な背景画像がサイトを鮮やかに彩っています。 ...
-
Minus The Bear
アメリカ/シアトル出身のインディーロックバンド、Minus The Bear（マイナス・ザ・ベアー）オフィシャルサイトのWEBデザインです。 アルバム「PLANET OF ICE」Anniversary Tourのポスターをモチーフにフルスクリーンで表示、ブラックとピンクの配色がビビッドかつ毒々しいデザインです。 ノイズ加工をしたデュオトーンの画像やグラデーションの背景画像を用いて、フラットな...
-
雨のパレード オフィシャルサイト
日本のロックバンド、雨のパレードのオフィシャルサイトのWEBデザインです。 VIDEOタグで埋め込まれた抽象的な動画がナビゲーションとなっている独特なサイトで、モノトーン配色に動画の持つ色彩が映えています。 無駄な装飾を極力省き、ジャンプ率を抑えて細めのフォントを使用したミニマルなデザインはクリーンで知的なイメージを感じられます。 ...
- Page 1 of 2
- 1
- 2
