CATEGORY : Font Awesome
-
Beats by Dr. Dre
Dr. Dreが設立したアメリカのオーディオ機器ブランド、Beats（ビーツ・エレクトロニクス）のWEBデザインです。 フルスクリーンで表示されたシンプルで訴求力の高いビジュアルに、グラデーションを取り入れることでより魅力を高めています。 パララックスやエフェクト、要素をずらしたり重ねたりすることで動きを演出した、躍動感の溢れるデザインのサイトです。 またページやコンテンツに合わせてフルスク...
-
Dead Letter Circus – New album The Endless Mile
オーストラリア出身のオルタナティヴロックバンド、DEAD LETTER CIRCUS（デッド・レター・サーカス）オフィシャルサイトのWEBデザインです。 フルスクリーンでフェードイン/アウトする大きな画像とブルーをアクセントとした配色、半透明の固定ナビゲーションがクールでスタイリッシュなサイトです。 部分的にグランジ調の背景テクスチャを用いて質感を高めたり、フッターにさりげなくパララックスを取...
-
THE YELLOW MONKEY | ザ・イエロー・モンキー オフィシャルサイト
「イエモン」の愛称で親しまれる日本のロックバンド、THE YELLOW MONKEY（ザ・イエロー・モンキー）オフィシャルサイトのWEBデザインです。 フルスクリーンでのライブ動画と画面幅いっぱいに表示されたコンテンツがダイナミックで迫力があるサイトです。 下層ページでは余白を大きく取り、細めのボーダーや広めの行間がクールで落ち着いた印象で、ゴールドのアクセントカラーと相まって優雅な雰囲気も感...
-
sukekiyo official web site
DIR EN GREYのボーカル・京氏の率いるバンド、sukekiyo（スケキヨ）オフィシャルサイトのWEBデザインです。 フレームに囲まれたメインビジュアルはそれ自体がバナーとなっていて、サイトの世界観を作ると共に動線も担っています。 おどろおどろしい背景画像やテクスチャー、明朝体のフォントがバンドの方向性を表現しているTOPページと、 かっちりとしたベーシックなレイアウトで情報やコンテン...
-
Official Nirvana Website: Complete Discography, Videos and more
ワシントン州アバディーン出身のロックバンド、Nirvana（ニルヴァーナ）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示された動画がダイナミックで大きなインパクトを与えるサイトで、パララックスも取り入れた縦長のページです。 色使いを抑えた配色とフラットデザイン、罫線のみで装飾したシンプルな見出し等が動画やジャケット画像を映えて見せています。...
-
High End Audiophile Amplifiers And Sound Systems | MOON – Simaudio
カナダのオーディオメーカーSIMAUDIOが手がける、MOONブランドのWEBデザインです。 フルスクリーン表示での動画を活用したブランディング、モノトーン中心の配色とセリフ体のテキストや縦横のボーダーがスタイリッシュな印象のサイトです。 スプリットやブロークングリッド、意図的に要素をずらしたり画像に重ねたりしたレイアウトは動きと遊び心を感じさせ、強いインプレッションを与えています。...
-
PALM Official Website
大阪のダークハードコアバンド、PALM（パーム）オフィシャルサイトのWEBデザインです。 ブラック+レッドの配色とグランジ加工されたロゴ、逆十字がダークなイメージを与える重厚感のあるデザインです。 パララックスやホバーエフェクト等の細かな動きが光っていて、フルスクリーン表示の際にスクロールボタンが下部コンテンツへのアクションを促しています。...
-
KAMINARI GUITARS
横浜のギターメーカー、KAMINARI GUITARS（神鳴ギターズ）オフィシャルサイトのWEBデザインです。 モノトーン配色とシンプルで無駄な装飾を省いたフラットデザイン、ダイナミックなスライダーやパララックスが特徴のサイトです。 大きく配置された画像に対して余白をたっぷりと取ったレイアウトが上品で上質な印象を与え、またテキスト等の可読性も高めています。...
-
Holy Roar Records
イギリス/ロンドンのインディペンデント・レーベル、Holy Roar Records（ホーリー･ロアー・レコード）のWEBデザインです。 赤ん坊のシュールな線画のロゴマーク、横幅いっぱいのスライダーがダイナミックなサイトで、大きめのサムネイル画像を使用した直感的なデザインも特徴です。 モノトーンにゴールドをアクセントとした配色が落ち着いた印象を与えていて、リリース作品やアーティスト画像の配色を...
-
Madonna.com > Home
アメリカ/ミシガン州出身の歌手/シンガソングライター/女優、Madonna（マドンナ）さんのオフィシャルサイトのWEBデザインです。 アルバム「Ray Of Light」の20th Anniversaryを記念したデザインで、フルスクリーンで表示されたアートワークとモノトーン×レッドの配色がスタイリッシュです。 大きなキャッチやサムネイル画像はダイナミックで見る人の目を引き、より直感的にコンテ...
-
No Sleep Records
アメリカ/カリフォルニアのインディペンデント・レーベル、No Sleep Records（ノー・スリープ・レコード）オフィシャルストアのWEBデザインです。 余白をたっぷりと取ったフラットデザインにアースカラーをアクセントとした配色は上品で洗練されたイメージと同時に、アンティークな雰囲気も演出しています。 Amazon等でも見られるように画像を白抜きにすることで、商品をより客観的かつ高級感あふ...
-
IDIOTEQ.com – DIY Hardcore Punk & Experimental Music News & Interviews
ポーランド/ワルシャワのハードコア・パンク等のDIYメディアサイト、IDIOTEQ.comのWEBデザインです。 画像以外はモノトーンで配色された潔いデザインは色のバラつきを抑えて、シックでクラシックな統一感を醸し出しています。 大き過ぎないサムネイル画像は一度にたくさんの記事を一覧表示することが出来て、またデバイスサイズに合わせて縦積みと横並びを切り替えて、操作性を考慮しています。...
-
Billy Idol
イギリス出身のミュージシャン/シンガーソングライター、Billy Idol（ビリー・アイドル）オフィシャルサイトのWEBデザインです。 モノトーン＋レッドの配色とモノトーンで統一された画像がパンキッシュで猥雑な印象を与えているサイトデザインです。 細かなエフェクトやアニメーションと共にサイドカラムやフッター等に多くの動線を配しているのも特徴で、どのページからも回遊性を生んでいます。...
-
back number（バックナンバー）official web site
群馬県出身のスリーピースロックバンド、back number（バックナンバー）オフィシャルサイトのWEBデザインです。 フルスクリーンの四方にホワイトエッジを付けて、変化していくグラデーションが鮮やかなファーストビューが印象的なサイトです。 下層ページではホワイトとグレーをベースにした配色と、細めの罫線、たっぷりと余白を取ったレイアウトがゆったりと落ち着いた雰囲気を演出しています。...
-
LUNA SEA OFFICIAL WEBSITE
東京都町田市出身のヴィジュアル系ロックバンド、LUNA SEA（ルナシー）オフィシャルサイトのWEBデザインです。 ブラック×レッドの配色がダークかつクールな印象のサイトで、背景に敷いた海や月面を想起させる画像が壮大で幻想的なイメージを作っています。 シングルカラムで構成されたレイアウトは大きなオブジェクトを配置しやすく、余分な動線がないためコンテンツを際立たせています。...
-
CREATIVEMAN PRODUCTIONS | クリエイティブマンプロダクション（CMP）
SUMMER SONIC、LOUD PARK等のフェスや国内外のコンサートを企画･制作･運営する、CREATIVEMAN PRODUCTIONS（クリエイティブマンプロダクション）のオフィシャルサイトのWEBデザインです。 モノトーンベースの配色に色分けされたラベルやボタン、ウエイトのある見出しが賑やかでポップな印象を与えているサイトです。 詳細ページではメインビジュアルにずらして重ねたレイア...
-
in•ter a•li•a
アメリカ/テキサス州出身のロックバンド、AT THE DRIVE IN（アット・ザ・ドライヴイン）のWEBデザインです。 アルバム「in∙ter a∙li∙a」のアートワークをモチーフとしたメインビジュアルは、マウスに合わせて反応する奥行きのあるパララックスが印象的です。 フラットなデザインにモノクロのグランジテイスト画像を合わせて、レトロ感やアナログ感、荒々しさをプラスしたデザインのサイトで...
-
りんご音楽祭2018オフィシャルサイト
長野県松本市で行われる野外音楽フェスティバル、りんご音楽祭2018のオフィシャルサイトのWEBデザインです。 鮮やかなピンクを基調とした配色はポップで溌剌とした印象で、角丸のデザインや手書きイラストと相まって親しみやすいデザインです。 ローディングや背景画像、ボタンなどにアニメーションを多用していて、動きを加えることでよりユニークで魅力的なサイトに仕上げています。...
-
Relapse Records Official Store
アメリカ/ペンシルベニア州フィラデルフィアのインディペンデント・レーベル、Relapse Records（リラプス・レコード）オフィシャルストアのWEBデザインです。 モノトーンのシンプルな配色は、デスメタルやグラインドコアを中心とするリリース作品の派手な画像やバナーをよく映えて見せています。 グリッド状にレイアウトされたカード型のデザインにほんのりとシャドウを加えることで、フラットデザインの...
-
lycoriscoris
都内を中心に活動するエレクトロニカ系の音楽家、lycoriscoris（リコリスコリス）オフィシャルサイトのWEBデザインです。 切なく懐かしいような風景画像をフルスクリーンで表示、ジャンプ率のないテキストや横長の画像が平穏で落ち着いた印象を与えるサイトです。 シンプルで無駄を極力省いたようなデザインは潔く、柔らかな配色と合わさって知的でシックな雰囲気を演出しています。...
-
KEYTALK official web
日本のロックバンド、KEYTALK（キートーク）オフィシャルサイトのWEBデザインです。 斜めのメインビジュアルやレイヤーが印象的なサイトで、シンプルなフラットデザインを単調にさせずスタイリッシュにしています。 ナビゲーションのマウスオーバー時にエフェクトを加えたり、リリース作品の画像にロングシャドウを加えたりとさりげない部分までこだわりを感じられます。...
-
nine inch nails | the official website
アメリカ/オハイオ州クリーブランド出身のインダストリアル・ロックバンド、nine inch nails（ナイン・インチ・ネイルズ）オフィシャルサイトのWEBデザインです。 余白を大きく取ったレイアウトにアンビグラムになっているロゴが映えるミニマルなデザインのサイトで、テキスト要素が少なく画像が大きいのも特徴です。 SVGアニメーションやローディング、マウスオーバー時のエフェクトが光っていて、シ...
-
Home – Massive Attack
イギリス/ブリストル出身のユニット、Massive Attack（マッシヴ・アタック）オフィシャルサイトのWEBデザインです。 動画コンテンツをフルスクリーンで表示して全面的に使用し、イメージ喚起と共に多くの情報を持たせ、より訴求力を高めています。 映像ノイズが入ったような背景画像と大胆な配置のテキスト画像など、荒々しくも奇抜で斬新な印象のブルータルなデザインです。...
-
雨のパレード オフィシャルサイト
日本のロックバンド、雨のパレードのオフィシャルサイトのWEBデザインです。 VIDEOタグで埋め込まれた抽象的な動画がナビゲーションとなっている独特なサイトで、モノトーン配色に動画の持つ色彩が映えています。 無駄な装飾を極力省き、ジャンプ率を抑えて細めのフォントを使用したミニマルなデザインはクリーンで知的なイメージを感じられます。 ...
-
竹原ピストル
日本のシンガーソングライター、竹原ピストルさんのオフィシャルサイトのWEBデザインです。 黒背景にインディアンをモチーフにしたロゴと欠けた角丸のナビゲーションのみのTOPページは、無駄を削ぎ落とした潔いデザインとなっています。 下層ページは一転してナチュラルな配色で、1カラムで表示することでメインコンテンツに集中しやすいレイアウトになっています。...
-
スタジオペンタ | 音楽とバンドを楽しくするリハーサル・スタジオ
東京・神奈川・千葉のレコーディング/リハーサルスタジオ、Studio Penta（スタジオペンタ）のWEBデザインです。 画面幅いっぱいのスライダーがダイナミックなサイトで、大きめのフォントサイズや画像、角丸ボタンが元気でポップな印象を与えています。 各スタジオ紹介では360°のVRイメージを表示しているページもあり、オンラインで擬似的にスタジオの雰囲気を体験できるようになっています。...
-
Jimi Hendrix | The Official Jimi Hendrix Site
アメリカ/ワシントン州シアトル出身のミュージシャン、Jimi Hendrix（ジミ・ヘンドリックス）オフィシャルサイトのWEBデザインです。 スライダーの周りを彩るサイケデリックなフレームが大きな特徴のサイトで、ブルーやパープルの配色と相まってユニークで目を引くデザインになっています。 フッターにもサムネイルを表示することで、視覚的にも分かりやすい動線作りがされています。...
-
Hopesfall
アメリカ・ノースカロライナ州出身の叙情派ニュースクール・ハードコアバンド、Hopesfall（ホープスフォール）オフィシャルサイトのWEBデザインです。 アルバム「Arbiter」のアートワークをフルスクリーンで表示したデザインで、澄んだブルーとサーモンピンクの配色が爽やかな印象を与えています。 シングルページをセクションごとに背景色を変えて、コンテンツや情報の区切りを分かりやすくしています。...
-
Night Flowers – Debut Album Wild Notion Out Now
イギリス/ロンドン出身のシューゲイズ・ポップ・バンド、Night Flowers (ナイト・ フラワーズ) オフィシャルサイトのWEBデザインです。 デュオトーンで切り替わる動画がポップで華やかな印象を与えつつ、斜めのラインでスタイリッシュにも見せてくれるデザインです。 さりげないパララックスやローディング、ページ遷移時のアニメーション等、細部にも遊び心やギミックが盛り込まれているサイトです。...
-
Mastodon Official Website
アメリカ・ジョージア州アトランタ出身のヘヴィメタルバンド、Mastodon（マストドン）オフィシャルサイトのWEBデザインです。 アルバム「Emperor of Sand」のアートワークをモチーフとしたデザインで、イラストやテクスチャーをふんだんに使用して質感やオリジナリティを高めています。 動画の一部を動かすことでシネマグラフのように見せていて、さりげない動きに思わず見入ってしまいます。...
-
KANA-BOON official site
大阪・堺市出身のロックバンド、KANA-BOON（カナブーン）オフィシャルサイトのWEBデザインです。 程よくゆるい雰囲気の手書き風フォントをふんだんに使用していて、大きめに付けた角丸と合わせて優しく親しみやすい印象を与えています。 画面をイエローのフレームで囲んだようなデザインも特徴で、シンプルながらコンテンツを際立たせています。...
-
Home | SABIAN Cymbals
カナダのシンバルメーカー、SABIAN Cymbals（セイビアン・シンバル）のWEBデザインです。 迫力あるドラム演奏シーンの動画を全面に押し出したTOPページはしっかりとブランドイメージや製品情報を伝えています。 一覧ページでは型抜き画像を統一して使用することで動きや余白を生み、程よい高級感を演出しながら製品をより魅力的に見せています。...
-
RUN FOR COVER RECORDS
ボストンのインディーパンクレーベル、RUN FOR COVER RECORDS（ラン・フォーカバー・レコード）のWEBデザインです。 ネイビーと彩度の低いピンクを組み合わせた配色は上品で落ち着いた中に華やかさとどこか懐かしい甘酸っぱさも感じさせていて、 グリッドでレイアウトされた角版画像が与える堅くなりがちな印象をふんわりと柔らかくしています。...
-
DAVID BOWIE is | デヴィッド・ボウイ大回顧展
デヴィッド・ボウイの世界観やキャリアを総括した大回顧展、DAVID BOWIE isのWEBデザインです。 インパクトの強いファーストビューの下部にナビゲーションを配置する独創性と、オレンジをアクセントカラーとしたポップでビビッドなデザイン、パララックスや細やかなエフェクト等見応えがあります。...
-
Mogwai : Official Website
スコットランド/グラスゴー出身のポストロックバンド、Mogwai（モグワイ）オフィシャルサイトのWEBデザインです。 アルバム「EVERY COUNTRY'S SUN」のアートワークをモチーフとしたダイナミックなデザインで、ブラウンとピンクの配色とも相まってどこか甘くノスタルジックな印象を受けるサイトです。...
-
Lacuna Coil Official | lacuna coil band | tourdates | gigs | info | delirium
イタリア/ミラノ出身のゴシックメタル・バンド、Lacuna Coil(ラクーナ・コイル)オフィシャルサイトのWEBデザインです。 男女混成のボーカルが大きな特徴のバンドで、欧州のバンドらしいゴシックな世界観やミステリアスなサウンドはサイトのデザインにも大きく反映されています。 グロテスクなメイクや黒服に身を包んだアーティスト写真はバンドの美意識や方向性をそのまま表現していて、ファーストビュ...
-
Home | Jaco Pastorius
アメリカのベーシスト、Jaco Pastorius(ジャコ・パストリアス)オフィシャルサイトのWEBデザインです。 外側に向けて四隅を暗くぼかしたビネット効果を施した画像を大きく表示、レトロ・ヴィンテージ感をもたらすと共にサイトの世界観を打ち出しています。 ナビゲーションや見出しに手書き風のフォントを使用していて、ジャンプ率の大きさとも相まって親しみやすく柔らかな印象を与えています。...
-
Suchmos | OFFICIALHP
神奈川県出身のバンド、Suchmos（サチモス）オフィシャルサイトのWEBデザインです。 オレンジのサークル要素を寄せては返す波のように表現したアニメーションが特徴で、スムーズな動きは飽きることなく見とれてしまいます。 ブラックベースのサイトデザインですがダークな印象はあまり感じられず、オレンジを加えることでポップで華やかなイメージを演出しています。...
-
Spartan Records
アメリカ/シアトルのインディーレーベル、Spartan Records（スパルタン･レコード）のWEBデザインです。 大きなスライダーが特徴のフラットデザインで、グレーとネイビー、ブルーを組み合わせた配色はグリッドレイアウトと相まってモダンでクールな雰囲気を演出しています。 画像を大きく表示していて、特にモバイル端末での閲覧は図版率が高く、スタイリッシュなサイトデザインを華やかに彩っています。...
-
Sublime With Rome
カリフォルニア州ロングビーチ出身のロックバンド、Sublime With Rome（サブライム・ウィズ・ローム）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示されたメンバー画像とストリートグラフィティのようなロゴがダイナミックな印象を与えながら、サイト全体は無駄な装飾を省いたシンプルなフラットデザインです。 ほぼモノトーンのみでデザインされたシンプルな配色は、図版率の高い画像や...
