CATEGORY : Bootstrap
-
AUTO-MOD official website
日本のロックバンド、AUTO-MOD（オートモッド）のオフィシャルサイトのWEBデザインです。 モノトーンを中心とした配色と、フルスクリーン表示したモノクロのアーティスト画像がダークで退廃的な雰囲気を演出したサイトです。 ...
-
Bösendorfer Japan – ベーゼンドルファー・ジャパン
オーストリアのピアノ製造会社、Bösendorfer（ベーゼンドルファー）の日本公式サイトのWEBデザインです。 モノトーン＋ゴールドの配色とエレガントなロゴ、「ウィーンの至宝」とも言われる美しいピアノの画像が高級感を感じさせるサイトです。 細いラインがスタイリッシュなアイコンを用いてサイトのデザイン性も損なわず、ピアノの特徴を視覚化しています。...
-
QueenOnline.com – The Official Queen Website
イギリスのロックバンド、Queen（クイーン）のオフィシャルサイトのWEBデザインです。 ウインドウ幅いっぱいに表示されたスライダーとレンガ調のグリッドレイアウトで構成されたコンテンツへの誘導が特徴のサイトです。 モノトーンでスタイリッシュに配色されたサイトと画像の持つ色合いのコントラストがシャープですっきりとした印象を与えています。...
-
Line 6 Japan
カリフォルニア州カラバサス市の音響機器・楽器メーカー、Line 6(ラインシックス)の日本サイトのデザインです。 フルスクリーン表示のスライダーや接写した製品画像の上に重ねたテキストがコンテンツへの誘導を担うサイトです。 ページやコンテンツに合わせて、グリッド/1カラム/2カラム/フルスクリーンとレイアウトを変えているのも特徴です。 製品の接続例をGIFアニメーションで動きを付けて紹介してい...
-
TAICOCLUB’18
2006年より長野県木曽郡木祖村のこだまの森で開催されている野外音楽フェスティバル、TAICOCLUB (タイコクラブ)オフィシャルサイトのWEBデザインです。 ゆるいテイストのイラストと見出しフォント、セクションごとに色分けされたカラフルな配色が特徴のサイトです。 スクロールに合わせてさりげない表示エフェクトを加えていて、イラスト＋アニメーションでワクワク感を演出しています。...
-
ParaFes 2018 ～UNLOCK YOURSELF～ 11/23@武蔵野の森
日本財団パラリンピックサポートセンターが開催するライブエンターテインメント、ParaFes 2018（パラフェス）オフィシャルサイトのWEBデザインです。 大胆なタイポグラフィーと、彩度の高い配色がスポーツの爽やかさやアクティブ感を表現した鮮やかなサイトです。 整然としたグリッドレイアウトで構成されている中にずらして重ねたラベルや、斜めになった背景画像が遊び心やシャープでソリッドな印象を加えて...
-
Pulse Music Group
アメリカ/ロサンゼルスの音楽出版・マネージメント会社、Pulse Music Group（パルス・ミュージック・グループ）のWEBデザインです。 ファーストビューではフルスクリーン表示された会社の外観画像と、センターに配置されたロゴ・テキストが安定した構図とブランディングをしています。 下層ページでは無彩色での配色とウインドウ幅いっぱいを使ったレイアウト、ブラー効果のキャッチ画像がクールでスタ...
-
Anthony Hamilton
ノースカロライナ州シャーロット出身のR&B・ソウルシンガー、Anthony Hamilton（アンソニー・ハミルトン）オフィシャルサイトのWEBデザインです。 アルバム「What I’m Feelin」のアーティスト写真をフルスクリーン表示した、ダイナミックでインパクトのあるサイトです。 優しく控えめな淡い配色とカード型コンポーネントを組み合わせたデザインに、さりげないパララックスがサイトをよ...
-
U2 > Home
アイルランド出身のロックバンド、U2（ユーツー）オフィシャルサイトのWEBデザインです。 ブラック×グレー×ホワイトにレッドをアクセントにした配色と、美しく整理されたグリッドレイアウトがスタイリッシュなサイトです。 カード型のコンポーネントを多用しながらも区切りにボーダーを使わず、背景色を工夫することで見やすくすっきりとしたデザインになっています。...
-
TuneCore Japan
デジタル音楽配信サービス、TuneCore Japan（チューンコア・ジャパン）のWEBデザインです。 ドキュメンタリーのような動画をフルスクリーンで表示、その中央に配置したシンプルなキャッチコピーと赤色のボタンが目を惹くサイトです。 シンプルでスタイリッシュなレイアウトの中にパララックスやグラデーション、デュオトーンを取り入れてモダンな印象を与えています。...
-
TEAC (日本)
日本の音響機器メーカー、TEAC（ティアック）のWEBデザインです。 モノトーンで統一された潔い配色と、整然としたグリッドレイアウト、フルスクリーンのダイナミックなスライダーが特徴のサイトです。 製品に白抜き画像を使っているのも特徴で、ホワイトスペースが増えることで高級感や落ち着きも演出していて、老舗メーカーの風格を感じさせています。...
-
The Most Famous Recording Studios – Abbey Road Studios
イギリス/ロンドンのレコーディングスタジオ、Abbey Road Studios（アビー・ロード・スタジオ）のWEBデザインです。 モノトーン＋レッドの配色と、伝統と格式を感じさせるように余白を多く取ったレイアウトがエレガントでスタイリッシュなサイトです。 要素をずらして重ねた配置やロングシャドウ、デュオトーンやカード型コンポーネント等、さりげなくも積極的にトレンドを取り入れたデザインです。...
-
Japanese Breakfast – Official Website
Little Big Leagueのボーカリスト、ミシェル・ザウナーによるソロプロジェクト、Japanese Breakfast（ジャパニーズ・ブレックファスト）のWEBデザインです。 シンプルで余白を多く取ったフラットデザインに配置された独特なタッチのイラストが印象に残るサイトです。 ファビコンと合わせてサイトの世界観を一手に担って構築していて、アメリカと韓国の両方のテイストが感じられるデザ...
-
Crack-Up | Available Now – Fleet Foxes
アメリカ/シアトル出身のバンド、Fleet Foxes（フリート・フォクシーズ）オフィシャルサイトのWEBデザインです。 アルバム「Crack-Up」のアートワークをフルスクリーン表示し、壮大なサウンドと美しいコーラスワークを持つ音楽性を表現するかのようなサイトです。 下層ページはモノクロの森の画像にあえて装飾などを施さずコンテンツを表示した、粗野で荒々しい印象のブルータルなデザインです。...
-
Home / Ninja Tune
クラブミュージックのリリースで知られるロンドンのインディペンデント・レーベル、Ninja Tune（ニンジャ・チューン）のWEBデザインです。 アクセス毎にランダムでリリース作品のアートワークをフルスクリーン表示したダイナミックなサイトです。 モノトーン中心の配色と無駄な装飾を省いたシンプルなサイトですが図版率が高く、大きく表示された画像が華やかでにぎやかな印象を与えています。...
-
Home – Sadowsky Guitars
ニューヨークの楽器メーカー、Sadowsky Guitars（サドウスキー・ギター）のWEBデザインです。 画面幅いっぱいに表示されたギター製造工程の動画が印象的なサイトで、ファーストビューで端的にブランディングをしています。 グリッドをベースとした整然としたレイアウトは信頼感と安心感を与え、また単調にならないように縦長や横長など様々な形の要素を作って変化を与えています。...
-
Denon – デノン製品公式サイト
日本の音響機器ブランド、Denon（デノン）製品公式サイトのWEBデザインです。 グリッドで整然と区切られたレイアウトとモノトーン＋ネイビーの配色がトラディショナルで、落ち着きと信頼性を感じさせるサイトです。 カード型のコンポーネントを取り入れながらも白抜き画像を用いることでホワイトスペースを多分に生み、ゆったりとした高級感も感じさせています。 またドロップダウンメニューに製品画像を表示する...
-
G&L Musical Instruments | Made in Fullerton Since 1980
アメリカのギターメーカー、G&L Musical InstrumentsのWEBデザインです。 黒背景とグレーの濃淡を中心とした配色にレッドとピンクでリンクやボタンを彩ったスタイリッシュなデザインで、楽器の接写画像が多いのも特徴です。 楽器の一覧＆詳細ページでは切り抜き画像を使用していて、動きや躍動感を与えると共に製品の魅力も黒背景に映えてより伝わってきます。...
-
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デザインです。 パンク・ハードコア系のグラフィックやイラスト・印刷などを多数手がけていて、一覧ページの作品群は見応えがあります。 モノトーンを中心に配色されたフラットなデザインで、アクセントになっているイエローが堅くなりそうなサイト全体を程よく和らげています。...
- Page 1 of 2
- 1
- 2
