CATEGORY : Modernizr
-
Steinway & Sons
アメリカの老舗ピアノメーカー、Steinway & Sons（スタインウェイ＆サンズ）のWEBデザインです。 ホワイトとグレーをベースにした配色、美しいロゴ、グリッドで整然とレイアウトされた格調高く洗練された印象のデザインです。 広い行間でたっぷりと余白を取った優雅な雰囲気に、大きめの画像を配置することでダイナミックにもしています。...
-
Dead Letter Circus – New album The Endless Mile
オーストラリア出身のオルタナティヴロックバンド、DEAD LETTER CIRCUS（デッド・レター・サーカス）オフィシャルサイトのWEBデザインです。 フルスクリーンでフェードイン/アウトする大きな画像とブルーをアクセントとした配色、半透明の固定ナビゲーションがクールでスタイリッシュなサイトです。 部分的にグランジ調の背景テクスチャを用いて質感を高めたり、フッターにさりげなくパララックスを取...
-
Gouge Away
フロリダ出身の女性ボーカル激情ハードコアバンド、Gouge AwayオフィシャルサイトのWEBデザインです。 アルバム「BURNT SUGAR」のパープルブラウンとミントグリーンを基調とした配色が甘くもレトロ感も感じさせるデザインです。 デュオトーンのライブ画像を背景にフルスクリーンで表示、図版率も大きめのレイアウトでライブ感のあるダイナミックなサイトです。...
-
アナ Official WebSite
福岡出身の２人組バンド、アナのオフィシャルサイトのWEBデザインです。 アースカラーを取り入れた配色と柔らかな質感のテクスチャを用いた、ナチュラルな雰囲気のサイトです。 アイコンを積極的に取り入れたり、ページ下部にはコンテンツをピンク・ネイビー・イエローで区切って配置したりと視覚的に分かりやすく配慮されています。...
-
Official Nirvana Website: Complete Discography, Videos and more
ワシントン州アバディーン出身のロックバンド、Nirvana（ニルヴァーナ）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示された動画がダイナミックで大きなインパクトを与えるサイトで、パララックスも取り入れた縦長のページです。 色使いを抑えた配色とフラットデザイン、罫線のみで装飾したシンプルな見出し等が動画やジャケット画像を映えて見せています。...
-
Hotei
群馬県出身/ロンドン在住のギタリスト・ロックミュージシャン、布袋 寅泰（ほていともやす）氏のENGLISH SITEのWEBデザインです。 フラットなデザインとネイビー+レッドの配色がクールでスタイリッシュな印象で、固定ナビゲーションとアンカーリンクが特徴の縦長ページのサイトです。 トレードマークでもある幾何学模様を色々なパターンで背景に敷いていて、オリジナリティと近未来的なイメージをもたらし...
-
Michael Nyman
ロンドン出身のピアニスト/作曲家、Michael Nyman（マイケル・ナイマン）オフィシャルサイトのWEBデザインです。 ホワイトとグレーの濃淡を中心としたモノトーン配色とシンプルで無駄な装飾を省いた、洗練された印象のサイトです。 グリッドで整然としたレイアウトの中に大小様々なカードで動きを出したり、なめらかなエフェクトを加えたりとシンプルな中にこだわりを感じさせています。...
-
GOSPELS OF JUDAS
L.A.在住の日本人ギタリストYT氏が中心となったプロジェクト、GOSPELS OF JUDAS（ゴスペルズ オブ ジュダ）オフィシャルサイトのWEBデザインです。 画面の横幅いっぱいのダイナミックなスライダーとモノトーン中心の配色が特徴のシンプルなフラットデザインのサイトです。 レスポンシブを意識したグリッド＆1カラムのレイアウトで構築されていて、様々なデバイスでの閲覧環境によるデザインの差...
-
go!go!vanillas
日本のロックバンド、go!go!vanillas（ゴーゴーバニラズ）オフィシャルサイトのWEBデザインです。 フラットなデザインにパステル調のピンクやブルーの配色が映えるシンプルなデザインで、左側に固定されたナビゲーションが特徴のサイトです。 メインビジュアルのスライダーや斜めになったナビゲーションのアニメーションがユニークで、ローディング時の動きも読み込みのストレスを和らげています。...
-
EGO-WRAPPIN’
大阪出身のユニット、EGO-WRAPPIN'（エゴラッピン）オフィシャルサイトのWEBデザインです。 真っ暗な中にランプの明かりが点る仕掛けが印象的で、大きな見出しや横幅いっぱいの画像＆カルーセルが黒背景のサイトに躍動感を与えています。 コンテンツ表示時のアニメーションが凝っていて、DISCOGRAPHYをカテゴリーごとにソートした時のカードをシャッフルしたような動きも素敵です。...
-
Ólafur Arnalds
アイスランドの音楽家・作曲家のÓlafur Arnalds（オーラヴル・アルナルズ）オフィシャルサイトのWEBデザインです。 ホワイトとグレーを基調にした配色とたっぷりと取った余白が知的でクリーンな印象を感じさせています。 大胆で太めのサンセリフ体を下層ページの見出しにしてメリハリを付けつつ、セリフ体を使用してクラシカルな雰囲気も持たせています。 TOPページのジャケット画像にマウスオーバー...
-
D’Addario Nickel Bronze Acoustic Guitar Strings
アメリカ/ニューヨーク州ロングアイランドの楽器弦メーカー、D’Addario（ダダリオ）のニッケルブロンズ弦特設サイトのWEBデザインです。 ブラウンを基調にしたアーシーな配色とレトロな風合いのフォント選び、ウッド調のテクスチャーが懐かしい雰囲気を醸し出したサイトです。 スプリットスクリーンレイアウトで画面を分割して、違うタイプの弦を聞き比べるというアイデアはとてもユニークです。...
-
Mötley Crüe
アメリカ/カリフォルニア州ロサンゼルス出身のロックバンド、Mötley Crüe（モトリー・クルー）オフィシャルサイトのWEBデザインです。 代表作でもある「GIRLS, GIRLS, GIRLS」をモチーフとした猥雑なイメージのファーストビューや、横幅いっぱいのダイナミックなスライダーが印象的なサイトです。 ブラック×ピンク×レッドの配色やWEBフォントで装飾されたグランジテイストの見出しが...
-
LUNA SEA OFFICIAL WEBSITE
東京都町田市出身のヴィジュアル系ロックバンド、LUNA SEA（ルナシー）オフィシャルサイトのWEBデザインです。 ブラック×レッドの配色がダークかつクールな印象のサイトで、背景に敷いた海や月面を想起させる画像が壮大で幻想的なイメージを作っています。 シングルカラムで構成されたレイアウトは大きなオブジェクトを配置しやすく、余分な動線がないためコンテンツを際立たせています。...
-
LIMP BIZKIT | Established 1995.
アメリカのニューメタル/ラップメタル・バンド、LIMP BIZKIT（リンプ・ビズキット）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示された動画をロゴでマスクしたファーストビューは、ダイナミックでありながらも洗練された印象を与えています。 かっちりとしたイメージになりがちなグリッドレイアウトを多彩な色使いや大小のサイズを組み合わせることで、にぎやかで躍動感や流れのあるサイトに...
-
Vampillia
日本のロックバンド、Vampillia（ヴァンピリア）オフィシャルサイトのWEBデザインです。 モノトーンのスタイリッシュな配色にイラストやコラージュ画像を合わせたデザインで、グリッドに囚われない自由なレイアウトが動きや遊び心を感じさせます。 PROFILEページでは背景にアブストラクトなGIFアニメーションを用いていて、その音楽性と共に先鋭的でありながらポップな印象も受けるサイトです。 ...
-
The illustrations and books of Alex CF
FALL OF EFRAFAやLIGHT BEARERのボーカリストとして知られるイギリス/ブリストルのイラストレーター、ALEX CFのWEBデザインです。 ホワイト＋ゴールドの配色と余白を十分に取ったレイアウトはすっきりとエレガントに見せて、奇をてらわないデザインはゆったりとした雰囲気を演出しています。 シンプルで装飾を施さないデザインはイラストやアートワーク画像を映えて見せていて、画像自...
-
Relapse Records Official Store
アメリカ/ペンシルベニア州フィラデルフィアのインディペンデント・レーベル、Relapse Records（リラプス・レコード）オフィシャルストアのWEBデザインです。 モノトーンのシンプルな配色は、デスメタルやグラインドコアを中心とするリリース作品の派手な画像やバナーをよく映えて見せています。 グリッド状にレイアウトされたカード型のデザインにほんのりとシャドウを加えることで、フラットデザインの...
-
BLUE ENCOUNT
熊本出身のロックバンド、BLUE ENCOUNT（ブルー・エンカウント）オフィシャルサイトのWEBデザインです。 画面幅いっぱいのダイナミックなスライダーと縦方向に貫くナビゲーションが特徴のサイトで、上下方向への空間の広がりも感じさせる印象的なデザインです。 グレーの濃淡とミントブルーをアクセントとした配色は爽やかでクリーンな印象で、レトロな印象のWEBフォントと相まったクールな雰囲気を醸し出...
-
Coldplay official website
イギリス/ロンドン出身のロックバンド、Coldplay（コールドプレイ）オフィシャルサイトのWEBデザインです。 アルバム「A Head Full of Dreams」のアートワークをモチーフとした、グラデーションと幾何学模様が印象的なポップなデザインです。 左側にグローバルナビゲーション、下部にSNSへのリンクが固定されていて、ページによっては右側にもローカルナビを配しているのが特徴です。...
-
nine inch nails | the official website
アメリカ/オハイオ州クリーブランド出身のインダストリアル・ロックバンド、nine inch nails（ナイン・インチ・ネイルズ）オフィシャルサイトのWEBデザインです。 余白を大きく取ったレイアウトにアンビグラムになっているロゴが映えるミニマルなデザインのサイトで、テキスト要素が少なく画像が大きいのも特徴です。 SVGアニメーションやローディング、マウスオーバー時のエフェクトが光っていて、シ...
-
ap bank fes ’18
ap bankが主催する野外ライブイベント、ap bank fes '18（エーピーバンクフェス）のWEBデザインです。 ホワイトとグリーンを基調とした配色と、青空や緑が映りこんだイベント模様の画像が爽やかな印象を受けるデザインです。 角丸のボタンやインスタグラム画像、ナビゲーションのカード等が丸みを帯びたフォントと合わさって優しく柔らかな雰囲気を演出しています。...
-
Taylor Swift – Taylor Swift – End Game ft. Ed Sheeran, Future
アメリカ/ペンシルベニア州出身の女性歌手、Taylor Swift（テイラー・スイフト）オフィシャルサイトのWEBデザインです。 アルバム「reputation」のアートワークをモチーフとした、英字新聞をイメージするようなビジュアルが印象的なサイトです。 モノトーンにレッドとゴールドをプラスした配色が女性らしいエレガントさを演出していて、セリフ体のフォントと合わせてクラシカルな雰囲気も醸し出し...
-
weareDANGERS
アメリカ/カリフォルニア州ロサンゼルス出身のインディーロック・ハードコアバンド、DANGERS（デンジャーズ）オフィシャルサイトのWEBデザインです。 アルバム「THE BEND IN THE BREAK」のアートワークをフルスクリーンで表示、四方にホワイトエッジを付けたTOPページデザインです。 下層ページは左側にナビゲーションを固定したレイアウトのフラットデザインで、小さめのフォントサイズ...
-
Minus The Bear
アメリカ/シアトル出身のインディーロックバンド、Minus The Bear（マイナス・ザ・ベアー）オフィシャルサイトのWEBデザインです。 アルバム「PLANET OF ICE」Anniversary Tourのポスターをモチーフにフルスクリーンで表示、ブラックとピンクの配色がビビッドかつ毒々しいデザインです。 ノイズ加工をしたデュオトーンの画像やグラデーションの背景画像を用いて、フラットな...
-
Employed To Serve
イギリスの女性ボーカルハードコアバンド、Employed To ServeのオフィシャルサイトのWEBデザインです。 フルスクリーンで表示したアーティスト写真がダイナミックなサイトで、さりげなく取り入れたパララックス効果が秀逸です。 ページごとにキャッチ画像や背景画像を変化させたりと、シンプルなフラットデザインを華やかにしています。...
-
Bring Me The Horizon | That’s The Spirit
イギリスのメタルコアバンド、Bring Me The Horizon（ブリング・ミー・ザ・ホライズン）のWEBデザインです。 アルバム「Live At The Royal Albert Hall」のアートワークと購入ページへのリンクをスプリットスクリーンでレイアウトしたデザインで、 無駄を削ぎ落としたシンプルなシングルページの中にメニュー開閉時のアニメーションが光っています。...
-
Jimi Hendrix | The Official Jimi Hendrix Site
アメリカ/ワシントン州シアトル出身のミュージシャン、Jimi Hendrix（ジミ・ヘンドリックス）オフィシャルサイトのWEBデザインです。 スライダーの周りを彩るサイケデリックなフレームが大きな特徴のサイトで、ブルーやパープルの配色と相まってユニークで目を引くデザインになっています。 フッターにもサムネイルを表示することで、視覚的にも分かりやすい動線作りがされています。...
-
MYRKUR – Official website of Danish composer, vocalist and classically trained multi-instrumentalist
デンマーク出身の女性アーティストAmalie Bruunによるブラック・メタル・ユニット、Myrkur（ミシュクル）オフィシャルサイトのWEBデザインです。 ブラックに塗り潰された背景色にダークブラウンとグレーで配色されたデザインで、画像テキストやテクスチャで荒々しいグランジ感をプラスしています。 ...
-
THE CRO-MAGNONS | ザ・クロマニヨンズ
甲本ヒロト、真島昌利を中心に結成されたロックバンド、ザ・クロマニヨンズ（THE CRO-MAGNONS）オフィシャルサイトのWEBデザインです。 イエローを全面に使用した配色と特徴的なイラストが個性的なデザインで、キャラクターを使用することで効果的にサイトを印象付けています。 カード型のデザインや見出し、ナビゲーション等をサイト全体で共通化することで分かりやすく統一感のあるデザインになっていま...
-
self-titled – your new favorite music magazine
アメリカ/ミネソタ州ミネアポリスの音楽WEBマガジン、self-titled（セルフ･タイトル）のWEBデザインです。 グリッドでレイアウトされたカード型のデザインが特徴のサイトで、横幅を均等割りし縦幅を画像やテキストによって可変とすることで、 縦方向への流れや動きが生まれ、ユーザーに自然とページスクロールを促す効果もありそうなデザインです。...
-
Night Flowers – Debut Album Wild Notion Out Now
イギリス/ロンドン出身のシューゲイズ・ポップ・バンド、Night Flowers (ナイト・ フラワーズ) オフィシャルサイトのWEBデザインです。 デュオトーンで切り替わる動画がポップで華やかな印象を与えつつ、斜めのラインでスタイリッシュにも見せてくれるデザインです。 さりげないパララックスやローディング、ページ遷移時のアニメーション等、細部にも遊び心やギミックが盛り込まれているサイトです。...
-
MACO OFFICIAL WEBSITE
北海道函館市出身の女性シンガーソングライター、MACO（マコ）さんのオフィシャルサイトのWEBデザインです。 淡いピンク×ブルーのグラデーションと細めのフォントが柔らかく優しい印象を作っているデザインで、 NEWSやLIVEなどのページではカテゴリーごとにラベルを色分けすることで彩りを加えつつ、見やすく分かりやすくなるような配慮がされています。...
-
Featured Content on Myspace
音楽やエンターテインメントを中心としたSNS、Myspace（マイスペース）のWEBデザインです。 左側に固定されたナビゲーションと下部に固定された音楽プレーヤー、カード型のグリッドレイアウトが特徴で、 下層ページの見出し部分に美しいグラデーションを取り入れてサイトをより魅力的に見せつつ、音楽を聴く時の高揚感も伝わってきます。...
-
The License Lab
業務用音楽ライブラリー、The License Lab（ザ・ライセンス・ラボ）のWEBデザインです。 シャンパンゴールドとブラックの配色がクールで、ナビの背景に敷いたレザーテクスチャーと相まったエレガントなデザインです。 一覧ページの画像をモノクロに統一することで全体を俯瞰しても整然とした、重厚でモダンなイメージを醸し出しています。...
-
The Killers | Official Site
ネバダ州ラスベガス出身のロック・バンド、The Killers（ザ・キラーズ）オフィシャルサイトのWEBデザインです。 アルバム「WONDERFUL WONDERFUL」のアートワークをフルスクリーンで表示した、爽快なブルーが印象的なサイトで、 ブラー効果を与えた背景画像やマウスオーバー時のアニメーション、見出しの背景に敷いた半透明の帯など、細かな作り込みが光るデザインです。...
-
RUN FOR COVER RECORDS
ボストンのインディーパンクレーベル、RUN FOR COVER RECORDS（ラン・フォーカバー・レコード）のWEBデザインです。 ネイビーと彩度の低いピンクを組み合わせた配色は上品で落ち着いた中に華やかさとどこか懐かしい甘酸っぱさも感じさせていて、 グリッドでレイアウトされた角版画像が与える堅くなりがちな印象をふんわりと柔らかくしています。...
-
DAVID BOWIE is | デヴィッド・ボウイ大回顧展
デヴィッド・ボウイの世界観やキャリアを総括した大回顧展、DAVID BOWIE isのWEBデザインです。 インパクトの強いファーストビューの下部にナビゲーションを配置する独創性と、オレンジをアクセントカラーとしたポップでビビッドなデザイン、パララックスや細やかなエフェクト等見応えがあります。...
-
Tokyo Wedding Showcase
日本最大級のウェディングフェスティバル、Tokyo Wedding Showcase（トウキョウウェディングショーケース）のWEBデザインです。 程よくゆるい感じのイラストが親しみやユーモアを与えながらもサイトの世界観を作っていて、ナチュラルな配色の中にヘッダーとフッターのブラック+ゴールドが高級感とメリハリをもたらしています。...
-
Mr.Children
ミスチルの愛称で親しまれている日本のバンド､Mr.Children(ミスターチルドレン)オフィシャルサイトのWEBデザインです。 TOPICS記事への誘導を担っている大きなスライダーが特徴で、メインビジュアルとしての役割も果たしていて様々な色合いが彩りを与えサイトのイメージを端的に表現しています。 グレーとホワイトをベースとしたシンプルな配色はタイトでスタイリッシュな印象を感じさせてい...
