CATEGORY : Jロック
-
People In The Box Official Site
福岡出身の3ピース・オルタナティヴ・ロックバンド、People In The Box（ピープルインザボックス）オフィシャルサイトのWEBデザインです。 シンプルなレイアウトとジャンプ率の低い落ち着いたデザインの中で、画面幅いっぱいにランダムに表示される動物や風景の画像が世界観を作っているサイトです。...
-
AUTO-MOD official website
日本のロックバンド、AUTO-MOD（オートモッド）のオフィシャルサイトのWEBデザインです。 モノトーンを中心とした配色と、フルスクリーン表示したモノクロのアーティスト画像がダークで退廃的な雰囲気を演出したサイトです。 ...
-
THE BACK HORN 20th ANNIVERSARY
東京で結成されたオルタナティヴ・ロックバンド、THE BACK HORN（ザ・バックホーン）の20th ANNIVERSARY特設サイトのWEBデザインです。 ブラック×ゴールドの配色と明朝体フォントを使用したエレガントなデザインに、グランジテイストのテクスチャーを合わせたサイトです。 ...
-
X JAPAN
日本のヴィジュアル系ロックバンド、X JAPAN（エックス・ジャパン）オフィシャルサイトのWEBデザインです。 ブラック×レッドのスタイリッシュな配色と、フルスクリーンで表示したアーティスト写真、グランジ調のテクスチャーが特徴のサイトです。 シングルカラムで構成されたレイアウトはコンテンツを際立たせていて、スクロールと連動して情報をひとつの文脈の中で伝えています。...
-
映画『WE ARE X』公式サイト Blu-ray DVD 12.13(wed) RELEASE
日本のロックバンドX JAPAN の軌跡に迫る音楽ドキュメンタリー映画、WE ARE X公式サイトのWEBデザインです。 ブルーとレッドを基調にしたキービジュアルをフルスクリーン表示、その上にロゴを大胆に表示したファーストビューが象徴的なサイトです。 GALLERYセクションではCSS3のtransformプロパティを使用して、マウスオーバー時に画像をズームさせてサイトに動きを与えています。...
-
YOSHIKI feat. HYDE 特設サイト
日本のロックバンド、X JAPANのYOSHIKIとL'Arc～en～CielのHYDEのコラボレーションユニット、YOSHIKI feat. HYDEのオフィシャルサイトのWEBデザインです。 ブラック×レッド×ゴールドという配色とざらざらとした質感のテクスチャー、接写画像をダイナミックに表示したダークかつエレガントな印象のサイトです。 PROFILEセクションではジグザグに半透明のレイヤー...
-
hide official web site [hide-city] www.hide-city.com
神奈川県横須賀市出身のギタリスト/ソロアーティスト、hide（ヒデ）さんのオフィシャルサイトのWEBデザインです。 トレードマークでもある髪色のピンクをアクセントカラーとした、ポップでビビッドな印象のサイトです。 上下を貫くブラックのナビゲーションがサイトに締まりを与え、また天地への広がりも感じさせています。...
-
MO’SOME TONEBENDER official web site
福岡出身のロックバンド、MO'SOME TONEBENDER（モーサム・トーンベンダー）オフィシャルサイトのWEBデザインです。 フルスクリーン表示したモノクロのアーティスト画像とモノトーンで統一された配色がスタイリッシュなサイトです。 DISCOGRAPHYベージでは画像に白枠を付けて、額縁効果でよりリリース作品を際立たせています。 TOPページスライダーの広告デザインのようなタイポグラフ...
-
L’Arc-en-Ciel LIVE 2018 L’ArChristmas
日本のロックバンド、L’Arc〜en〜Ciel (ラルク・アン・シエル）のLIVE 2018 L'ArChristmasのWEBデザインです。 ブラック×レッド×グリーン×ゴールドの配色とカンプからしっかりと作りこんだと思われるデザインがクリスマス感満載のエレガントなサイトです。 雪が舞うようなアニメーションやローディング画面、スクロール時のフェードイン等、ページ全体に多くのエフェクトを施して...
-
UNISON SQUARE GARDEN TOUR 2018「MODE MOOD MODE」
東京都出身のロックバンド、UNISON SQUARE GARDENのTOUR 2018「MODE MOOD MODE」スペシャルサイトのWEBデザインです。 ゴールドとブラックで色分けされたスプリットスクリーンレイアウトから2つのコンテンツページへ遷移するのが特徴的なサイトです。 「MODE MODE MODE」ページはモノトーン+ピンクの配色と斜めの要素を組み合わせたスタイリッシュなデザイン...
-
UNISON SQUARE GARDEN OFFICIAL SITE
東京都出身のスリーピースロックバンド、UNISON SQUARE GARDEN（ユニゾン・スクエア・ガーデン）のオフィシャルサイトのWEBデザインです。 アーティスト写真をフルスクリーンで表示したダイナミックなTOPページと、シンプルな中にテクスチャーが映える下層ページで構成されたサイトです。 様々な太さやドットのボーダーを使用しているのも特徴で、白地の中で黒い水平線がシックでスタイリッシュな...
-
矢沢永吉公式サイト｜YAZAWA’S DOOR
広島出身のロックミュージシャン・タレント、矢沢永吉（やざわえいきち）氏のオフィシャルサイトのWEBデザインです。 モノトーンにレッドをアクセントとした配色と、ウインドウ幅いっぱいに表示したコンテンツやレイアウトがダイナミックでスタイリッシュなサイトです。 図版率が高いのも特徴で、画像の全面表示やスプリットスクリーンレイアウト等で視覚度を高めながらコンテンツを引き立たせています。...
-
ロイ-RöE- 公式WEBサイト
ディストピア系シンガーソングライター、RöE-ロイ-さんのオフィシャルサイトのWEBデザインです。 モノトーン中心の配色とブラー効果や半透明レイヤー、抽象的な図形を用いた近未来感も感じられるサイトです。 斜めの要素を取り入れてファンシーな中にもスタイリッシュ感を演出していて、さりげなくもより強く印象付けています。...
-
映画「SOUNDS LIKE SHIT: the story of Hi-STANDARD」
Hi-STANDARDのドキュメンタリー映画、SOUNDS LIKE SHIT: the story of Hi-STANDARDのWEBデザインです。 ダイナミックに表示されたアーティスト画像とタイトルロゴ、コンクリートのようなハードな質感のテクスチャーが特徴のサイトです。 ブラック×ホワイト×レッドで統一された配色とシンプルなレイアウトとコンテンツは、よりキービジュアルやトレイラー動画の視...
-
04 Limited Sazabys OFFICIAL WEB SITE
名古屋出身のロックバンド、04 Limited Sazabys（フォー・リミテッド・サザビーズ）のオフィシャルサイトのWEBデザインです。 ウインドウ幅いっぱいに表示されたキービジュアルと、破れた紙のようなグランジデザインとポップなテキストデザインが特徴のサイトです。 MEDIAページではカテゴリーごとに色分けされたラベルを配置していて、ポップで鮮やかな印象を与えつつ情報を分かりやすくしていま...
-
スキマスイッチ OFFICIAL WEBSITE
大橋卓弥と常田真太郎からなる日本の音楽ユニット、スキマスイッチのオフィシャルサイトのWEBデザインです。 清涼感とポップさを併せ持つ配色と柔らかな質感のテクスチャーがナチュラルな雰囲気を感じさせるサイトです。 ウインドウサイズによって可変するカード型のレイアウトも特徴で、テキストや画像・動画等をスタイリッシュに配置しています。...
-
CHAI Official
名古屋出身の女性4人組バンド、CHAI（チャイ）オフィシャルサイトのWEBデザインです。 白とピンクで統一された配色と、フラットなデザインに大きく大胆にレイアウトされた画像が特徴のサイトです。 左側にナビゲーションを固定したレイアウトですが、罫線などの装飾を省き余白を多く取ることで窮屈さを感じさせず、広がりのあるデザインになっています。...
-
MONOEYES OFFICIAL WEBSITE
ELLEGARDENやthe HIATUSでも活動する細美武士氏が立ち上げたロックバンド、MONOEYES（モノアイズ）オフィシャルサイトのWEBデザインです。 フルスクリーンのアーティスト画像上にロゴを配したダイナミックなTOPページと、シンプルでクリーンな印象の下層ページの対比がユニークなサイトです。 シンプルな中にもWEBフォントでデザイン性を高めたり、見出し下に装飾を加えることでアクセ...
-
くるり『その線は水平線』特設サイト
京都出身のロックバンド、くるりのシングル「その線は水平線」特設サイトのWEBデザインです。 アートワークに使用されているレトロでノスタルジックな雰囲気の海面画像をフルスクリーンで表示したダイナミックなサイトです。 シンプルなボーダーと明朝体のWEBフォント、ジャンプ率が低いテキストで構成された、落ち着きと懐かしさを感じさせるデザインです。...
-
くるり / QURULI
京都出身のロックバンド、くるりのオフィシャルサイトのWEBデザインです。 アルバム「ソングライン」のアートワークである風景イラストを横幅いっぱいに表示、その上を線で描画するSVGアニメーションのロゴが印象的なサイトです。 シンプルで無駄な装飾を省いたデザインの下層ページでは、縦書きの見出しがシャープでより引き立っています。...
-
Ken Yokoyama セルフコンピレーションアルバム [Songs Of The Living Dead] リリース特設サイト / PIZZA OF DEATH RECORDS
Hi-STANDARDのギター&ボーカル、Ken Yokoyama氏のアルバム「Songs Of The Living Dead」特設サイトのWEBデザインです。 アルバムのアートワークをダイナミックにフルスクリーンで表示、ホラーとパンクカルチャーを融合したようなデザインが印象的です。 イラストを大々的に使用することで独自の世界観を構築しつつ、他のサイトにはないオリジナリティとインパクトを感じ...
-
THE BLUE HEARTS 30周年 特設サイト
日本のパンクロックバンド、THE BLUE HEARTS（ザ・ブルーハーツ）の30周年特設サイトのWEBデザインです。 背景にフルスクリーンでライブ動画を表示して、中央に半透明のアニバーサリーロゴを大きく配置したレイアウトのシングルページです。 1stアルバムを想起させるような白/黒/ブルーの配色と、右側に固定された各セクションごとへのナビゲーションも特徴で、 Discographyコンテン...
-
ROGUE / REAL AGAIN | ポニーキャニオン
群馬県出身のロックバンド、ROGUE（ローグ）のアルバム「REAL AGAIN」特設サイトのWEBデザインです。 モノクロのアーティスト画像を横幅いっぱいに表示、モノトーン＋ネイビーでスタイリッシュにまとめた配色が特徴のシングルページです。 特設サイトということでアートワークを大きく配置していて、ポップアップする視聴プレーヤー等、アルバムの世界観を余すことなく伝えています。...
-
CHAI GLOBAL | We are New Exciting Onna(female) Band from Japan ! NEO KAWAII ! COMPLEX IS ART !
名古屋出身の女性4人組バンド、CHAI（チャイ）グローバルサイトのWEBデザインです。 ピンクを基調にしたポップな配色とクリエイティブ、ダイナミックなフルスクリーン動画やアニメーションする装飾が賑やかでキュートなサイトです。 テキストをマスクしたローディング画面や、手書きのテキストなども取り入れたタイポグラフィー等、餃子のPAGETOPボタン等、見どころが満載です。...
-
Cocco Official site
沖縄出身のシンガーソングライター、Cocco（こっこ）さんのオフィシャルサイトのWEBデザインです。 モノトーンですっきりとまとめられた配色と、ホワイトスペースを多分に取ったシンプルで凛とした印象のサイトです。 ローディング画面やフッターにさりげなく手書き風のイラストやテキストを取り入れることで、親しみやすさとアクセントをもたらしています。...
-
GLAY公式サイト
北海道出身のヴィジュアル系ロックバンド、GLAY（グレイ）オフィシャルサイトのWEBデザインです。 グリッドで整然とレイアウトされた誘導バナーと各コンテンツごとに色分けされた半透明レイヤー、ダイナミックな各種アニメーションが特徴のサイトです。 下層ページでは広めの余白とグレーの濃淡で配色されたクリーンなデザインで、大きな見出しやWEBフォント、アイコンが親しみやすくポップ感を演出しています。...
-
AIR JAM 2018
Hi-STANDARDを中心に企画されたロックフェスティバル、AIR JAM（エアジャム）2018オフィシャルサイトのWEBデザインです。 パンクロックとストリートカルチャーを融合したイベントを象徴するかのようなロゴと熱気溢れる会場の背景画像、ダイナミックなスライダーが特徴のサイトです。 1カラム+グリッドで構成されたレイアウトはレスポンシブデザインとの親和性も高く、モバイル端末でも差異の少な...
-
松井常松OfficialSite
群馬県高崎市出身のミュージシャン/ベーシスト、松井常松（まつい つねまつ）氏のオフィシャルサイトのWEBデザインです。 フルスクリーンでセンターに表示されたアーティスト画像と右固定のナビゲーション、多くの余白が落ち着きと大人のゆとりをも感じさせるサイトです。 下層ページは一転して黒背景にセンター表示のコンテンツとアップ寄りの画像となり、大小の対比がシャープで距離感と緊張感を生んでいます。 ...
-
LArc-en-Ciel.com
日本のロックバンド、L'Arc〜en〜Ciel (ラルク・アン・シエル）オフィシャルサイトのWEBデザインです。 シングル「Don't be Afraid」のアートワークをテーマにしたアーティスト写真と半透明のブラックレイヤーがクールな、近未来感もあるデザインです。 下層ページは薄いグレーをベースにゴールドをアクセントにした配色と、余白をたっぷりと取ったレイアウトが優雅な落ち着きを感じさせてい...
-
Sadie
大阪出身のヴィジュアル系ロックバンド、Sadie（サディ）オフィシャルサイトのWEBデザインです。 象徴的なキービジュアルと縦積みのナビゲーション、ダークな雰囲気を演出した背景のテクスチャーが特徴のサイトです。 ページ下部にスライドインする固定ナビゲーションがあるのも特徴で、他のサイトではあまり見かけないユニークなアイデアです。...
-
やくしまるえつこ
日本の女性歌手/ミュージシャン、やくしまるえつこさんのオフィシャルサイトのWEBデザインです。 独特なタッチのペン画がアニメーションになった斬新かつブルータルなデザインのサイトで、独自の世界観を強く打ち出しています。 ユーザビリティー面やWEBサイトの固定観念を捨てた、前衛的で自由な表現は他にはないユニークなデザインです。...
-
THE YELLOW MONKEY | ザ・イエロー・モンキー オフィシャルサイト
「イエモン」の愛称で親しまれる日本のロックバンド、THE YELLOW MONKEY（ザ・イエロー・モンキー）オフィシャルサイトのWEBデザインです。 フルスクリーンでのライブ動画と画面幅いっぱいに表示されたコンテンツがダイナミックで迫力があるサイトです。 下層ページでは余白を大きく取り、細めのボーダーや広めの行間がクールで落ち着いた印象で、ゴールドのアクセントカラーと相まって優雅な雰囲気も感...
-
HOME | 4年2組
“青春” をテーマに活動するヴォーカルユニット、4年2組オフィシャルサイトのWEBデザインです。 高揚感のあるライブ画像を大きく使用したダイナミックな印象のスライダーと、黒背景に映える色鮮やかな画像が華やかなデザインのサイトです。 DISCOGRAPHYではCDジャケットとテキストを交互に左右ジグザグに配置し、楽しげなイメージを演出しリズミカルなテンポ感を生んでいます。...
-
アナ Official WebSite
福岡出身の２人組バンド、アナのオフィシャルサイトのWEBデザインです。 アースカラーを取り入れた配色と柔らかな質感のテクスチャを用いた、ナチュラルな雰囲気のサイトです。 アイコンを積極的に取り入れたり、ページ下部にはコンテンツをピンク・ネイビー・イエローで区切って配置したりと視覚的に分かりやすく配慮されています。...
-
TUBE | ソニーミュージック オフィシャルサイト
日本の夏を代表するロックバンド、TUBE（チューブ）ソニーミュージック オフィシャルサイトのWEBデザインです。 グリッドと2カラムで構成されたベーシックなレイアウトで、大きな海の画像を背景に敷いたデザインはバンドのイメージをストレートに表現しています。 また背景画像を固定してコンテンツのみをスクロールさせることで、ページ全体がスクロールするよりもテキストや画像に注目を集めています。...
-
Hotei
群馬県出身/ロンドン在住のギタリスト・ロックミュージシャン、布袋 寅泰（ほていともやす）氏のENGLISH SITEのWEBデザインです。 フラットなデザインとネイビー+レッドの配色がクールでスタイリッシュな印象で、固定ナビゲーションとアンカーリンクが特徴の縦長ページのサイトです。 トレードマークでもある幾何学模様を色々なパターンで背景に敷いていて、オリジナリティと近未来的なイメージをもたらし...
-
go!go!vanillas
日本のロックバンド、go!go!vanillas（ゴーゴーバニラズ）オフィシャルサイトのWEBデザインです。 フラットなデザインにパステル調のピンクやブルーの配色が映えるシンプルなデザインで、左側に固定されたナビゲーションが特徴のサイトです。 メインビジュアルのスライダーや斜めになったナビゲーションのアニメーションがユニークで、ローディング時の動きも読み込みのストレスを和らげています。...
-
和楽器バンド Official Site
日本のロックバンド、和楽器バンド（わがっきバンド）オフィシャルサイトのWEBデザインです。 グリッドで色分けされた背景に画像やコンテンツを重ねたりずらしたりすることでオリジナリティや躍動感を高めているレイアウトが特徴です。 縦書きの見出しやグラデーションも取り入れた和を感じさせるデザインは、バンドの世界観やコンセプトを的確に表現しています。...
-
小島麻由美オフィシャルサイト
東京都出身のシンガーソングライター、小島麻由美（こじま まゆみ）さんのオフィシャルサイトのWEBデザインです。 ネイビーを基調にサンドベージュをアクセントとした配色は上品で大人の落ち着きを感じさせ、イラストやポップな区切り線を加えることでキュートな印象も併せ持っています。 縦長ページをスクロールに合わせてナビゲーションの雲が移動したり、PROFILE & DISCOGRAPHYでは時系列にタイ...
-
サザンオールスターズ Official Site
「サザン」の愛称で親しまれる日本のロックバンド、サザンオールスターズ（Southern All Stars）オフィシャルサイトのWEBデザインです。 インパクトの大きいビジュアルがランディングページ的な役割を果たす告知画面と、大きなスライダーや見出しがポップで明るい印象を作っています。 背景に敷いた薄いグレーからずらして表示した見出しや画像が遊び心を感じさせていて、一方でスタイリッシュなフッタ...
