CATEGORY : レスポンシブ
-
Bonobo
ロサンゼルスを拠点とする英国人ミュージシャン、Bonobo（ボノボ）オフィシャルサイトのWEBデザインです。 アルバム「Migration」のアートワークをフルスクリーンで背景に表示した、ダイナミックでスケール感のあるサイトです。 1カラムのシングルページで無駄な要素や装飾を省いた潔いページは分かりやすく、またレスポンシブでも差異が少ないデザインとなっています。...
-
Steinway & Sons
アメリカの老舗ピアノメーカー、Steinway & Sons（スタインウェイ＆サンズ）のWEBデザインです。 ホワイトとグレーをベースにした配色、美しいロゴ、グリッドで整然とレイアウトされた格調高く洗練された印象のデザインです。 広い行間でたっぷりと余白を取った優雅な雰囲気に、大きめの画像を配置することでダイナミックにもしています。...
-
LOUDNESS – Official Website –
名実共に日本を代表するヘヴィメタルバンド、LOUDNESS（ラウドネス）オフィシャルサイトのWEBデザインです。 熱気溢れるライブ画像を背景にフルスクリーンで使用し、セクションの切り替わりにパララックスで魅せているのが特徴です。 PC閲覧時でも最初からハンバーガーメニューになっていて、1カラムやグリッドレイアウト等と合わせてモバイルとの差異が少ないデザインです。...
-
Beats by Dr. Dre
Dr. Dreが設立したアメリカのオーディオ機器ブランド、Beats（ビーツ・エレクトロニクス）のWEBデザインです。 フルスクリーンで表示されたシンプルで訴求力の高いビジュアルに、グラデーションを取り入れることでより魅力を高めています。 パララックスやエフェクト、要素をずらしたり重ねたりすることで動きを演出した、躍動感の溢れるデザインのサイトです。 またページやコンテンツに合わせてフルスク...
-
Dead Letter Circus – New album The Endless Mile
オーストラリア出身のオルタナティヴロックバンド、DEAD LETTER CIRCUS（デッド・レター・サーカス）オフィシャルサイトのWEBデザインです。 フルスクリーンでフェードイン/アウトする大きな画像とブルーをアクセントとした配色、半透明の固定ナビゲーションがクールでスタイリッシュなサイトです。 部分的にグランジ調の背景テクスチャを用いて質感を高めたり、フッターにさりげなくパララックスを取...
-
TETSUYA KOMURO ARCHIVES
音楽プロデューサー小室哲哉氏のアルバム「TETSUYA KOMURO ARCHIVES」 の約15mに及ぶ大型アートワークのデジタル版サイトのWEBデザインです。 各時代を切り取ったかのような象徴的な背景画像を鮮やかなグラデーションで繋ぎ、横スクロールのタイムラインで見せた斬新なデザインです。 ローディング時のアニメーションも凝っていて、デザイン性と共にユニークで他には見ないようなサイトです。...
-
THE YELLOW MONKEY | ザ・イエロー・モンキー オフィシャルサイト
「イエモン」の愛称で親しまれる日本のロックバンド、THE YELLOW MONKEY（ザ・イエロー・モンキー）オフィシャルサイトのWEBデザインです。 フルスクリーンでのライブ動画と画面幅いっぱいに表示されたコンテンツがダイナミックで迫力があるサイトです。 下層ページでは余白を大きく取り、細めのボーダーや広めの行間がクールで落ち着いた印象で、ゴールドのアクセントカラーと相まって優雅な雰囲気も感...
-
Gouge Away
フロリダ出身の女性ボーカル激情ハードコアバンド、Gouge AwayオフィシャルサイトのWEBデザインです。 アルバム「BURNT SUGAR」のパープルブラウンとミントグリーンを基調とした配色が甘くもレトロ感も感じさせるデザインです。 デュオトーンのライブ画像を背景にフルスクリーンで表示、図版率も大きめのレイアウトでライブ感のあるダイナミックなサイトです。...
-
HOME | 4年2組
“青春” をテーマに活動するヴォーカルユニット、4年2組オフィシャルサイトのWEBデザインです。 高揚感のあるライブ画像を大きく使用したダイナミックな印象のスライダーと、黒背景に映える色鮮やかな画像が華やかなデザインのサイトです。 DISCOGRAPHYではCDジャケットとテキストを交互に左右ジグザグに配置し、楽しげなイメージを演出しリズミカルなテンポ感を生んでいます。...
-
sukekiyo official web site
DIR EN GREYのボーカル・京氏の率いるバンド、sukekiyo（スケキヨ）オフィシャルサイトのWEBデザインです。 フレームに囲まれたメインビジュアルはそれ自体がバナーとなっていて、サイトの世界観を作ると共に動線も担っています。 おどろおどろしい背景画像やテクスチャー、明朝体のフォントがバンドの方向性を表現しているTOPページと、 かっちりとしたベーシックなレイアウトで情報やコンテン...
-
SQUAREPUSHER
イギリスのミュージシャン/作曲家/ベーシスト、トーマス・ジェンキンソンことSQUAREPUSHER（スクエアプッシャー）オフィシャルサイトのWEBデザインです。 無彩色を中心とした配色に左側に固定ナビゲーション、グリッドに囚われない自由なレイアウトのコンテンツが特徴のサイトです。 大胆に配置したり上下左右を反転したりと遊び心満載の見出しや、ずれたり重なったりしたテキストやフォームは斬新でウィッ...
-
アナ Official WebSite
福岡出身の２人組バンド、アナのオフィシャルサイトのWEBデザインです。 アースカラーを取り入れた配色と柔らかな質感のテクスチャを用いた、ナチュラルな雰囲気のサイトです。 アイコンを積極的に取り入れたり、ページ下部にはコンテンツをピンク・ネイビー・イエローで区切って配置したりと視覚的に分かりやすく配慮されています。...
-
Official Nirvana Website: Complete Discography, Videos and more
ワシントン州アバディーン出身のロックバンド、Nirvana（ニルヴァーナ）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示された動画がダイナミックで大きなインパクトを与えるサイトで、パララックスも取り入れた縦長のページです。 色使いを抑えた配色とフラットデザイン、罫線のみで装飾したシンプルな見出し等が動画やジャケット画像を映えて見せています。...
-
JVCヘッドホン | ハイクラスヘッドホンシリーズ「CLASS-S」
JVCのハイクラスヘッドホンシリーズ、「CLASS-S」特設サイトのWEBデザインです。 モノトーンを中心としたフラットデザインときめ細やかなエフェクトが特徴のサイトで、優雅で落ち着いた印象を感じられます。 水平方向に伸びた画像や程良いホワイトスペースが穏やかなイメージを与えている中、大小様々なグリッドや白抜き画像が動きももたらせています。...
-
Hotei
群馬県出身/ロンドン在住のギタリスト・ロックミュージシャン、布袋 寅泰（ほていともやす）氏のENGLISH SITEのWEBデザインです。 フラットなデザインとネイビー+レッドの配色がクールでスタイリッシュな印象で、固定ナビゲーションとアンカーリンクが特徴の縦長ページのサイトです。 トレードマークでもある幾何学模様を色々なパターンで背景に敷いていて、オリジナリティと近未来的なイメージをもたらし...
-
AWA – 音楽ストリーミングサービス｜初めての方は3か月無料で聴き放題
AWA株式会社が提供する音楽配信サービス、AWA（アワ）のWEBデザインです。 フルスクリーンで表示されたダイナミックな画像やパララックス、グリッドに囚われない自由なレイアウトが遊び心やオリジナリティを感じさせています。 コンテンツごとに変えた背景色やアニメーションする画像と、白抜き画像を用いて余白を活かした対比が魅力的なサイトです。...
-
High End Audiophile Amplifiers And Sound Systems | MOON – Simaudio
カナダのオーディオメーカーSIMAUDIOが手がける、MOONブランドのWEBデザインです。 フルスクリーン表示での動画を活用したブランディング、モノトーン中心の配色とセリフ体のテキストや縦横のボーダーがスタイリッシュな印象のサイトです。 スプリットやブロークングリッド、意図的に要素をずらしたり画像に重ねたりしたレイアウトは動きと遊び心を感じさせ、強いインプレッションを与えています。...
-
PALM Official Website
大阪のダークハードコアバンド、PALM（パーム）オフィシャルサイトのWEBデザインです。 ブラック+レッドの配色とグランジ加工されたロゴ、逆十字がダークなイメージを与える重厚感のあるデザインです。 パララックスやホバーエフェクト等の細かな動きが光っていて、フルスクリーン表示の際にスクロールボタンが下部コンテンツへのアクションを促しています。...
-
Namie Amuro Official Site
沖縄出身の歌手/ダンサー、安室奈美恵（あむろなみえ）さんのオフィシャルサイトのWEBデザインです。 ホワイト+シャンパンゴールドの配色と広めに取られたホワイトスペースがエレガントで洗練された印象を感じさせるデザインです。 フルスクリーンで表示されたライブ画像はビジュアル面で魅了するだけでなく、それ自体がバナーとなっていて購入ページへの誘導の役割を果たしています。...
-
namie amuro Final Space
安室奈美恵さんの軌跡を辿る体感型の展覧会、namie amuro Final Spaceの特設サイトのWEBデザインです。 キラキラとしたメインビジュアルとシャンパンゴールドをアクセントとした配色、セリフ体のフォントを見出しに使用したエレガントなサイトです。 ホワイトベースのシングルページの途中にグレーの背景を用いることでコンテンツの区切りを作りつつ、ページに締まりを与えています。...
-
Waiting For Morning To Come | Being As An Ocean
カリフォルニア州アルパイン出身のポスト･ハードコアバンド、Being As An Ocean（ビーイング・アズ・アン・オーシャン）のWEBデザインです。 シンプルなシングルページで1カラムでコンテンツを並べ、スクロールで見せていくストーリーテリング型のサイトです。 ページの四隅に配された四角やテキストをクリックするとサイト全体の色を反転できる、遊び心のある仕掛けも特徴です。...
-
Michael Nyman
ロンドン出身のピアニスト/作曲家、Michael Nyman（マイケル・ナイマン）オフィシャルサイトのWEBデザインです。 ホワイトとグレーの濃淡を中心としたモノトーン配色とシンプルで無駄な装飾を省いた、洗練された印象のサイトです。 グリッドで整然としたレイアウトの中に大小様々なカードで動きを出したり、なめらかなエフェクトを加えたりとシンプルな中にこだわりを感じさせています。...
-
KAMINARI GUITARS
横浜のギターメーカー、KAMINARI GUITARS（神鳴ギターズ）オフィシャルサイトのWEBデザインです。 モノトーン配色とシンプルで無駄な装飾を省いたフラットデザイン、ダイナミックなスライダーやパララックスが特徴のサイトです。 大きく配置された画像に対して余白をたっぷりと取ったレイアウトが上品で上質な印象を与え、またテキスト等の可読性も高めています。...
-
GOSPELS OF JUDAS
L.A.在住の日本人ギタリストYT氏が中心となったプロジェクト、GOSPELS OF JUDAS（ゴスペルズ オブ ジュダ）オフィシャルサイトのWEBデザインです。 画面の横幅いっぱいのダイナミックなスライダーとモノトーン中心の配色が特徴のシンプルなフラットデザインのサイトです。 レスポンシブを意識したグリッド＆1カラムのレイアウトで構築されていて、様々なデバイスでの閲覧環境によるデザインの差...
-
go!go!vanillas
日本のロックバンド、go!go!vanillas（ゴーゴーバニラズ）オフィシャルサイトのWEBデザインです。 フラットなデザインにパステル調のピンクやブルーの配色が映えるシンプルなデザインで、左側に固定されたナビゲーションが特徴のサイトです。 メインビジュアルのスライダーや斜めになったナビゲーションのアニメーションがユニークで、ローディング時の動きも読み込みのストレスを和らげています。...
-
Homepage – Orbital
イギリス出身のテクノユニット、Orbital（オービタル）オフィシャルサイトのWEBデザインです。 アルバム「Monsters Exist」のアートワークの世界観を表現した、ダークかつファンタジーな印象のデザインです。 サイト全体に縦書きの見出しを大胆に配置することで目新しさやアクセントが出て、インパクトと強いインプレッションを与えています。...
-
The Marantz Sound ―Core Technology of 10 & 12 Series―
音響機器ブランドMarantz（マランツ）のHi-Fiコンポーネント10&12シリーズのスペシャルサイトのWEBデザインです。 横幅いっぱいの画像がダイナミックながら平穏な印象も感じさせていて、ホワイトとシャンパンゴールドの配色が優雅で上品な雰囲気を醸し出しています。 部分的にブロークングリッドを用いて画像やコンテンツをずらしたり重ねたりすることで、単調にならずページ全体に躍動感を与えています...
-
和楽器バンド Official Site
日本のロックバンド、和楽器バンド（わがっきバンド）オフィシャルサイトのWEBデザインです。 グリッドで色分けされた背景に画像やコンテンツを重ねたりずらしたりすることでオリジナリティや躍動感を高めているレイアウトが特徴です。 縦書きの見出しやグラデーションも取り入れた和を感じさせるデザインは、バンドの世界観やコンセプトを的確に表現しています。...
-
Holy Roar Records
イギリス/ロンドンのインディペンデント・レーベル、Holy Roar Records（ホーリー･ロアー・レコード）のWEBデザインです。 赤ん坊のシュールな線画のロゴマーク、横幅いっぱいのスライダーがダイナミックなサイトで、大きめのサムネイル画像を使用した直感的なデザインも特徴です。 モノトーンにゴールドをアクセントとした配色が落ち着いた印象を与えていて、リリース作品やアーティスト画像の配色を...
-
EGO-WRAPPIN’
大阪出身のユニット、EGO-WRAPPIN'（エゴラッピン）オフィシャルサイトのWEBデザインです。 真っ暗な中にランプの明かりが点る仕掛けが印象的で、大きな見出しや横幅いっぱいの画像＆カルーセルが黒背景のサイトに躍動感を与えています。 コンテンツ表示時のアニメーションが凝っていて、DISCOGRAPHYをカテゴリーごとにソートした時のカードをシャッフルしたような動きも素敵です。...
-
Madonna.com > Home
アメリカ/ミシガン州出身の歌手/シンガソングライター/女優、Madonna（マドンナ）さんのオフィシャルサイトのWEBデザインです。 アルバム「Ray Of Light」の20th Anniversaryを記念したデザインで、フルスクリーンで表示されたアートワークとモノトーン×レッドの配色がスタイリッシュです。 大きなキャッチやサムネイル画像はダイナミックで見る人の目を引き、より直感的にコンテ...
-
No Sleep Records
アメリカ/カリフォルニアのインディペンデント・レーベル、No Sleep Records（ノー・スリープ・レコード）オフィシャルストアのWEBデザインです。 余白をたっぷりと取ったフラットデザインにアースカラーをアクセントとした配色は上品で洗練されたイメージと同時に、アンティークな雰囲気も演出しています。 Amazon等でも見られるように画像を白抜きにすることで、商品をより客観的かつ高級感あふ...
-
Roland – JP
日本の電子楽器メーカー、Roland（ローランド）コーポレートサイトのWEBデザインです。 フルスクリーンで大胆に表示されたカルーセルと、モノトーン×オレンジの配色がモダンかつエネルギッシュな印象のサイトです。 広めに取られた余白とかっちりとしたグリッドレイアウトは上品で信頼感があり、サムネイルやキャッチ画像を多用することで堅くなり過ぎず親しみ易さも持たせています。...
-
Ólafur Arnalds
アイスランドの音楽家・作曲家のÓlafur Arnalds（オーラヴル・アルナルズ）オフィシャルサイトのWEBデザインです。 ホワイトとグレーを基調にした配色とたっぷりと取った余白が知的でクリーンな印象を感じさせています。 大胆で太めのサンセリフ体を下層ページの見出しにしてメリハリを付けつつ、セリフ体を使用してクラシカルな雰囲気も持たせています。 TOPページのジャケット画像にマウスオーバー...
-
Laurent Perez Del Mar – Feature films music composer
フランスの映画音楽家・作曲家のLaurent Perez Del Mar（ローラン・ペレズ・デル・マール）オフィシャルサイトのWEBデザインです。 一切の有彩色を省き、モノトーンの配色とコントラストが高いモノクロ画像で構成された、洗練された印象のスタイリッシュなデザインです。 縦長のシングルページを様々なパララックスやエフェクトで楽しませながら展開していくストーリーテリングによって、サイトをよ...
-
Justin Bieber – Purpose Available Now
カナダのポップミュージシャン、Justin Bieber（ジャスティン・ビーバー）オフィシャルサイトのWEBデザインです。 ブラック×ホワイト×パープルの配色とフラットデザインの掛け合わせがスタイリッシュで、その中で手書き風のロゴが親しみやすさをプラスしています。 大胆なタイポグラフィーが印象的で、グリッドに囚われない自由なレイアウトと相まってエディトリアルデザインのような雰囲気を感じさせてい...
-
IDIOTEQ.com – DIY Hardcore Punk & Experimental Music News & Interviews
ポーランド/ワルシャワのハードコア・パンク等のDIYメディアサイト、IDIOTEQ.comのWEBデザインです。 画像以外はモノトーンで配色された潔いデザインは色のバラつきを抑えて、シックでクラシックな統一感を醸し出しています。 大き過ぎないサムネイル画像は一度にたくさんの記事を一覧表示することが出来て、またデバイスサイズに合わせて縦積みと横並びを切り替えて、操作性を考慮しています。...
-
サザンオールスターズ Official Site
「サザン」の愛称で親しまれる日本のロックバンド、サザンオールスターズ（Southern All Stars）オフィシャルサイトのWEBデザインです。 インパクトの大きいビジュアルがランディングページ的な役割を果たす告知画面と、大きなスライダーや見出しがポップで明るい印象を作っています。 背景に敷いた薄いグレーからずらして表示した見出しや画像が遊び心を感じさせていて、一方でスタイリッシュなフッタ...
-
Home | Michael Jackson Official Site
アメリカのエンターテイナー/シンガーソングライター/ダンサー、MICHAEL JACKSON（マイケル・ジャクソン）オフィシャルサイトのWEBデザインです。 シャンパンゴールドを取り入れた配色はマイルドで優しく穏やかな高級感を演出していて、華やかでありながら大人の落ち着きも併せ持っています。 アイコンでページ下部に配置されたアプリライクなナビゲーションや、時系列に表示されたコンテンツ等、他のサ...
-
Billy Idol
イギリス出身のミュージシャン/シンガーソングライター、Billy Idol（ビリー・アイドル）オフィシャルサイトのWEBデザインです。 モノトーン＋レッドの配色とモノトーンで統一された画像がパンキッシュで猥雑な印象を与えているサイトデザインです。 細かなエフェクトやアニメーションと共にサイドカラムやフッター等に多くの動線を配しているのも特徴で、どのページからも回遊性を生んでいます。...
