CATEGORY : 2カラム
-
U2 > Home
アイルランド出身のロックバンド、U2（ユーツー）オフィシャルサイトのWEBデザインです。 ブラック×グレー×ホワイトにレッドをアクセントにした配色と、美しく整理されたグリッドレイアウトがスタイリッシュなサイトです。 カード型のコンポーネントを多用しながらも区切りにボーダーを使わず、背景色を工夫することで見やすくすっきりとしたデザインになっています。...
-
The Beach Boys | Home
アメリカ/カリフォルニア州出身のサーフロック・バンド、The Beach Boys（ザ・ビーチ・ボーイズ）オフィシャルサイトのWEBデザインです。 フラットデザインとグリッドや2カラムでのレイアウト、瑞々しく爽快感のある配色にレトロ感を持ったロゴやバッジデザインが特徴のサイトです。 さりげなくパララックスやグラデーションを取り入れるなど、シンプルな世界観の中に奥行きや広がりを与えています。 ...
-
くるり / QURULI
京都出身のロックバンド、くるりのオフィシャルサイトのWEBデザインです。 アルバム「ソングライン」のアートワークである風景イラストを横幅いっぱいに表示、その上を線で描画するSVGアニメーションのロゴが印象的なサイトです。 シンプルで無駄な装飾を省いたデザインの下層ページでは、縦書きの見出しがシャープでより引き立っています。...
-
Fatboy Slim – Official Website
イギリスのクラブDJ/ミュージシャンであるノーマン・クックのプロジェクト、Fatboy Slim（ファットボーイ・スリム）オフィシャルサイトのWEBデザインです。 大小のグリッドでアクセントとメリハリを付けたレイアウトと、ブラック×イエローの配色がポップかつ印象的なサイトです。 画像を大胆に大きく表示しているのも特徴で、ウエイトのある見出しと合わせて元気で賑やかな雰囲気を作り、より直感的に伝わ...
-
TEAC (日本)
日本の音響機器メーカー、TEAC（ティアック）のWEBデザインです。 モノトーンで統一された潔い配色と、整然としたグリッドレイアウト、フルスクリーンのダイナミックなスライダーが特徴のサイトです。 製品に白抜き画像を使っているのも特徴で、ホワイトスペースが増えることで高級感や落ち着きも演出していて、老舗メーカーの風格を感じさせています。...
-
Ennio Morricone | Official website
イタリアの作曲家、Ennio Morricone（エンニオ・モリコーネ）オフィシャルサイトのWEBデザインです。 モノクロの画像とモノトーン中心の配色にオレンジをアクセントカラーとして加えた、モダンでスタイリッシュな印象のサイトです。 大きなジャンプ率の大胆な見出しは存在感があり、落ち着いた雰囲気のデザインの中で視線を集めてメッセージを伝えています。...
-
Rise Against | Official Site
アメリカ/イリノイ州シカゴ出身のメロディック・パンクバンド、Rise Against（ライズ・アゲインスト）オフィシャルサイトのWEBデザインです。 モノトーンの中でレッドが際立つスタイリッシュな配色と、ザラザラとした質感を感じさせているグランジ風の背景画像が特徴のデザインです。 水平・垂直のラインに整然と整理されたレイアウトの中で、シェアボタン等に円形フォルムを用いてポイントを作り、サイトに...
-
Capitol Records – The Official Website of Capitol RecordsCapitol Records | The official website of Capitol Records
アメリカの大手レコードレーベル、Capitol Records（キャピトル・レコード）オフィシャルサイトのWEBデザインです。 モノトーンと濃いパープルで統一されたシックで高級感のある配色と、ダイナミックなフルスクリーンのスライダーが印象的なサイトです。 余白を大きく作った黒背景のレイアウトは重厚感と安定感を生み、高彩度・高明度の画像とのコントラストがビビッドでスタイリッシュなイメージを作って...
-
Cocco Official site
沖縄出身のシンガーソングライター、Cocco（こっこ）さんのオフィシャルサイトのWEBデザインです。 モノトーンですっきりとまとめられた配色と、ホワイトスペースを多分に取ったシンプルで凛とした印象のサイトです。 ローディング画面やフッターにさりげなく手書き風のイラストやテキストを取り入れることで、親しみやすさとアクセントをもたらしています。...
-
The Most Famous Recording Studios – Abbey Road Studios
イギリス/ロンドンのレコーディングスタジオ、Abbey Road Studios（アビー・ロード・スタジオ）のWEBデザインです。 モノトーン＋レッドの配色と、伝統と格式を感じさせるように余白を多く取ったレイアウトがエレガントでスタイリッシュなサイトです。 要素をずらして重ねた配置やロングシャドウ、デュオトーンやカード型コンポーネント等、さりげなくも積極的にトレンドを取り入れたデザインです。...
-
The Noise of Harmony and the Harmony of Noise
イギリス/マンチェスターのインディペンデント・レーベル、Gizeh RecordsオフィシャルサイトのWEBデザインです。 モノトーンで統一された配色と余白をたっぷりと取ったレイアウト、小さめのフォントや細い罫線がミニマルな印象を与えるサイトです。 図版率が高いためにぎやかなイメージも与えていて、リリース作品のアートワークが白背景によく映えています。...
-
ディスクユニオン･オンラインショップ｜diskunion.net
首都圏を中心に音楽CDやレコードを販売する、disk union（ディスクユニオン）のオンラインショップのWEBデザインです。 象徴的な赤と黒の配色、フラットなデザインとグリッドレイアウト、角丸を使わないボタンやカード型コンポーネントがスタイリッシュなサイトです。 メインビジュアルの役目も担っているスライダーの動きもユニークで、さりげなく取り入れた幾何学的な模様の背景画像がアクセントを付けてい...
-
mimorin.com 三森すずこオフィシャルサイト
東京都出身の声優/歌手、三森すずこ（みもり すずこ）さんのオフィシャルサイトのWEBデザインです。 パステル調の淡く柔らかな配色とストライプの背景パターンで装飾されたナビゲーション、アイコンや飾り要素がポップで温かな印象のサイトです。 スライダーをフルスクリーン表示にせず、背景色を付けて周りに余白を作りフレーム状にすることでより際立たせ、ユーザーの視線を自然と誘導しています。...
-
Home / Ninja Tune
クラブミュージックのリリースで知られるロンドンのインディペンデント・レーベル、Ninja Tune（ニンジャ・チューン）のWEBデザインです。 アクセス毎にランダムでリリース作品のアートワークをフルスクリーン表示したダイナミックなサイトです。 モノトーン中心の配色と無駄な装飾を省いたシンプルなサイトですが図版率が高く、大きく表示された画像が華やかでにぎやかな印象を与えています。...
-
Home – Sadowsky Guitars
ニューヨークの楽器メーカー、Sadowsky Guitars（サドウスキー・ギター）のWEBデザインです。 画面幅いっぱいに表示されたギター製造工程の動画が印象的なサイトで、ファーストビューで端的にブランディングをしています。 グリッドをベースとした整然としたレイアウトは信頼感と安心感を与え、また単調にならないように縦長や横長など様々な形の要素を作って変化を与えています。...
-
Iron Maiden – Official Website
イングランド出身のヘヴィメタル・バンド、Iron Maiden(アイアン･メイデン）オフィシャルサイトのWEBデザインです。 ブラックとレッドのヘヴイメタル然とした配色と、バンドのキャラクターであるエディがインパクト大なサイトです。 グランジ調のテクスチャーを背景に敷くことで、ノイズが入ったようなザラっとした質感を加えています。...
-
Denon – デノン製品公式サイト
日本の音響機器ブランド、Denon（デノン）製品公式サイトのWEBデザインです。 グリッドで整然と区切られたレイアウトとモノトーン＋ネイビーの配色がトラディショナルで、落ち着きと信頼性を感じさせるサイトです。 カード型のコンポーネントを取り入れながらも白抜き画像を用いることでホワイトスペースを多分に生み、ゆったりとした高級感も感じさせています。 またドロップダウンメニューに製品画像を表示する...
-
オンラインで音楽機材を売買 | Reverb
ミュージシャンのための楽器専門マーケットプレイス、Reverb（リバーブ）のWEBデザインです。 オレンジをキーカラーとした鮮やかでアクティブな印象の配色と、フラットなテイストのイラストをふんだんに使用したポップなデザインです。 テキストや画像を分かりやすく整理できるカード型のコンポーネントを取り入れているのが特徴で、ひとつのページに多くの情報をまとめて整然と表示しています。 また要素や画像...
-
SOUND ON LIVE | 楽曲の共有・販売を今までになくシンプルに – SOUND ON LIVE
アーティストの活動を支援する音楽共有サービス、SOUND ON LIVE（サウンド・オン・ライブ）のWEBデザインです。 熱気が伝わるライブ模様の動画をフルスクリーンで表示、サーモンピンクをキーカラーとした配色と合わせてクリーンでアクティブな印象のサイトです。 ミニマルなフラットデザインの中にロングシャドウを取り入れて立体感を出したり、横幅いっぱいの背景にブラー画像を用いたりと細かなアクセント...
-
Kendrick Lamar | Official Site
カリフォルニア州コンプトン出身のラッパー、Kendrick Lamar（ケンドリック・ラマー）オフィシャルサイトのWEBデザインです。 ブラックを基調にゴールドをアクセントカラーとした配色と小さく細めのフォント、ブラックの半透明レイヤーがクールでスタイリッシュなサイトです。 グリッドとカラムで構成された堅い印象のレイアウトに、アルバム「To Pimp A Butterfly」のアートワークを背...
-
G&L Musical Instruments | Made in Fullerton Since 1980
アメリカのギターメーカー、G&L Musical InstrumentsのWEBデザインです。 黒背景とグレーの濃淡を中心とした配色にレッドとピンクでリンクやボタンを彩ったスタイリッシュなデザインで、楽器の接写画像が多いのも特徴です。 楽器の一覧＆詳細ページでは切り抜き画像を使用していて、動きや躍動感を与えると共に製品の魅力も黒背景に映えてより伝わってきます。...
-
LArc-en-Ciel.com
日本のロックバンド、L'Arc〜en〜Ciel (ラルク・アン・シエル）オフィシャルサイトのWEBデザインです。 シングル「Don't be Afraid」のアートワークをテーマにしたアーティスト写真と半透明のブラックレイヤーがクールな、近未来感もあるデザインです。 下層ページは薄いグレーをベースにゴールドをアクセントにした配色と、余白をたっぷりと取ったレイアウトが優雅な落ち着きを感じさせてい...
-
Pink Floyd Endless River
イングランド出身のプログレッシブ・ロックバンド、Pink Floydのアルバム「The Endless River」特設サイトのWEBデザインです。 アルバムのアートワークをフルスクリーンで表示、ボートの人物と雲海がアニメーションしたシネマグラフが印象的なサイトです。 タイトルロゴやナビゲーションのゆるやかなアニメーション表示も加わり、アルバムやバンドの壮大な世界観を十二分に表現しています。...
-
Sadie
大阪出身のヴィジュアル系ロックバンド、Sadie（サディ）オフィシャルサイトのWEBデザインです。 象徴的なキービジュアルと縦積みのナビゲーション、ダークな雰囲気を演出した背景のテクスチャーが特徴のサイトです。 ページ下部にスライドインする固定ナビゲーションがあるのも特徴で、他のサイトではあまり見かけないユニークなアイデアです。...
-
やくしまるえつこ
日本の女性歌手/ミュージシャン、やくしまるえつこさんのオフィシャルサイトのWEBデザインです。 独特なタッチのペン画がアニメーションになった斬新かつブルータルなデザインのサイトで、独自の世界観を強く打ち出しています。 ユーザビリティー面やWEBサイトの固定観念を捨てた、前衛的で自由な表現は他にはないユニークなデザインです。...
-
東京で音楽を習うなら「エークラスミュージック」
東京で音楽教室を運営するエークラスミュージック株式会社のWEBデザインです。 白背景をベースにカラフルでビビッドな差し色が楽しげで賑やかな雰囲気を演出している、ポップなデザインのサイトです。 スライダーの上に重ねたナビゲーションにシャドウを付けて立体感を出すことで、ユーザーを迷わせずデザイン的にも特徴を持たせています。 堅くなりがちなレイアウトに音符やドットのパターン背景を敷いたり角丸やアイ...
-
Dead Letter Circus – New album The Endless Mile
オーストラリア出身のオルタナティヴロックバンド、DEAD LETTER CIRCUS（デッド・レター・サーカス）オフィシャルサイトのWEBデザインです。 フルスクリーンでフェードイン/アウトする大きな画像とブルーをアクセントとした配色、半透明の固定ナビゲーションがクールでスタイリッシュなサイトです。 部分的にグランジ調の背景テクスチャを用いて質感を高めたり、フッターにさりげなくパララックスを取...
-
アナ Official WebSite
福岡出身の２人組バンド、アナのオフィシャルサイトのWEBデザインです。 アースカラーを取り入れた配色と柔らかな質感のテクスチャを用いた、ナチュラルな雰囲気のサイトです。 アイコンを積極的に取り入れたり、ページ下部にはコンテンツをピンク・ネイビー・イエローで区切って配置したりと視覚的に分かりやすく配慮されています。...
-
ケラケラ オフィシャルウェブサイト
日本の3人組音楽ユニット、ケラケラ オフィシャルサイトのWEBデザインです。 手書きのナビゲーションや罫線・イラスト、背景のパターンがファンシーでポップな印象のサイトです。 白背景にイエローとブルーの配色とリボンやサークルをモチーフとしたパターン、程良くゆるい感じのイラストが明るくぬくもりを感じさせています。...
-
DALI Speakers | Danish made, award-winning Hi-Fi Speakers
デンマークのハイエンドスピーカー専門メーカー、DALI Speakers（ダリ スピーカー）のWEBデザインです。 モノトーン×レッドの配色にずらして画像に重ねた要素やグリッド・スプリット等、様々なレイアウトで構成されたスタイリッシュなサイトです。 画像がズームするような滑らかなホバーエフェクトやフラットデザインにシャドウを加えて立体感を演出したりと、細かな部分にもこだわりが光っています。...
-
TUBE | ソニーミュージック オフィシャルサイト
日本の夏を代表するロックバンド、TUBE（チューブ）ソニーミュージック オフィシャルサイトのWEBデザインです。 グリッドと2カラムで構成されたベーシックなレイアウトで、大きな海の画像を背景に敷いたデザインはバンドのイメージをストレートに表現しています。 また背景画像を固定してコンテンツのみをスクロールさせることで、ページ全体がスクロールするよりもテキストや画像に注目を集めています。...
-
High End Audiophile Amplifiers And Sound Systems | MOON – Simaudio
カナダのオーディオメーカーSIMAUDIOが手がける、MOONブランドのWEBデザインです。 フルスクリーン表示での動画を活用したブランディング、モノトーン中心の配色とセリフ体のテキストや縦横のボーダーがスタイリッシュな印象のサイトです。 スプリットやブロークングリッド、意図的に要素をずらしたり画像に重ねたりしたレイアウトは動きと遊び心を感じさせ、強いインプレッションを与えています。...
-
PALM Official Website
大阪のダークハードコアバンド、PALM（パーム）オフィシャルサイトのWEBデザインです。 ブラック+レッドの配色とグランジ加工されたロゴ、逆十字がダークなイメージを与える重厚感のあるデザインです。 パララックスやホバーエフェクト等の細かな動きが光っていて、フルスクリーン表示の際にスクロールボタンが下部コンテンツへのアクションを促しています。...
-
Namie Amuro Official Site
沖縄出身の歌手/ダンサー、安室奈美恵（あむろなみえ）さんのオフィシャルサイトのWEBデザインです。 ホワイト+シャンパンゴールドの配色と広めに取られたホワイトスペースがエレガントで洗練された印象を感じさせるデザインです。 フルスクリーンで表示されたライブ画像はビジュアル面で魅了するだけでなく、それ自体がバナーとなっていて購入ページへの誘導の役割を果たしています。...
-
Michael Nyman
ロンドン出身のピアニスト/作曲家、Michael Nyman（マイケル・ナイマン）オフィシャルサイトのWEBデザインです。 ホワイトとグレーの濃淡を中心としたモノトーン配色とシンプルで無駄な装飾を省いた、洗練された印象のサイトです。 グリッドで整然としたレイアウトの中に大小様々なカードで動きを出したり、なめらかなエフェクトを加えたりとシンプルな中にこだわりを感じさせています。...
-
go!go!vanillas
日本のロックバンド、go!go!vanillas（ゴーゴーバニラズ）オフィシャルサイトのWEBデザインです。 フラットなデザインにパステル調のピンクやブルーの配色が映えるシンプルなデザインで、左側に固定されたナビゲーションが特徴のサイトです。 メインビジュアルのスライダーや斜めになったナビゲーションのアニメーションがユニークで、ローディング時の動きも読み込みのストレスを和らげています。...
-
Century Media Records – Quality in Metal
ドイツ/ドルトムントで設立されたインディーズ・レーベル、Century Media Records（センチュリー・メディア・レコード）のWEBデザインです。 ブラック+レッドの配色と血をイメージさせるような背景画像、グランジ加工されたナビや見出しのテキスト等、ダークな世界観が織り成す鋼鉄度の高いサイトです。 サイドカラムを大きく取った動線の多い設計でサイト内回遊率を高め、印象的なサムネイルが視...
-
和楽器バンド Official Site
日本のロックバンド、和楽器バンド（わがっきバンド）オフィシャルサイトのWEBデザインです。 グリッドで色分けされた背景に画像やコンテンツを重ねたりずらしたりすることでオリジナリティや躍動感を高めているレイアウトが特徴です。 縦書きの見出しやグラデーションも取り入れた和を感じさせるデザインは、バンドの世界観やコンセプトを的確に表現しています。...
-
Holy Roar Records
イギリス/ロンドンのインディペンデント・レーベル、Holy Roar Records（ホーリー･ロアー・レコード）のWEBデザインです。 赤ん坊のシュールな線画のロゴマーク、横幅いっぱいのスライダーがダイナミックなサイトで、大きめのサムネイル画像を使用した直感的なデザインも特徴です。 モノトーンにゴールドをアクセントとした配色が落ち着いた印象を与えていて、リリース作品やアーティスト画像の配色を...
-
EGO-WRAPPIN’
大阪出身のユニット、EGO-WRAPPIN'（エゴラッピン）オフィシャルサイトのWEBデザインです。 真っ暗な中にランプの明かりが点る仕掛けが印象的で、大きな見出しや横幅いっぱいの画像＆カルーセルが黒背景のサイトに躍動感を与えています。 コンテンツ表示時のアニメーションが凝っていて、DISCOGRAPHYをカテゴリーごとにソートした時のカードをシャッフルしたような動きも素敵です。...
