CATEGORY : Bootstrap
-
Official Nirvana Website: Complete Discography, Videos and more
ワシントン州アバディーン出身のロックバンド、Nirvana（ニルヴァーナ）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示された動画がダイナミックで大きなインパクトを与えるサイトで、パララックスも取り入れた縦長のページです。 色使いを抑えた配色とフラットデザイン、罫線のみで装飾したシンプルな見出し等が動画やジャケット画像を映えて見せています。...
-
Madonna.com > Home
アメリカ/ミシガン州出身の歌手/シンガソングライター/女優、Madonna（マドンナ）さんのオフィシャルサイトのWEBデザインです。 アルバム「Ray Of Light」の20th Anniversaryを記念したデザインで、フルスクリーンで表示されたアートワークとモノトーン×レッドの配色がスタイリッシュです。 大きなキャッチやサムネイル画像はダイナミックで見る人の目を引き、より直感的にコンテ...
-
No Sleep Records
アメリカ/カリフォルニアのインディペンデント・レーベル、No Sleep Records（ノー・スリープ・レコード）オフィシャルストアのWEBデザインです。 余白をたっぷりと取ったフラットデザインにアースカラーをアクセントとした配色は上品で洗練されたイメージと同時に、アンティークな雰囲気も演出しています。 Amazon等でも見られるように画像を白抜きにすることで、商品をより客観的かつ高級感あふ...
-
Ólafur Arnalds
アイスランドの音楽家・作曲家のÓlafur Arnalds（オーラヴル・アルナルズ）オフィシャルサイトのWEBデザインです。 ホワイトとグレーを基調にした配色とたっぷりと取った余白が知的でクリーンな印象を感じさせています。 大胆で太めのサンセリフ体を下層ページの見出しにしてメリハリを付けつつ、セリフ体を使用してクラシカルな雰囲気も持たせています。 TOPページのジャケット画像にマウスオーバー...
-
Justin Bieber – Purpose Available Now
カナダのポップミュージシャン、Justin Bieber（ジャスティン・ビーバー）オフィシャルサイトのWEBデザインです。 ブラック×ホワイト×パープルの配色とフラットデザインの掛け合わせがスタイリッシュで、その中で手書き風のロゴが親しみやすさをプラスしています。 大胆なタイポグラフィーが印象的で、グリッドに囚われない自由なレイアウトと相まってエディトリアルデザインのような雰囲気を感じさせてい...
-
Home | Michael Jackson Official Site
アメリカのエンターテイナー/シンガーソングライター/ダンサー、MICHAEL JACKSON（マイケル・ジャクソン）オフィシャルサイトのWEBデザインです。 シャンパンゴールドを取り入れた配色はマイルドで優しく穏やかな高級感を演出していて、華やかでありながら大人の落ち着きも併せ持っています。 アイコンでページ下部に配置されたアプリライクなナビゲーションや、時系列に表示されたコンテンツ等、他のサ...
-
D’ERLANGER
日本のロックバンド、D'ERLANGER（デランジェ）オフィシャルサイトのWEBデザインです。 エレガントな印象のロゴマークや斜体のナビゲーション、ホワイトをベースとした配色にゴールドをアクセントカラーとした優雅な雰囲気のデザインです。 下層ページではキャッチ画像やローカルナビゲーションを色分けしてジグザグにすることでリズムを作りつつ、印象的なページにしています。...
-
LUNA SEA OFFICIAL WEBSITE
東京都町田市出身のヴィジュアル系ロックバンド、LUNA SEA（ルナシー）オフィシャルサイトのWEBデザインです。 ブラック×レッドの配色がダークかつクールな印象のサイトで、背景に敷いた海や月面を想起させる画像が壮大で幻想的なイメージを作っています。 シングルカラムで構成されたレイアウトは大きなオブジェクトを配置しやすく、余分な動線がないためコンテンツを際立たせています。...
-
Ovation Guitars
独特なサウンドホールのエレアコで知られるアメリカのギターメーカー、Ovation Guitars（オベーション・ギター）のWEBデザインです。 ブラックとゴールドの配色は重厚でエレガントな印象を与えていて、画像を使用したダイナミックなスライダーと相まって優雅な雰囲気を持つサイトです。 さりげなく嫌味のないアニメーションや配色に合わせたスクロールバー等、細やかな所までこだわりを感じられるデザイン...
-
LUNATIC FEST. 2018 OFFICIAL WEBSITE
日本のロック・バンドLUNA SEAが主催するロック・フェスティバル、LUNATIC FEST.（ルナティック・フェスト）のWEBデザインです。 降り注ぐ流星の中に浮かぶスカルをキービジュアルとしたデザインで、フルスクリーン画像の下部にスクロールボタンを置くことでコンテンツへの誘導をしています。 黒背景をベースとした配色にリンクやボタンをレッド、見出しをゴールドで統一することで色分けによって機...
-
MAN WITH A MISSION
日本の5人組ロックバンド、MAN WITH A MISSION（マン・ウィズ・ア・ミッション）オフィシャルサイトのWEBデザインです。 少し彩度を下げたアーティスト画像が独特の存在感を演出していて、フルスクリーンで表示することでサイトの世界観を決定付けています。 フラットなデザインに細かなドット柄の背景パターンを敷くことで、モノトーン中心のダークな配色にトラディショナルな雰囲気もプラスしていま...
-
ADI-2 DAC | スタジオ・サウンドを自宅でも
ドイツRME社製のDAコンバーター、ADI-2 DACの公式特設ページのWEBデザインです。 接写画像を多用して横幅いっぱいに表示したダイナミックなデザインで、強いインパクトを与えながら被写体にフォーカスし、より製品の魅力を伝えています。 さりげなくパララックス効果を取り入れたり次コンテンツへのアローを配したりと、シングルページの中にストーリーを感じさせる作りになっています。...
-
Night Flowers – Debut Album Wild Notion Out Now
イギリス/ロンドン出身のシューゲイズ・ポップ・バンド、Night Flowers (ナイト・ フラワーズ) オフィシャルサイトのWEBデザインです。 デュオトーンで切り替わる動画がポップで華やかな印象を与えつつ、斜めのラインでスタイリッシュにも見せてくれるデザインです。 さりげないパララックスやローディング、ページ遷移時のアニメーション等、細部にも遊び心やギミックが盛り込まれているサイトです。...
-
Dunlop
アメリカのギターアクセサリーメーカー、Jim Dunlop（ジム･ダンロップ）のWEBデザインです。 フルスクリーンで表示されるスライダーがダイナミックなサイトで、さりげなくシャドウを取り入れる事でフラットデザインをより魅力的にしています。 ウエイトのある見出しやセリフ体のフォントを使用したり等、文字を華やかに美しく見せているデザインです。...
-
Home | Jaco Pastorius
アメリカのベーシスト、Jaco Pastorius(ジャコ・パストリアス)オフィシャルサイトのWEBデザインです。 外側に向けて四隅を暗くぼかしたビネット効果を施した画像を大きく表示、レトロ・ヴィンテージ感をもたらすと共にサイトの世界観を打ち出しています。 ナビゲーションや見出しに手書き風のフォントを使用していて、ジャンプ率の大きさとも相まって親しみやすく柔らかな印象を与えています。...
-
TASCAM
ティアック株式会社の業務用音響ブランド、TASCAM（タスカム）のWEBデザインです。 オレンジをキーカラーとした配色は明るくポップなイメージで、ブラックやグレーの割合が多い製品画像からサイト全体を明るく華やかに彩っています。 白背景の製品画像にボーダー等を使わず表示することで抜け感や解放感を作っていて、全体的に横長で統一されたキャッチ画像は平穏で落ち着いた印象を与えています。...
-
Sublime With Rome
カリフォルニア州ロングビーチ出身のロックバンド、Sublime With Rome（サブライム・ウィズ・ローム）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示されたメンバー画像とストリートグラフィティのようなロゴがダイナミックな印象を与えながら、サイト全体は無駄な装飾を省いたシンプルなフラットデザインです。 ほぼモノトーンのみでデザインされたシンプルな配色は、図版率の高い画像や...
-
Avion Roe – Official Site
テキサス州ダラス出身のポップロックバンド、Avion Roe（アヴィオン・ロー）オフィシャルサイトのWEBデザインです。 アルバム「In Separation」のアートワークをモチーフとしたサイトデザインで、モノトーン中心の配色と余白を大きく取ったレイアウトが相まってクールでスタイリッシュな印象を漂わせています。 画面を縦に等分割したスプリットレイアウトも取り入れていて、動画とテキスト要素の対...
-
GREENROOM FESTIVAL ’18
ミュージックとアートを通じてサーフ・ビーチカルチャーを伝えるフェス、GREENROOM FESTIVAL '18のWEBデザインです。 ネイビーとホワイトの配色が洗練されたシャープなイメージを持たせたデザインで、斜めの要素を加えることでサイトに刺激や動きを与えてスタイリッシュな印象に仕上げています。 淡いドロップシャドウを積極的に取り入れていて、フラットなデザインに一工夫加えると共に本質を残し...
-
HAAL
アメリカ/テネシー州出身のオルタナティブロックバンド、HAALのオフィシャルサイトのWEBデザインです。 アーティスト写真を横幅いっぱいに表示することでサイトのイメージを作っていて、背景に敷いた画像が持つ色彩がフラットなデザインに色々な表情を持たせています。 ローディングアニメーションが可愛らしく、アクセントカラーのイエローで彩った２つの球体がページ読み込み時のストレスを和らげています。...
-
KILLSWITCH ENGAGE
アメリカ/マサチューセッツ州出身のメタルコアバンド、KILLSWITCH ENGAGE(キルスウィッチ・エンゲイジ)オフィシャルサイトのWEBデザインです。 アルバム「Incarnate」のアートワークをモチーフとしたハードなデザインで、グランジテイストのテクスチャやパターンをふんだんに使用して荒々しくダークな雰囲気を演出しています。 ブラックをベースにブラウンやゴールドでまとめた配色は重厚な...
-
Camigraphic Lab – Taller de Serigrafía y diseño en Santander, Cantabria
スペイン/カンタブリア州のグラフィック社、Camigraphic LabのWEBデザインです。 パンク・ハードコア系のグラフィックやイラスト・印刷などを多数手がけていて、一覧ページの作品群は見応えがあります。 モノトーンを中心に配色されたフラットなデザインで、アクセントになっているイエローが堅くなりそうなサイト全体を程よく和らげています。...
-
indienative インディーネイティブ
インディーズ・ミュージックの情報サイト、Indienative (インディーネイティブ) のWEBデザインです。 最新のリリース情報やミュージックビデオ等、有名なバンドからニッチなバンドまでワールドワイドにインディーズ・ミュージックの情報を紹介しています。 サイトはグリッドで秩序正しく整えられたレイアウトで、サムネイルやバナー画像で雑然とならないよう、ホワイト+薄いグレーのシンプルな色使い...
-
Opeth – Official Website | SORCERESS New Album OUT WORLDWIDE!
スウェーデン出身のプログレッシブ・メタルバンド、Opeth(オーペス)オフィシャルサイトのWEBデザインです。 ゴシックメタルの世界観とデスメタルの凶暴性、70年代プログレッシブロックの構築美を融合した音楽性は日本でも高い人気を誇り、近年ではアコースティックギターやメロトロン等も導入してより耽美な、唯一無二のサウンドを確立しています。 サイトはアルバム「SORCERESS」のアートワークを...
-
Home | Ernie Ball Music Man
アメリカ/カリフォルニア州の楽器製造・販売メーカー、Music Man(ミュージックマン)公式サイトのWEBデザインです。 フェンダーの関係者で創業され、1984年からアーニー・ボールに経営移行し、スティングレイといった名機や多くのミュージシャンのシグネイチャーモデル等も発表しています。 サイトは薄いグレーを効果的に用いた上品なテイストのフラットデザインで、余白を大きく取り高級感を演出すると共...
-
Recording Studio KISS
大阪市のレコーディングスタジオ、Studio KISS（スタジオキッス）のWEBデザインです。 関西を中心にインディーズバンドやメジャーなアーティストまで、多くの作品のレコーディングを手がけているスタジオです。 サイトはWordpressで構築されたモノトーンをベースとしたシンプルなデザインで、その中でアクセントカラーのピンクが映えて見えます。 ヘッダー上やフッターに濃いカラーを置くことでW...
-
björk
アイスランド出身のアーティスト/シンガーソングライター、björk（ビョーク）のオフィシャルサイトのWEBデザインです。 独創的な歌唱やビジュアルも話題となる彼女のサウンドは特定のジャンルに縛られることはなく、また最新のテクノロジーを取り入れながら常に新しい表現を模索し続けて驚きや感動を与えてくれます。 サイトもフルスクリーンで表示される動画が強いインプレッションを与えていて、ページによって変...
-
The Used
アメリカ/ユタ州出身のポスト・ハードコアバンド、The Used（ザ・ユーズド）オフィシャルサイトのWEBデザインです。 2002年のデビュー作がいきなりのプラチナ・ディスクを記録、一気にスクリーモを代表するバンドとしてシーンに多大な影響を及ぼしたバンドの一つです。 破滅型激情シンガーと呼ばれるバード・マクラッケンを中心にメンバーチェンジを経ながらも現在も精力的にリリース、ツアーを重ねています...
-
Sometree
ドイツのエモーショナル・ロックバンド、Sometree（サムトゥリー）のWEBデザインです。 SUNNY DAY REAL ESTATE, TEXAS IS THE REASONを彷彿させるような憂いのあるメロディーに浮遊感と音響系のような広がり、静から動への爆発力など、スケール感のあるサウンドを響かせてくれます。 バンドは残念ながら解散となってしまった模様で、サイトもアナウンスとSNSへのリ...
-
GASTUNK official site
日本のロックバンド､GASTUNK（ガスタンク）のオフィシャルサイトのWEBデザインです。 国内のパンク・ハードコアシーンの黎明期よりメタリックなギターと性急なビート、メロディアスに唄い上げるボーカルというスタイルで後続のバンドに多大な影響を及ぼし、今なお精力的に活動を続けています。 サイトはモノトーンに赤というアンダーグラウンド感が満載の配色で、モノクロの画像がその雰囲気を更に高めています。...
-
A Perfect Circle
カリフォルニア州ロサンゼルス出身のロックバンド、A Perfect Circle（ア・パーフェクト・サークル）のWEBデザインです。 デザインと共にアニメーションもとても凝っていて、ページ遷移の際の滑車が回る表現など見ごたえがあります。...
-
Marshall Amps（マーシャルアンプ）
イギリス発の世界を代表するギター/ベースアンプメーカー、Marshall Amps（マーシャルアンプ）のWEBデザインです。 フルスクリーンのスライダーやグリッドが特徴のダイナミックなレイアウトで、画像を大きく表示していてスマートフォンでも見やすくなっています。...
